@charset "UTF-8";
/* CSS Document */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	
	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: #ffffff;
}
h2{
margin: 0px;
padding: 0px;
}
h4{
font-size:14px;
margin: 0px 3px;
padding: 0px;
display:inline;
}
a img, a:visited img{border-style:none}

 #container {
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #000000;
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px;
}
#header {
background-image: url(../images/carpool_collage.jpg);
	padding: 0px;
	margin: 0px;
	height:250px;
	  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
#header h1 {
	margin:0px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 175px 0px 0px 0px;
	color:#FFFFFF;
	letter-spacing:2px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#header a:link{
text-decoration:none;
}

#navLinkBar {margin: 0px 0px 0px 0px;padding: 0px;list-style:none; border-bottom:2px solid  #339966;}

#navLinkBar li{display:inline; margin: 0px 3px;letter-spacing: -1px;}
#navLinkBar li a:link, a:visited{text-decoration:none; background-color: #339966; color:#000000; margin: 0px 4px 0px 4px; }
#navLinkBar li a:hover{color:#ffffff;}
.active_link {background-color:#006633; color:#FFFFFF; border:2px solid #339966;border-bottom:4px solid #006633;}
.active_link a:link, .active_link a:visited{text-decoration:none; color:#FFFFFF;background-color:#006633}
.active_link a:hover {text-decoration:none; color:#FFFFFF;}


 #mainContent {
 	margin: 0px;
	padding: 10px 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #006633;
	border-right:2px solid #339966;
	border-left:2px solid #339966;
	border-bottom:2px solid #339966;

	text-align:left;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#000000;
}
 #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

#block3 a, #block3 a:visited{color:#000000; background: none;}
#block3 a:hover {color: #00FFFF}

#blockResources {margin: 8px 8px; padding: 5px; border:2px solid #339966 }
#blockResources a:link, #blockResources a:visited{text-decoration:none; color:#CCCCCC; background:none}
#blockResources a:hover {color:#00CCCC}

#blockResources p{font-size:14px; margin: 2px 0px 2px 0px}
#blockResources h3{margin: 0px 0px 5px 5px}
.forceFloatRight{float:right; width:380px; margin: 0px 10px}

.FloatRightimg{float:right; width: 200px; margin: 5px}