#utilities {
	background: #034890;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: .85em;
	font-weight: bold;
	font-family: Arial, sans-serif;
	padding: 0;
	margin: 0;
}

#utilities a  {
 text-decoration: none;
 color: #fff;
 line-height: 1.8em;
 }
 
#utilities a:hover {
 text-decoration: underline;
 }
 
#utilities .homelink {
 float: left;
 }

#utilities .homelink a {
 color: #fff;
 margin: 0;
 padding: 0 1em;
 }

#utilities .stdlinks {
 float: right;
 padding-right: 3px;
 } 
 
#utilities .stdlinks a {
 margin-right: 1em;
 padding: 0 .4em;
 }
 
 #utilities .stdlinks form {
 display: inline;
 }
 
#utilities .stdlinks input {
 font-size: 11px;
 margin-top: 2px;
 padding: 0 0 0 2px;
 background: #FFF9CC;
 }
 
#utilities .stdlinks .button {
 background: #eee;
 border: 1px solid #999;
 margin-right: .5em;
 }



body {
font-family: Arial, sans-serif;
font-size: 83%;
}

p, ol, ul, li {
 font-size: 1em;
 }
 
.xxbig {
 font-size: 1.8em;
 }
 
.xbig {
 font-size: 1.5em;
 }
 
.big {
 font-size: 1.3em;
 }

.small {
 font-size: .9em;
 }
 
.xsmall {
 font-size: .8em;
 }
 
.xxsmall {
 font-size: .7em;
 }
 
h1 {
font-size: 1.6em;
}

h2 {
font-size: 1.4em;
}

h3, code {
font-size: 1.2em;
}

h4 {
font-size: 1.1em;
}

a { 
text-decoration:underline; 
}

a:hover { 
text-decoration:none; 
color: #F58022;
}

#leftcol a {
 text-decoration: none;
 font-size: .85em;
 font-weight: bold;
 }
 
#leftcol #subnav a {
 font-weight: normal;
 }
		
#header h1 {
font-size:1.6em;
}

#maincol p,#maincol li,#maincol td,#maincol ul,#maincol ol {
  line-height: 1.4em;
  }

#footer {
 font-size: .8em;
 }
 
 .box {
  font-size: .9em;
  }
  
 .breadcrumb {
  font-size: .85em;
  }

 .smallbck, .smallbck2, .smallbck3 {
font-family: Arial, sans-serif;
 font-size:1.3em;
 }
 
.indent1 {
 margin-left: 10px;
 margin-right: 10px;
 }

.indent2 {
 margin-left: 20px;
 margin-right: 20px;
 }

.indent3 {
 margin-left: 30px;
 margin-right: 30px;
 }




/* layout settings */
html, body{ 
 margin:0; 
 padding:0; 
 } 
 
#pagewidth{ 
 width:100%;
 min-width:900px;
} 
 
#header{ 
 height:73px; 
 width:100%;

 } 
 
#header #title {
 width: 900px;
 }
 
#leftcol{
 width:180px; 
 float:left; 
 position:static; 
 margin-left:-180px; 
 margin-right:1px; 
 }
 
#outer{ 
 border:solid 0px; 
 /*/*/ border-left-width: 180px ;  /* left column width. NN4 hack to hide borders */ 

 width: auto; 
 } 
 
 
#footer{
 width:100%; 
} 
 
#inner{margin:0; width:100%;}

 
#maincol{
	float: left;
	width: 90%;
	position: relative;
	margin: 0 -300px 0 -2px;
	height: auto;
}
 
.clr{clear:both;}
 
.content {
 padding: 5px 5px 5px 18px;
 } /*padding for content */ 

#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 



/*comon elements*/

body {
 background-color: #fff;
 }

#outer {
 border-left-color: #A7B2D4;  /*  left column colour */ 
 border-left-style: solid; 
 border-right-color: #fff;  /* right column colour */ 
 border-right-style: solid; 
 background-color: #fff; /* center column colour */
 }

#outer>#inner { border-bottom: 1px solid #FFFFFF;  }
 
.skiplink {
 position: absolute; left: -1000em; width: 20em;
 }
 
a {
 color: #0038A8;
 }
 
a:visited {
 color: #333; 
 }
 
ul {
/* list-style: disc url("/images/bullet.gif");*/
 list-style-type: none;
 padding: 0;
 margin-left: 2em;
 }
 
