/* Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. */
/* this rule comes from the Community MX > CMX CSS Collection > Cheats and Productivity snippets. See http://www.communitymx.com/abstract.cfm?cid=F9B3D */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, dl, dt, dd, td, form, fieldset, a 
{
     margin: 0;
     padding: 0;
     border: 0;
}
body  {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size:12px;
	line-height:1.5;
	color: #333333;
	background-position: center top;

	}

p {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: 12px;
	line-height:1.5;
	color:#333333;
	}
	
#printed-header
{
	display: none; /* the printed-header should only display when the page is printed (see print.css) */
}
	
#header 
{
	float: left; 
	width: 100%;
	background: #003366;
	color: #FFFFCC;
}



/* Main navigation bar */

#main-content 
{
	width:880px;
	background: white;
	position:absolute;
	left: 50%;
	margin-left: -450px;
	margin-top:0px;
	padding: 0px 0px 0px 0px;
	border-width:3px;
	border-style: solid;
	border-color: silver;		
	}
	
.NavBar
{
	position:relative;
	width:880px;
	left:0px;
	font-size: 13px;
	background:#31A294;
	padding: 7px 0px 7px 0px;
	}		
	
.contentbox1 
{
	width:880px; 
	background:#84AACE;
	position:relative;
	}	
		
.contentbox2
{
	width:880px;
	background: white;
	position:relative;
	padding:10px 0px 10px 0px;
	}		
	
#bottombox
{
	width:880px;
	background: #84AACE;
	position:relative;
	padding:10px 0px 10px 0px;
	
	}			

	
	
.logo
{
	position:relative;
	margin-left:15px;
	margin-bottom:10px;
	}


#footer 
{
	clear: both; /* needed since the main content and secondary content are  floated */
	width: 100%;
	color: #ffffff;
	background: #003366;
	position: relative;
	top: 97%;
	color: #E4641D; 
	margin-top: 0.5em; /* add a little space above the footer */
	padding: 1em 0; /* adds space above and below the list items in the footer bar */
}

#footer 
{
	float: left; /* floated left so that the footer links can be right-aligned on the same line */
}


	

/* This class applied to DIVs in each of the various content areas, like header, main-nav, and footer. */
/* The main-content and secondary-content DIVs are wrapped in a DIV with this class. */





.container 
{
	/*  width: 900px;  */
		
	width: 900px;
	margin: 0 auto;
	text-align: left;
	background-color: blue;

}
.container01
{
	/*  width: 725px;  */
	width: 100%;	
	margin: 0 auto;
	text-align: center;
	padding:6px 0px;
	background-color:#36a391;
	margin-bottom: 20px;
}

.container02
{
	/*  width: 725px;  */
	width: 100%;	
	margin: 0 auto;
	text-align: left;
	background-color: #36a391;
}

#calendarblock {
	width:600px;
	position: relative;
	left:50%;
	margin-left: -300px;
	background-color:#E7EFF7;
	border-color: #D66118;
	border-width:1px;
	border-style: solid;
	padding: 13px 13px 13px 13px;
		  
	}	

#calendarblock2 {
	width:600px;
	position: relative;
	left:50%;
	margin-left: -300px;
	background-color:#E7F7F7;
	border-color: #D66118;
	border-width:1px;
	border-style: solid;
	padding: 13px 13px 13px 13px;
		  
	}	

.pagetitletext {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #003399;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	}			
			
.pagetitletextGreen {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #31A294;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	}			

.pagetitletextOrange {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	letter-spacing: 2px;
	color: #D66118;
	font-weight: bold;
	padding: 0px 0px 12px 0px;
	}			


.orangetext {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #D66118;
	font-weight: bold;
	}
	
.lightgraytext12 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
		}
				

.lightgraytext12_bold {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: bold;
	}			

.medgraytext12 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
		}			
	
.bluetext12 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #003399;
	font-weight: bold;
	}	

.bluetext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	font-weight: bold;
	}	
	
.bluetext16 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 16px;
	color: #003399;
	font-weight: bold;
	}
.bluetext18 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	color: #003399;
	font-weight: bold;
	}			
			
			
.bluetextbigwide {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 40px;
	color: #003399;
	letter-spacing: 7px;
	font-weight: 100;
	}	

.greentext12 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #31A294;
	font-weight: bold;
	}		

.greentext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #31A294;
	font-weight: bold;
	}		

.orangetext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #D66118;
	font-weight: bold;
	}		
	
.lightBluetext12 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #598DBD;
	font-weight: bold;
	}				
	
.lightBluetext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: #598DBD;
	font-weight: bold;
	}			
.copyrightwhite {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight:600;
	}		

.whitetext13px {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: white;
	font-weight:600;
	}	

	
.blacktext {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 12px;
	color: black;
	font-weight: bold;
	}
	
.blacktext_unbold {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: black;
	}	
	
	
	
.blacktext18 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	color: black;
	font-weight: bold;
	}			
	





.blockgreentext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: white;
	padding: 0px 3px;
	background-color: #36a391;
	font-weight: bold;
	}	
	
a.blockgreentext13 {
	color: white;
	background-color:#36a391;
	font-weight: bold;
	}
	 
a.blockgreentext13:hover {
	color: white;
	background-color:#003399;
	font-weight: bold;
	}	

.greenblocktext13 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 13px;
	color: white;
	padding: 0px 3px;
	background-color: #36a391;
	font-weight: bold;
	}	
	
a.greenblocktext13 {
	color: white;
	background-color:#36a391;
	font-weight: bold;
	}
	 
a.greenblocktext13:hover {
	color: white;
	background-color:#003399;
	font-weight: bold;
	}	
		
	
