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

/* HTML Definitions*/ 

html
{
height:100%;
}
body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font: 12px;
}

/*Content Box Heading*/
h1
{
font-weight:bold;
font-size:18px;
letter-spacing:2px;
}

h2
{
font-weight:bold;
font-size:18px;
letter-spacing:2px;
color:#FF9900;
}



/*Layout Divs*/
#wrapper
{
margin: 0 auto 0 auto;
width: 850px;
height: auto;
background-color:#FFFFFF;

}

#bannerbox
{
background-color:#FFFFFF;
width: 850px;
height:140px;
padding:0;
margin:0;
clear:both;

}

#rightcolumn
{
width: 350px;
background-color:#FFFFFF;
float:left;

}

#leftcolumn
{
width: 500px;
background-color:#FFFFFF;
float:left;

}
#contentbox
{
padding:10px;
margin: 10px;
width:90%;
}

#rightcontentbox
{padding: 10px;
margin: 10px 10px 10px 0;
width: 90%;
}


#footer
{
clear: both;
border-top: 2px solid #999999;
border-bottom: 2px solid #999999;
padding: 10px;
}

/*Menu Code*/
#underlinemenu{
	margin: 0;
	padding: 0;
}

#underlinemenu ul
{
	margin: 0;
	
	padding-left: 0;
	float: left;
	font-weight: bold;
	width: 100%;
	border: 1px solid #DFDFDF;
	border-width: 1px 0;
}

* html #underlinemenu ul{ /*IE only rule. Delete extra margin-bottom*/
	margin-bottom: 0;
}

#underlinemenu ul li{
	display: inline;
}


#underlinemenu ul li a{
	float: left;
	background-color:#FFFFFF;
	font-weight: bold;
	width: 156px;
	height: 40px;
	padding: 2px 6px 4px 6px;
	text-decoration: none;
	text-align:center;
	border-left-color:2px solid #999999;
	border-right:2px solid #999999;
	/*background: white url(media/menudivide.gif) top right repeat-y;*/
}

/*District Specifics Begin Here*/
#underlinemenu ul li a.district:link {
	border-bottom: 8px solid #339933;
	color: #339933;
	padding-bottom: 0;
}

#underlinemenu ul li a.district:hover {
	border-bottom: 8px solid #33CC33;
	color: #33CC33;
	padding-bottom: 0;
	background-color: #F3F3F3;

}

#underlinemenu ul li a.district:visited {
	border-bottom: 8px solid #339933;
	color: #339933;
	padding-bottom: 0;
}


/*Sequoia Specifics Begin Here*/
#underlinemenu ul li a.sequoia:link {
	border-bottom: 8px solid #660099;
	color: #660099;
	padding-bottom: 0;
}

#underlinemenu ul li a.sequoia:hover {
	border-bottom: 8px solid #6600CC;
	color: #6600CC;
	padding-bottom: 0;
	background-color: #F3F3F3;

}

#underlinemenu ul li a.sequoia:visited {
	border-bottom: 8px solid #660099;
	color: #660099;
	padding-bottom: 0;
}

/*Carlmont Specifics Begin Here*/
#underlinemenu ul li a.carlmont:link {
	border-bottom: 8px solid #000099;
	color: #000099;
	padding-bottom: 0;

}
#underlinemenu ul li a.carlmont:hover {
	border-bottom: 8px solid #0033FF;
	color: #0033FF;
	padding-bottom: 0;
	background-color: #F3F3F3;

}

#underlinemenu ul li a.carlmont:visited {
	border-bottom: 8px solid #000099;
	color: #000099;
	padding-bottom: 0;

}

/*Woodside Specifics Begin Here*/
#underlinemenu ul li a.woodside:link {
	border-bottom: 8px solid #FF9900;
	color: #FF9900;
	padding-bottom: 0;
}
#underlinemenu ul li a.woodside:hover {
	border-bottom: 8px solid #FFCC00;
	color: #FF9900;
	padding-bottom: 0;
	background-color: #F3F3F3;
}

#underlinemenu ul li a.woodside:visited {
	border-bottom: 8px solid #FF9900;
	color: #FF9900;
	padding-bottom: 0;
}

/*Menlo-Atherton Specifics Begin Here*/
#underlinemenu ul li a.menloatherton:link {
	border-bottom: 8px solid #660000;
	color: #660000;
	padding-bottom: 0;
}
#underlinemenu ul li a.menloatherton:hover {
	border-bottom: 8px solid #660033;
	color: #660033;
	padding-bottom: 0;
	background-color: #F3F3F3;
}

#underlinemenu ul li a.menloatherton:visited {
	border-bottom: 8px solid #660000;
	color: #660000;
	padding-bottom: 0;	
}

/*Class for lines on content boxes*/
.boxdistrict
{
border-top: 10px solid #339933;
color:#339933;
border-bottom: 1px dotted #000000;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}

.boxsequoia
{
border-top: 10px solid #660099;
color:#660099;
border-bottom: 1px dotted #000000;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}

.boxwoodside
{
border-top: 10px solid #FF9900;
color:#000000;
border-bottom: 1px dotted #000000;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}

.boxcarlmont
{
border-top: 10px solid #000099;
color:#000099;
border-bottom: 1px dotted #000000;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}

.boxmenloatherton
{
border-top: 10px solid #660000;
color:#660000;
border-bottom: 1px dotted #000000;
border-left:1px dotted #000000;
border-right:1px dotted #000000;
}