@charset "UTF-8";
body {
	font: 82% Verdana, Arial, Helvetica, sans-serif;
	background: #ffffff;
	background-image:url(../images/background.jpg);
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color:#666666;
}
 #container {
	width: 886px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align:left;

}


#mainContent {
background-image:url(../images/masthead.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#FFFFFF;
margin-top:35px;
border: 10px solid #ffffff;

}




.threeColumnContainer
{
width:866px;
border-top: 0px solid #999999;
margin: 0 auto;
margin-top:150px;
}

.twentyFive
{
margin-top:10px;
width:210px;
float:left;
border-right: 0px solid #999999;
padding: 0 5px 0 5px;
}





.twentyFive p
{
padding-left:5px;
padding-right:5px;
}

.twentyFive h2
{
padding-left:5px;
padding-right:5px;
}



.thirtyEight
{
margin-top:10px;
width:305px;
float:left;
border-right: 1px solid #999999;
padding: 0 5px 0 10px;
}


.thirtyEight p
{
padding-left:5px;
padding-right:5px;
}

.thirtyEight h2
{
padding-left:5px;
padding-right:5px;
}







.thirtySeven
{
margin-top:10px;
width: 305px;
float:left;
border-left: 1px solid #999999;
padding: 0 10px 0 5px;
}

.thirtySeven p
{
padding-left:5px;
padding-right:5px;
}

.thirtySeven h2
{
padding-left:5px;
padding-right:5px;
}

#footer
{
width:866px;
height:25px;
background-color:#666666;
margin: 0 auto;
margin-top:35px;
margin-bottom:10px;
}
/*  Basic HTML Tags */	

p
    {
	
	
	}
	
	
h1
    {
	font-size: ;
	color: ;
	margin-bottom: ;
	padding-bottom: ;
	
	}
	
h2  
    {
color:#336699;
margin-bottom:-5px;
padding-bottom:0px;
font-size:110%;
	
    }
	
h3
    {
	
	}			

h4 
    {
	
	}



/*  The following is for generic and body links  */

a:link
    {
	color:#CC9900;
	text-decoration:none;
	}
	
	
a:visited
    {
	color:#CC9900;
	text-decoration:none;
	}	
					
	
a:hover
    {
	color:#000066;
	text-decoration:underline;
	}


/*  The following is for the menu and the links in it  */
#Menu 
	{
	position:relative;
	left:130px;
	top:68px;
	background-image:url(../images/menu_bg.gif);
	width:100px;
	padding-bottom:15px;
	
	}

#Menu li
    {
	/*list-style:none;*/
	margin-left:-40px;
	list-style-position:inside;
	list-style:none;
	padding:3px 10px 0px 20px;
	}
	
#Menu ul li a:link
    {
	color:#ffffff;
	text-decoration:none;
	display:block;
	width:100%;
	font-size:90%;
	}
	
	

#Menu a
    {
	color:#ffffff;
	text-decoration:none;
	font-size:90%;}

#Menu a:visited
    {
	color:#ffffff;
	text-decoration:none;
	font-size:90%;}	
					
	
#Menu a:active
    {
	color:#ffffff;
	text-decoration:none;
	font-size:90%;}	


#Menu a:hover
    {
	color:#990000;
	text-decoration:none;
	background-color:#ffffff;
	}
	
	

/*  The following are for header links */

h1 a:link, h3 a:link
    {
	color:#333300;
	text-decoration:none;
	}
	
	
h1 a:visited, h3 a:visited
    {
	color:#333300;
	text-decoration:none;
	}	
					
	
h1 a:hover, h3 a:hover
    {
	color:#0099CC;
	text-decoration:underline;
	background-color:#CC3333;
	}	
	
	
h2 a:link, h4 a:link
    {
	color:#CC33CC;
	text-decoration:none;
	}
	
	
h2 a:visited, h4 a:visited
    {
	color:#CC33CC;
	text-decoration:none;
	}	
					
	
h2 a:hover, h4 a:hover
    {
	color:#0099CC;
	text-decoration:underline;
	background-color:#CC3333;
	}


hr
{
clear:both;
}


.clear
 {
 clear:both;
 }

.floatLeft
{
float:left;
margin-right:10px;
margin-bottom:10px;
margin-top:0px;
}

.floatRight
{
float:right;
margin-left:10px;
}