@charset "utf-8";
/* CSS Document */

#content h1{
	font-size:24px;
	font-weight:normal;
	color:#006D50;
	margin-top:0px;
}

#content h2,#content h3,#content h4,#content h5,#content h6{
	font-size:14px;
	font-weight:normal;
	color:#006D50;
	margin-top:0px;
}


#content hr{
	height:0px;
	border-width: 1px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style:solid;
	color:#CCCCCC;
	width:100%;
	padding:0px;
	margin:0px 0px 0px 0px;
	text-align:center;
}

#content p{
	text-align:left;
	color:#555555;
}


pre{
	text-align:left;
	color:#555555;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
	overflow:visible;
}

.information{
	text-align:left;
	color:#555555;
	background-color:#f1eef1;
	border:#006D50 1px solid;
	padding:10px;
}

#content li{
	color:#555555;
	list-style-type:circle;
}


#content p.quotation{
	padding:0px 40px 0px 20px;
	font-weight:bold;
}

#content p.citation{
	padding:0px 40px 0px 20px;
	font-weight:bold;
	font-style:italic;
}

#content p.textright{
	text-align:right;
}

#content p a, #content a{
	font-weight:normal;
	text-decoration:none;
	color:#BF5426;
	cursor:pointer;
}

#content p a:hover, #content a:hover{
	text-decoration:none;
	color:#000000;
}

a.link_bold,  p a.link_bold, td a.link_bold{font-weight:bold;}


#content div.center{
	width:520px;
	text-align:center;
}


q{
	font-size:11px;
	text-align:left;
	padding:3px;
	font-style:italic;
	font-weight:bold;
}


table{
	width:100%;
	border:0px;
	border-spacing:0px;
	padding:0px 0px 0px 0px; 
	border-collapse:collapse;
}

table tr th{
	color:#333333;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	padding:10px 0px 20px 10px;	
	margin:0px 0px 0px 0px;	
	border:1px #CCCCCC solid;	
}

table tr th a{
	font-weight:bold;
	text-decoration:none;
	color:#338B73;	
}

table tr th a:hover{
	font-weight:bold;
	text-decoration:none;
	color:#555555;	
}

table tr td{
	font-size:11px;
	padding:10px 10px 20px 10px;	
	border:1px #CCCCCC solid;
	text-align:left;
	vertical-align:top;
	color:#555555;
}	

table tr td img{
	padding: 0px 10px 10px 10px;	
	vertical-align:top;
}

table.nolines tr td{
	font-size:11px;
	padding:0px;	
	border:0;
	text-align:left;
	vertical-align:top;
}

table.greylines tr th{
	color:#333333;
	font-size:11px;
	text-align:left;
	vertical-align:top;
	padding:10px 10px 10px 0px;	
	margin:0px 0px 0px 0px;	
	border-width:1px 1px 0px 0px;
	border-color:#CCCCCC;
	border-style: solid;
}	

table.greylines tr td{
	font-size:11px;
	padding:5px 10px 10px 10px;	
	border-width:1px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style: solid;
	text-align:left;
	vertical-align:top;
}	

div .greylines{
	border-width:1px 0px 0px 0px;
	border-color:#CCCCCC;
	border-style: solid;
}

.elective_areas_header{
	float:left; 
	width:170px; 
	padding:10px 0px 5px 0px;
}

.elective_areas_body{
	float:left; 
	width:340px; 
	padding:10px 0px 5px 0px;
}

.elective_areas_unitlist{
	clear:left; 
	width:520px; 
	height:120px; 
	padding:5px; 
	display:none;
}

/** The expandable ad is made up of 2 divs, one for each component.
	> The div containers should have the height & width set, as the movie will be set to this size.
	> The CSS class name for the small ad div is named 'advertSmall_' and apended with the adId. E.G .advertSmall_ad1 
	> The CSS class name for the expanded ad div is named 'advertExpanded_' and apended with the adId. E.G .advertExpanded_ad1 
	> The expanded ad div is contained INSIDE the small ad div. If using positioning, it will be relative to the small div
*/

/* Small ad CSS */
.advertSmall_ad1 {width:190px; height:160px; float:left; padding-right:10px;}   

/* Expanded ad CSS */ 
.advertExpanded_ad1 {position:absolute; left:-26px;  top:-188px; z-index:2; width:580px; height:210px; border:solid 0px green;}


.adWrapper {position:relative; top:0px; left:0px; width:520px; height:160px;}