/* CSS Document */

/* <!-- */
    /* General styles */
    body {
        margin: auto;
        padding:15px 0px 25px 0px;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width: 1024px;
       
	  
	     background:  #01237d  ;
		
		
	
        
							/* The min-width property does not work in old versions of Internet Explorer */
		font-size:90%;
	
		text-algin: center ; 
    }
	
	
	

	/* THIS NEEDS TO BE DISTRIBUTED BETTER */
	

	
	
	
	#top {
		 	
		border-top:4px solid #b3cf39;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px ;
		text-align:right;
	}
	
	#top p {
	padding: 0px 20px 0px 0px ;
	}
	
	
	/*****************/
	/* Header styles */
	/*****************/
    
	#container {
	width: 920px ; 
	margin: auto ; 
	background-image: url(images/container_top5.gif)  ; 
	background-repeat: no-repeat ;
	  
	 
	background-position: top center ; 
	background-color:#FFFFFF;
	
	
	
	
}
	
	#masthead {
	padding: 5px 0px 0px 0px;
	margin: 0px  0px 0px  0px;
	width: 100%;
	
	}
	
	#masthead a {
    	color:#0023a4;
		
	}
	#masthead a:hover {
		color:#ffffff;
		background:#8bc121;
		text-decoration:none;
	}
   #masthead  h1,#masthead  h2, #masthead h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
   #masthead  p {
        margin: 1em 0 1em 0;
        padding:0;
		line-height: 1.3em ;
		font-family: arial,verdana,sans-serif;  
    }
	#masthead img {
		margin:0px;
		padding: 0px ;
	
	}
	
	
	
	#header {
        clear:both;
        float:left;
        width:100%;
		height: 199px ; 
		background-image: url(images/test_banner.jpg) ;
		background-repeat:no-repeat ; 
		margin: 0px ;
		padding: 0px ; 
    }
	
	
	#layoutdims {
		
		clear:both;
		background-image: url(images/Picture-2.gif) ;
		background-repeat:repeat-x ; 
		border-top:4px solid #b3cf39;
		margin:0;
		padding: 0px  !important;
		text-align:left;
	}
	
	#layoutdims p {
		
		padding: 6px 15px  !important;
	
	}
	
	/***********************************************/
/* Components                                  */
/***********************************************/



#siteName{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 10px;
}

#siteName .logo a, #siteName .log a:hover {
margin: 0px ;
padding: 0px ;
text-decoration: none ;
}

#siteName img {

margin: 0px ;
padding: 0px ;



}



	
/************* #globalNav styles **************/

#globalNav {
margin: 0 ; 
padding: 5px 15px 10px 10px;
text-align: left ;
color: #cccccc;
}

#globalNav img {
margin: 0px ; 
padding: 0px ;
 display: block;
}

#globalNav a {
	font-size: .9em;
	padding: 0px 4px 0 0;
}



#google {

 	float: right ;  
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px; 
 }







	
	
	/*********************/
	/* 'widths' sub menu */
	/*********************/
	

	/* column container */
	.colmask {
	    position:relative;		/* This fixes the IE7 overflow hidden bug */
	    clear:both;
	    float:left;
        width:940px;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
		
	}
	/* common column settings */
	.colright,
	.colmid,
	.colleft {
		float:left;
		width:100%;				/* width of page */
		position:relative;
	}
	.col1,
	.col2,
	.col3 {
		float:left;
		position:relative;
		padding:0 0 2em 0;	/* no left and right padding on columns, we just make them narrower instead 
								only padding top and bottom is included here, make it whatever value you need */
		overflow:hidden;
	}
	
	/* 3 Column settings */
	.threecol {
		width: 960px ; 		/* right column size */
				/* right column background colour BLUE */
	}
	.threecol .colmid {
		right: 165px;				/* width of the right column */
		background: #ffffff;		/* center column background colour PURPLE */
	}
	.threecol .colleft {
		right: 620px;				/* width of the middle column */
		background: #ffffff;		/* left column background colour GREEN */
	}
	
	
	.threecol .col1 {
		width: 600px;				/* width of center column content (column width minus padding on either side) */
		left: 965px;				/* 100% plus left padding of center column */
			/* GRAY */
	}
	.threecol .col2 {
		width: 170px;				/* Width of left column content (column width minus padding on either side) */
		left: 190px;				/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
				/* WHITE */
	}
	.threecol .col3 {
		width: 135px;				/* Width of right column content (column width minus padding on either side) */
		left: 800px;				/* Please make note of the brackets here:
								(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
				/* BLACK */
	}
	
	
	
		.col1 a {
    	color:#0023a4;
		
	}
	.col1 a:hover {
		color:#ffffff;
		background:#8bc121;
		text-decoration:none;
	}
    .col1 h1, .col1 h2, .col1 h3 {
        margin:.8em 0 .2em 0;
        padding:0;
    }
    .col1 p {
        margin: 1em 0 1em 0;
        padding:0;
		line-height: 1.3em ;
		font-family: arial,verdana,sans-serif;  
    }
	.col1 img {
		margin:0px;
		padding: 0px ;
	
	}
	
	
	.feature {
	
	 
	margin: 0px 10px 0px 5px ;
	padding: 0px 10px 0px 5px ;
	
	
	
	}
	
	.feature img.middle {
	padding: 0px 0px 20px 20px ;
	margin: 0px ; 
	float: right ;
	
	}
	
	.feature img.gallery {
	padding: 0px 0px 0px 0px ;
	margin: 0px ; 
	
	
	}
	.feature h1 {
	
	 
	padding: 20px 0px 0px 5px ;
	font-family: "trebuchet ms", sans-serif;
	color: #01237d ; 
	font-size: 20px ;
	
	
	
	
	}
	
		.feature h2 {
	
	 
	padding: 20px 0px 0px 5px ;
	font-family: "trebuchet ms", sans-serif;
	color: #01237d ; 
	font-size: 15px ;
	
	
	
	
	}
	
	
	.feature p {
	padding: 5px 0px 0px 5px ;
	font-family: "trebuchet ms", sans-serif;
	font-size: 10pt;
	
	color: #000000;
	
	
	
	}
	
	/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	color: #cccccc ; 
	padding: 2px 0px 0 10px;
}

	
#before_vert {

