/* important colors

green: 003F32

magenta/pink: AB0069

purple: 4100A2

*/



body

{

	margin: 10px;

	text-align: center;

	background: #FFFFFF;

	font-family: "Century Gothic", sans-serif;

	color: #003f32;

	font-size: 1em;

}



a:link, a:visited

{

	text-decoration: none;

	color: #003F32;

}



a:hover

{

	text-decoration: underline;

	color: #4100A2;

}



img

{

	border: none;

}



h3

{ 

	padding-left: 0px; 

	padding-bottom: 5px;

	padding-right: 0px; 

	padding-top: 5px; 

	margin: 0px; 

	font-size: 1.3em; 

	font-weight: bold; 

	color: #ab0069;

}



table tr td a:link, a:visited, a:hover

{

	text-decoration: none;

}



/*---------------------- LightBox -------------------------------------------------*/

#lightbox

{

	background-color:#eee;

	padding: 10px;

	border-bottom: 2px solid #666;

	border-right: 2px solid #666;

}



#lightboxDetails

{

	font-size: 0.8em;

	padding-top: 0.4em;

}	



#lightboxCaption{ float: left; }



#keyboardMsg{ float: right; }



#closeButton

{

	top: 5px; 

	right: 5px; 

}



#lightbox img

{

	border: none;

	clear: both;

} 



#overlay img{ border: none; }



#overlay{ background-image: url(overlay.png); }



* html #overlay

{

	background-color: #333;

	back\ground-color: transparent;

	background-image: url(blank.gif);

	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");

}



/*---------------------- IDs -------------------------------------------------*/

#page

{

	width: 1000px;

	border: 1px #003F32 solid;

	margin: auto;

	margin-top: 10px;

}



#banner

{

	width: 1000px;

	height: 210px;

	background-image: url("images/newBanner2.jpg");

}



#menuContainer

{

	width: 200px;

	float: left;

}





#content

{

	margin: 0px 0px 0px 200px;

	border-left: 3px #AB0069 solid;

	text-align: left;

	padding: 10px 10px 10px 10px;



}



#footer

{

	border-top: 1px #003F32 solid;

	width: 1000px;

	height: 230px;

}



#footer img, a

{

	border: none;

	text-decoration: none;

}





/*---------------------- classes -------------------------------------------------*/

.imgBox

{

	padding-right: 10px;

	padding-top: 15px;

}



.menu

{

	margin: 10px 10px 0px 10px;

	text-align: left;

	padding-bottom: 8px;

}



.menu a:link, .menu a:visited

{

	font-weight: bold;

}



.menu a:hover

{

	text-decoration: underline;

}



.title

{

	text-align: center;

	font-size: 1.5em;

	color: #4100a2;

}



.superHeader

{

	color: #ab0069;

	font-weight: bold;

	font-style: italic;

	font-size: 1.2em;

}



.header

{

	color: #AB0069;

}



.disabled

{

	color: #6E968E;

}



.italic

{

	font-style: italic;

}



.bold

{

	font-weight: bold;

}



.center

{

	text-align: center;

}



.big

{

	font-size: 1.2em;

}



.top

{

	vertical-align:top;

}



.smaller

{

	font-size: .8em;

}



.error 

{ 

	color: #c81536;

}





/*clears the float, allowing parent elements to adapt their children's height*/

.clear:after 

{

    content: "."; 

    display: block; 

    height: 0; 

    clear: both; 

    visibility: hidden;

}



.clear 

{	display: inline-table;	}



/* Hides from IE-mac \*/

* html .clear

{	height: 1%;	}

.clear 

{	display: block;	}

/* End hide from IE-mac */



.clearfix {display:inline-block;}

/* Hide from IE Mac \*/

.clearfix {display:block;}

/* End hide from IE Mac */