@import url("/elements/css/forms.css");
@import url("/elements/css/calendar.css");

/* GENERAL BASE -------------------------------------------------------------------
------------------------------------------------------------------------- */

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code {font-size:1em;}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, dd, dt, img, blockquote, q, table, thead, tbody, tfoot, caption, th, tr, td, a, form, input, textarea, fieldset, pre { margin:0; padding:0;}

/* REMOVE AUTOMATIC TOP/BOTTOM MARGINS ON NESTED LISTS */
ul ul, ul ol, ul dir, ul menu, ul dl, ol ul, ol ol, ol dir, ol menu, ol dl, dir ul, dir ol, dir dir, dir menu, dir dl, menu ul, menu ol, menu dir, menu menu, menu dl, dl ul, dl ol, dl dir, dl menu, dl dl {margin-top: 0; margin-bottom: 0;}

/* HARMONISE LIST-BULLET TYPE */
ul, ol, dl {list-style-type: none;} 

/* REMOVE BROWSERS DEFAULT TABLE BORDERS */
table {border-collapse: collapse;}

/* KILL BORDER ON IMG LINKS */
a img, :link img, :visited img {border: none;}

/* ---------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------------------*/

body {
	margin:5px;
	background-color:#c3cfdc;
	font:11px/150% Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}

a {
	text-decoration:none;}
a:hover {
	text-decoration:underline;}

#wrap {
	margin:0 auto; 
	width:770px;
	background-color:#7190af;
	}
	
#masthead {
	margin:0 6px 0 6px;
}	

#logoShell {
	background-color:#003366;
	width:758px;
	background-image:url(/elements/images/homepage/masthead.gif);
	background-position:top;
	background-repeat:no-repeat;
	margin:0;
	height:89px;}

#logo {float:left; display:inline;}		
		
#hp_topMenu {float:right; text-align:right; margin-top:62px; margin-right:5px; display:inline;}		
	#hp_topMenu a {color:#fff;}
.dateStamp {color:#fff; font-size:10px;}

/* interior page only */
#topMenu {float:right; text-align:left; margin-top:62px; margin-right:5px;}		
	#topMenu a {color:#fff;}
#subImage {float:right; margin-right:10px;}

/* flash area */
#feature {margin:0 6px 0 6px;}

/* Body Area */
#body {margin:6px;}

#sideBar {width:183px;float:left; display:inline;margin:0; padding-left:10px;}
	
	.sideButton {background-image:url(/elements/images/homepage/button_bg.gif); background-repeat:repeat-y; width:169px; margin:10px 0 0 0;}
	.sideButton h3 {color:#003366; font-size:12px; padding:0 10px 10px 10px;}
	.sideButton p {color:#000000; font-size:10px;padding:0 10px 0 10px; line-height:120%;}
	.sideButton_go {padding:0 10px 0 10px; text-align:right;}
			
	.sideButton2 {background-image:url(/elements/images/button2_bg.gif); background-repeat:repeat-y; width:169px; margin:10px 0 0 0;}
	.sideButton2 h3 {color:#ddddbf; font-size:12px; padding:0 10px 10px 10px;}
	.sideButton2 p {color:#fff; font-size:10px;padding:0 10px 0 10px; line-height:120%;}
	.sideButton2_img {padding:0 10px 0 10px; text-align:right;}
	.sideButton2 a {text-decoration:underline; font-weight:bold; color:#fff;}

/* Marquee Only */
	#scrollBox {background-image:url(/elements/images/homepage/button_bg.gif); background-repeat:repeat-y; width:169px; margin:10px 0 0 0;}
	#scrollBox h3 {color:#003366; font-size:12px; padding:0 10px 10px 10px;}
	#marqueecontainer{color:#000; position: relative; width: 146px; /*marquee width */ height: 150px; /*marquee height */ background-color: none;overflow: hidden; border:none; padding:5px; background-color:#edf1f6; margin:0 0 0 7px;  background-image:url(/elements/images/homepage/button_bg_no_border.gif); background-repeat:repeat-y;}
	#vmarquee {position: relative; width: 146px;}
	
	 
	.copyright {margin:10px 0 10px 0;}
    .copyright p {font-size:10px; color:#fff; text-align:center; line-height:120%;}

#rightBox {width:557px;float:right; display:inline;}

/* MAIN MENU ------- */
div#menuContainer {text-transform:uppercase; margin-bottom:10px;}
/* Without UDM ---
div#menuContainer {width:557px;}
div#menuContainer ul {margin:10px 0 20px 0;}
div#menuContainer ul li {display:inline; font-size:11px; text-transform:uppercase; font-weight:normal; margin:0px 5px 0px 0px;}  
div#menuContainer ul li a {font-size:12px; text-decoration:none; color:#fff;}
div#menuContainer ul li a:hover {color:#003366;}  
*/
/* Overrides UDM applied Background Image Spacer for the Last Nav Bar Menu Item */
div#menuContainer a.killBackground {background-image:none;}

/* PAGE CONTENT */
#content {width:537px; background-color:#fff; background-image:url(/elements/images/homepage/content_bg.gif); background-position:bottom left; background-repeat:no-repeat; color:#666666; padding:10px; text-align:justify;}
	#content h1 {padding:0 0 10px 0; text-align:left;}
	#content h2 {padding:0 0 10px 0; font-size:12px; color:#036; text-align:left;}
	#content p {padding:0 0 10px 0; text-align:justified;}
	#content a {color:#666666; text-decoration:underline;}
	#content a:hover {color:#666666; text-decoration:none;}
	#content .divider {border-top:1px dotted #666; margin:10px 0px 10px 0px;}
	#content td {vertical-align:top;}
	#content .highlight {color:#004279; font-weight:bold;}

/* lists styles */
	#content ul {list-style-type:disc; margin:0 0 10px 30px; padding:0;}
		#content ul.list1 {list-style-type:none; margin:0 0 10px 0; padding:0;}	
			#content ul.list1 li {margin:0 0 5px 0; padding:0; text-align:left;}
		#content ul.list2 {list-style-type:none; margin:0 0 10px 20px; padding:0;} 
		#content ul li {margin:0 0 1px 0; padding:0; text-align:left;}

/* _page template */
#related_files { border:1px dotted #ccc; border-width: 3px 0px 0px 0px; background-color:#ededed; padding:10px;}




/* FOOTER */
.byline {margin:5px auto;width:770px; }
	.byline p { color:#333435; font-size:10px; text-align:right;}
	.byline a {text-decoration:none; color:#333435;}
	.byline a:hover {text-decoration:underline;}

/* FLOAT CLEARING FIX ----------------------------------------------------*/
/* Apply [class]:after to float containers */
.clearfix:after {color:#FFFFFF;content:"";display:block;height:0;clear:both;}
/* APPLIED FOR FIXING IE/MAC RENDER */	
.clearfix{display: inline-table; zoom:1;} 
/* Hides from IE Mac and Applied to IE/WIN Only \*/ 
* html .clearfix {height: 1%;}
.clearfix {display:block;} 
/* FLOAT CLEARING FIX ----------------------------------------------------*/