/* Common styles for all pages */
p { /* common */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height:130%;
	margin: 12px 0 12px 0;
}
td { /* common */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.imgborder img{
	border:1px solid #ccc;
} 
.imgborder img:hover { 
border:1px solid #f00; 
} 
.caption { /* common */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.copyright{ /* common */
	font-size:11px;
	color:#FFFFFF;
	text-align:right;
	padding-right:6px;
}
.leftnavcolumn{ /* common */
	background-image:url(../images/bg_left_nav.gif);
	background-repeat:repeat-y;
}
.leftnav{ /* common */
	padding: 10px 0 10px 0;
}
.lastNavItem{ /* common */
	border-bottom:1px solid white;
}
#middle{ /* common */
	padding: 5px 0 5px 20px;
}
.content{ /* common */
	padding: 0 20px 0 0;
}
#right{ /* common */
	background-image:url(../images/divider_grey.gif);
	background-repeat:repeat-y;
	padding: 5px 10px 5px 15px;
}
.rightNavTestimonial{} /* common */
.testimonial{ /* common */
	font-size:11px;
	color:#666666;
	padding:3px 5px 0 5px;
}
.testimonialName{ /* common */
	font-size:11px;
	color:#666666;
	font-style:italic;
	text-align:right;
	padding:0 5px 5px 5px;
}
.smallnavbar { 
	text-align:right;
	font-weight:bold;
	color: #FFFFFF;
	padding: 1px 6px 2px 0px;
}
a.smallnav:link, a.smallnav:visited { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
a.smallnav:active, a.smallnav:hover { 
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
}
.header1 { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: black;
	letter-spacing:2px;
	margin: 6px 0 0 0;
	font-variant:small-caps;
}
.header2 { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}
.header2white { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: white;
}
.header3 { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
}
.greyborder {
	border: 1px solid #CCCCCC;
}
.greyborder td {
	border: 1px solid #CCCCCC;
}
.whiteborder {
	border: 1px solid #ffffff;
}
.whiteborder td {
	border: 1px solid #ffffff;
}
.colorborder { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	border: 1px solid red;
}
.colorborder td { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	border: 1px solid red;
}
.colorborder th { /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	border: 1px solid red;
	background-color:red;
	color: white;
	text-align:left;
}
.chartbold {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	line-height:110%;
	text-align:center;
}
div.chartbold a:link, div.chartbold a:visited{
	font-weight:bold;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
div.chartbold a:active, div.chartbold a:hover{
	color: #AAE1FF;
	text-decoration: underline;
}
.chartdescription {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:110%;
	background-color:#AAE1FF;
	padding: 8px 8px 8px 8px;
}
div.chartdescription a:link, div.chartdescription a:visited{ /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	color: black;
	font-size: 11px;
}
div.chartdescription a:active, div.chartdescription a:hover{ /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	color: red;
	font-size: 11px;
}
.chartlegend {
	font-size: 13px;
	padding:3px 0 0 10px;
	text-align:left;
	line-height:110%;
	float:left;
	clear:none;
}
.chartbg {
	font-size: 20px;
	font-weight: bold;
	color: #cccccc;
	letter-spacing:2px;
	line-height:85%;
	margin: 6px 0 0 0;
}
#chartbox{
	background-image:url(../images/course_flow_chart_text.gif);
	width:200px;
	height:160px;
}
#chartbox2{
	width:200px;
	height:160px;
}
#chartdivider{
	background-image:url(../images/divider_blue_light_hori.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
.line{ /* for bold display in Dreamweaver only, will be overwritten by color.php settings */
	color:red; /* for IE */
	background-color:red; /* for FF */
}

.gallerytable td{
border:none;
}


/* for lightbox effect */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 910; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#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: 901; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/label_prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/label_next.gif) right 15% no-repeat; }

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

#imageData{	padding:0 10px; color: #666; }
#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; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 909; width: 100%; height: 500px; background-color: #000; }


/* style for new course section - blue only */
.basictab ul{
margin: 4px;
padding: 3px 0;
margin-left: 0;
font: bold 12px Tahoma;
border-bottom: 2px solid #0085CC;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #0085CC;
border-bottom: none;
background-color: #D9EDF7;
color: #2d2b2b;
}

.basictab li a:visited{
color: #2d2b2b;
}

.basictab li a:hover, .basictab li a.current{
background-color: #20B1FF;
color: black;
}

.basictab li a:active{
color: black;
}

.tabcontainer{
clear: left;
width:95%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}