ul li {
	background-image: url(../graphics/bullet.jpg);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	padding-left: 15px;
	position: relative;
}

ul li ol li {
 background-image: none;
 padding-left: 0;
 }
 
.padbottom li, .padbottom dd {
 margin-bottom: .7em;
 }
 
.nopad li {
 margin-bottom: 0;
 }
 
.box {
 padding: 3px;
 border: 1px solid #ccc;
 margin: 9px;
 }
 
.box ul {
margin: 0 0 2em .5em;
}
 
.ltgray {
 color: #666;
 }
 
.redtext {
 color:#C00;
 }
 
.center {
 text-align: center;
 }
 
.right {
 text-align: right;
 }
 
.outline {
 border: 1px solid #ccc;
 padding: .3em .5em;
 }

.outlinegray {
 border-top: 1px solid #ccc;
 border-right: 1px solid #ccc;
 border-bottom: 1px solid #0038A8;
 border-left: 1px solid #ccc;
 background-color: #eee;
 padding: 2px 0 2px 5px;
 }
 
.indent1 {
 margin-left: 10px;
 margin-right: 10px;
 }

.indent2 {
 margin-left: 20px;
 margin-right: 20px;
 }

.indent3 {
 margin-left: 30px;
 margin-right: 30px;
 }
 
#maincol p, #maincol li, #maincol td {
  line-height: 1.4em;
  }
 
.breadcrumb {
 margin-top: 0;
 }
 
#instcol1 {
 border: 1px solid #ddd;
 }
 
.smallbck {
 background-color: #276CD1;
 padding: 2px 0 2px 5px;
 color: #fff;
 }
 
.smallbck2 {
 background-color: #B5A333;
 padding: 2px 0 2px 5px;
 color: #fff;
 }
 
.smallbck3 {
 background-color: #334597;
 padding: 2px 0 2px 5px;
 color: #fff;
 }
 
.featurelist {
 padding: 1px 0;
 margin: 0 .5em 0.35em;
 clear: both;
 }
 
.featurelist img.feature {
 border:1px solid #333;
 margin-top: 1em;
 margin-bottom: 0.5em;
 clear: both;
 float: left
 }
 
.featurelist p {
 margin: .7em 0 .5em 65px;
 }
 
/*table styles*/


 
table.nobdr {
 border: 0;
 }
 
table.nobdr tr {
 border: 0;
 }
 
 table.nobdr td {
 border: 0;
 }
 
 td.nobdr { border: 0;  }
 
 th.nobdr { border: 0;  }
 
/*left navigation*/

#leftcol ul {
 margin: 0;
 padding: 0;
 list-style-type: none;
 }

#leftcol li { 
 background: none;
 padding: 0;
 }
 
#leftcol a {
 text-decoration: none;
 display: block;
 background: #A7B2D4;
 color: #333;
 padding: 4px;
 margin: 0 0 0 -1px;
 text-indent: 0;
 border-bottom: 1px solid #fff;
 position: relative;
 }
 
#leftcol a:hover {
 background: #Fac291;
 }
 
#leftcol li.navsel a { 
 background: #F7F3E6;
 }
 
#leftcol li.navsel a:hover {
 background: #F7F3E6;
 }
 
#leftcol ul#subnav li a { 
 display: block;
 color: #333;
 background: #ffdcbe;
 padding: 3px 0 3px 18px;
 margin: 0 0 0 -6px;
 text-indent: -.6em;
 border-bottom: 1px solid #fff;
 }
 
#leftcol ul#subnav li a:hover { 
 background: #FAC291;
 }
 
/*header*/
 
#header {
	background-color:#A7B2D4;
	border-bottom: 7px solid #F58022;
	/*background-image:url("/images/banner_students.jpg");*/
	/*background-repeat: no-repeat;
	background-position: right center;*/
}
 
#header img {
 border: 0;
 }
 
#header #title img {
  float: left;
 }
  
#forPrint strong {
 display: none;
 font-size: 1.4em;
 }  
  
/*footer*/
 
#footer {
 text-align: center;
 border-top: 1px solid #999;
 background-color:#FFFFFF; 
 }

 /*LIGHTBOX */
 
 #lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.highlands.edu/graphics/lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.highlands.edu/graphics/lightbox/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}