@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}

body  {
	margin: 0px; /* zero the margin and padding 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 */
	background-image:url(images/Bubbles.jpg);
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	}

#container  {
	width: 909px;
	margin-right: auto;
	margin-left: auto;
	margin-top:25px;
	margin-bottom:25px;
	} 
	
#whiteBackground  {
	width: 909px;
	background-image:url(images/PageBkgd_Main.jpg);
	background-color:#FFFFFF;
	} 
	
	
	
#mastehead {
	background: url(images/PageBkgd_TopCurve.jpg) no-repeat 0% 0;
	margin-bottom:30px;
}



/* Side NavBar Components */

#sidebar {
	padding-left:41px;
	width:152px;
	float:left;
	text-align:right;
}

#sidebar h1 {
	font: normal 11px  Arial, Helvetica, sans-serif;
	border-bottom:1px solid #dae4ee;
	margin-bottom:10px;
	margin-top:12px;
	padding-bottom:15px;
	width:152px;
}

#sidebar a {
	color: black;
	font-weight: normal;
}


/* Main Content Components */

#mainContent {
	text-align:left;
	margin:0px 0px 25px 230px;
	padding-right:45px
}

#rightFeature {
	width:200px;
	text-align:center;
	float:right;
	padding-left:20px;
	margin-bottom:20px;
	background-color:#FFFFFF;
}


/* Index Page Components */

#mainContentIndex {
	text-align:left;
	margin:0px 45px 25px 45px;
}

#indexLeft {
	width:469px;
	height:466px;
	float:left;
	background-image:url(images/indexBubbles.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	}

#indexRight {
	width:280px;
	padding:20px;
	text-align:left;
	float:right;
	background-image:url(images/FeatureBkgdLonger.jpg);
	background-repeat:no-repeat;
	border:1px solid #00468e;}
	
#indexRight .indent {
	margin-bottom:10px;
	margin-left:12px;
	text-indent:-12px
	}




/* Bottom NavBar Components */

#footer {
	background-image:url(images/PageBkgd_BottomCurve.jpg);
	background-repeat:no-repeat;
	text-align:center;
	height:62px
}

#footer h1{
	font: bold 12px Arial, Helvetica, sans-serif;
	color:#004b8e;
	text-decoration:none;
	padding-top:32px;
	height:62px;
	margin-top:0;
	margin-bottom:0;
}

#footer h1 .bullet {
	color: #7401d5;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left:6px;
	margin-right: 6px;
}

#footer a{
	text-decoration:none;
	color:#004b8e;
}



h1 {
	color: #00468e;
	font: bold 16px/16px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top:20px
}

h2 { 
	color: #00468e;
	font: bold 14px/18px Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-bottom: 5px;
	margin-top:10px
	}
	
h3 { 
	color: #0394d7;
	font: bold 14px/16px Arial, Helvetica, sans-serif;
	margin-top:20px;
	margin-bottom:5px
	}
	
p {
	margin-bottom:10px;
	font: 12px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	
a {color:#56059a; font-weight:normal; font-size:12px}

ul {
	list-style:disc url(WashWorld2.css) outside;
	display:inline;
	}
	
ul li {
	margin-bottom:5px;
	margin-left:17px;
	}



.bold {font-weight:bold}
.italic {font-style:italic}
.caption {font-size:10px; font-style:italic}
.link {font-size:12px}

.gradientHeader {
	background-image:url(images/aquaGradient.jpg);
	padding:7px 10px 7px;
}

.topLine {
	border-top:1px solid #dae4ee;
	padding-top:25px;
	margin-top:25px
}

.bullet {
	color: #7401d5;
	margin-left:6px;
	margin-right: 6px;
}
.Aqua { 
color: #0394d7;
font: bold 13px/16px
font-family: Arial, Helvetica, sans-serif;
}


.marginBottom0 {
	margin-bottom: 0px;
}

.marginBottom5 {
	margin-bottom: 5px;
}

.marginBottom10 {
	margin-bottom: 10px;
}

.marginBottom20 {
	margin-bottom: 20px;
}

.marginBottom100 {
	margin-bottom: 100px;
}

.marginTop0 {
	margin-top: 0px;
}
.marginTop10 {
	margin-top:10px;
}
.marginTop20 {
	margin-top: 20px;
}

.marginFloatLeft {
	margin-right:20px;
	margin-bottom:20px;
}
.marginFloatRight {
	margin-left:40px;
	margin-bottom:20px;
}

.marginRight10 {
	margin-right:10px}
	
.marginLeft4 {
	margin-left:4px}