padding: 0px 0px 0px 10px ; 

}

#vertmenu {
background: url(images/bottom.gif) center bottom no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
width: 160px;
padding: 23px 0px 15px 0px;
margin: 0px 0px 0px 0px;

}

#vertmenu h3 {
	font-size: 1em;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	background: url(images/top3.gif) center top no-repeat;
	color: #ffffff ;
	padding: 5px 5px 5px 10px;
}


#vertmenu ul {

list-style: none;
margin: 0px;
padding: 7px 5px 11px 5px;
border: none;
border-left: 2px solid  #01237d ;
border-right: 2px solid  #01237d ;

}

#vertmenu ul li {

margin: 0px;
padding: 0px;

}

#vertmenu ul li a {

list-style: none;
font-size: 100%;
display: block;
padding: 3px 0px 2px 4px;
text-decoration: none;
color: #01237d;


}

#vertmenu ul li a.green {

list-style: none;
font-size: 100%;
display: block;
padding: 3px 0px 2px 4px;
text-decoration: none;
color: #ffffff;
background-color: #8bc121;


}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {

color: #ffffff;
background-color: #8bc121;

}

	
	
#vertmenu2 {
background: url(images/bottom.gif) center bottom no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
width: 160px;
background: #01237d ;
padding: 23px 0px 15px 0px;
margin: 0px 0px 0px 0px;

}

#vertmenu2 h3 {
	font-size: 1em;
	margin: 0;
	text-align: left;
	text-transform: uppercase;
	background: url(images/top3.gif) center top no-repeat;
	color: #ffffff ;
	padding: 5px 5px 5px 10px;
}


#vertmenu2 p {

list-style: none;
margin: 0px;
padding: 7px 5px 11px 5px;
border: none;
border-left: 2px solid  #01237d ;
border-right: 2px solid  #01237d ;

}






	
	
	
	
#main_bottom_left {
 
 float:left;
 width: 278px;
 padding:3px;
 background: url(images/box4.gif) ; 
 background-position: top center ; 
 background-repeat: no-repeat ; 
 margin: 20px 5px 5px 5px;
 text-align: left;

}

#main_bottom_left img {
 float: left ;
 margin: 0px ;
 padding: 5px ;
 height: 120px ;
 

}

#main_bottom_left h3 {
 
 margin: 0px ;
 padding: 3px 0px 0px 5px ;
 

}

#main_bottom_left p {
 
 margin: 0px ;
 padding: 3px 4px 0px 5px ;
 font-size: .8em ;
 line-height: 1.2em ;
 font-family: "Times New Roman", Times, serif ; 
 

}

#main_bottom_left a {
 
 text-decoration: none; 

}





	/*Toolbar*/
div#toolbar { clear:both; margin:0 0 0 0px; width:580px; height:26px; padding: 42px 11px 0 0; background:url(images/bg/toolbar-bg.gif) 0 22px no-repeat; text-align:right;}
div#toolbar ul {margin:0; padding:0; float:right; list-style:none; height:26px;}
div#toolbar ul li { padding:0; list-style:none; height:26px; overflow:hidden; display:block; float:left;}
div#toolbar ul li a, div#toolbar ul li a:visited {color:#0023a4; font-size:1em;}
div#toolbar ul li.print {background:url(images/print-this-page.gif) top left no-repeat; padding:3px 0 0 19px; margin:0 17px 0 0;}
div#toolbar ul li.share {background:url(images/share-this-page.gif) top left no-repeat; padding:3px 0 0 18px; margin:0 21px 0 0;}
div#toolbar ul li.favorites {background:url(images/add-to-favorites.gif) top left no-repeat; padding:3px 0 0 15px; margin:0;}
	
	
	
  /************* #siteInfo styles ***************/

#siteInfo {
	clear: both;
	text-align: center;
	font-size: 75%;
	color: #cccccc;
	margin: 0px;
	height: 50px ; 
	background-image: url(images/footer_bottom2.gif)  ;
	background-repeat: no-repeat ;
	background-position: bottom center ; 
	 
}

#siteInfo a {
    	color:#0023a4;
		
	}
	
	#siteInfo a:hover {
		color:#ffffff;
		background:#8bc121;
		text-decoration:none;
	}
   
   
	#siteInfo img {
		margin:0px;
		padding: 0px ;
	
	}

#siteInfo p {
color: #01237d ; 
padding: 21px 10px 10px 10px ; 
}
  
  
  #main .noteA {

width: 525px;
border: 1px dashed #666666;
background-color: #FFFFFF;
padding: 9px 15px 9px 15px;
margin: 0px;
}

  
  
  
  
  
  
  
  
  
   /* --> */