.blockorangetext18 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	color: white;
	padding: 0px 3px;
	background-color: #D66118;
	font-weight: bold;
	}	
						
.blockgraytext18 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 18px;
	color: white;
	padding: 0px 3px;
	background-color: #999999;
	font-weight: bold;
	}						

.blockorangetext22 {
	font-family: Veranda, arial, helvetica, sans-serif;
	font-size: 22px;
	color: white;
	padding: 0px 3px;
	background-color: #D66118;
	font-weight: bold;
	}					

.title {
	font-size: 14px;
	color:#D66118;
	letter-spacing:1px;
	font-weight: bold;
	}
	

	
/* layout */

a {
	 text-decoration: none;
	 background-color:transparent;
	 color: #D66118;
	 font-weight:bold;
	 }

a:hover { 
	text-decoration: none;
	color: #08496B;
	}
	 
a.underline {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#D66118;
	 font-weight:bold;
	 }
	 
a.underline:hover {
	 text-decoration: underline;
	 background-color:transparent;
	 color: #08496B;
	 font-weight:bold;
	 }
a.underline1 {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#598DBD;
	 font-weight:bold;
	 }
	 
a.underline1:hover {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#D66118;
	 font-weight:bold;
	 }

a.underline2 {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#08496B;
	 font-weight:bold;
	 }
	 
a.underline2:hover {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#999999;
	 font-weight:bold;
	 }

a.underline3 {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#999999;
	 font-weight:bold;
	 }
	 
a.underline3:hover {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#333333;
	 font-weight:bold;
	 }
a.underline4 {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#999999;
	 font-weight:bold;
	 font-size:11px;
	 }
	 
a.underline4:hover {
	 text-decoration: underline;
	 background-color:transparent;
	 color:#42AAEF;
	 font-weight:bold;
	 font-size:11px;
	 }	 


a.block {
	color:#4A3894;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	background-color:none;
	padding:2px;
	font-weight: bold;
	}
	 
a.block:hover {
	background-color:#DBD1B8;
	text-decoration: none;
	letter-spacing: 1px;
	padding:2px;
	color: #573128;
	font-weight: bold;
	 }
	 
div.block1 { 
	color:#D66118;
	text-decoration: none;
	font-size:12px;
	background-color:white;
	padding:2px;
	font-weight: bold;
	}
	
a.block1 { 
	color:white;
	letter-spacing: 1px;
	text-decoration: none;
	font-size:12px;
	background-color:#cccccc;
	padding:2px;
	font-weight: bold;
	}	
	 
a.block1:hover {
	 background-color:#cccccc;
	 text-decoration: none;
	 letter-spacing: 1px;
	 padding:2px;
	 color: #42AAEF;
	 font-weight: bold;
	 }

div.block_blue { 
	color:#999999;
	text-decoration: none;
	font-size:12px;
	background-color:white;
	padding:9px;
	font-weight: bold;
	}
	
a.block_blue { 
	color:#999999;
	letter-spacing: 1px;
	text-decoration: none;
	font-size:12px;
	background-color:#cccccc;
	padding:15px;
	font-weight: bold;
	}	
	 
a.block_blue:hover {
	 background-color:#cccccc;
	 text-decoration: none;
	 letter-spacing: 1px;
	 padding:15px;
	 color: white;
	 font-weight: bold;
	 }


.block_copyright { 
	text-decoration: none;
	 background-color:none;
	 font-size:12px;
	 padding:4px;
	 color:#999999;
	 border-left-width: thin;
	 border-left-color:white;
	 font-weight: bold;
	 }
	
a.block_copyright { 
	color:#999999;
	font-size: 12px;
	letter-spacing: 1px;
	text-decoration: none;
	background-color:none;
	padding:4px;
	font-weight: bold;
	}
	 
a.block_copyright:hover { 
	background-color: #e1e1e1;
	text-decoration: none;
	letter-spacing: 1px;
	padding:4px;
	color: #666666;
	font-weight: bold;
	 }

.orange11px {
	font-family: arial,helvetica,sans-serif;
	font-size:11px;
	color: #D66118;
	letter-spacing:.5px;
	font-weight: 500;
	}	
	
a.orange11px {
	color:white;
	text-decoration: none;
	background-color:#D66118;
	letter-spacing:.5px;
	font-weight: 500;
	}	

a.orange11px:hover { 
	color:white;
	text-decoration: none;
	background-color:#cccccc;
	letter-spacing:.5px;
	font-weight: 500;
	}	




h1 {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: 700; 
	letter-spacing:3px;
	color:#333333; 	
	}
	
h2 {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold; 
	letter-spacing:3px;
	color:#D66118; 	
	}
	
h3 {
	font-family: arial,helvetica,sans-serif;
	font-size: 15px;
	font-weight: bold; 
	letter-spacing:4px;
	color:#D66118; 	
	}
	
h4 {
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold; 
	color:#333333; 	
	}	

h5 {
	font-family: arial,helvetica,sans-serif;
	font-size: 20px;
	font-weight: 400; 
	letter-spacing:8px;
	color:#D66118; 	
	}

h6 {
	font-family: arial,helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold; 
	color:black; 	
	}	

.img_bordergray {
	border-color: #999999; 
	 }    	
	

/* 
Palette 
#00157E - deep blue: header bg color, main nav color (hover), footer text color, footer link color (hover)
#029604 - bright green: main nav bg, secondary content border, footer background color  
#FFFFCC - light yellow: main nav link color, footer link color, secondary content bg
#E4641D - orange: link color, bg of link on hover, feedback form send button bg
#5E0022 - dark brown: body text color
*/