* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
 background-color:#ffffff;
 /* background-color:#f1f0e7; */ 
}

/* General styles */

p {
    color: #000000;
    font-weight: normal;
    font-size: 12px;
	line-height: 15px;
    margin-top: 0.8em;
}

h1 {
    font-size: 18px;
    font-weight: normal;
    color: #03acf1;
    padding-top: 0.6em;
}

h2 {
    font-size: 14px;
    font-weight: normal;
    color: #03acf1;
}

h3 {
    font-size: 12px;
    padding-top: 0px;
    color: #03acf1;
    text-transform:uppercase;
    letter-spacing:0.1em;
}

h4 {
    text-transform: uppercase;
    font: 10px "Arial" , san-serif;
    color: #03acf1;
    padding-top: 0px;
    line-height: 10px;
    padding-bottom: 10px;
}

a {
    color: #0578c0;
    text-decoration:none;
}
a:hover {
    color:#46beea;
    text-decoration:underline;
}


#wrapper { 
 margin: 0 auto;
 width: 961px;
}
#header {
 
 width: 961px;
 height: 105px;
 /*float: left;*/
 padding: 0px;
 margin: 0px 0px 0px 0px;
 background: url(../../images/WVH_masthead_main.png) no-repeat;
 
}

#content {
	margin-top: 5px;
	margin-bottom: 1em;
	width: 961px;
	/* overflow: hidden; */
}


#category_content {
	margin: 20px 20px 20px 20px;
	width: 921px;
	
}

#category_content ul {
    margin-top: 10px;
	margin-left: 20px;
	font-size: 12px;
	line-height: 15px;
	text-decoration: none;
	list-style: none;
	
}

#category_content li {
	padding-left: 30px;
	background: url(../../images/bullet_bluesquare.gif) no-repeat 15px 50%;
}



#footer { 
 	width: 916px;
 	color: #333;
 	margin-top: 1300px;
 	padding: 10px;
}

#category_footer { 
 	width: 900px;
 	color: #333;
	text-align: center;
 	/* margin-top: 300px; */
 	padding: 10px;
}


.clearfloats {clear:both;}
.imgRight {float:right; padding-left:15px;}
.imgLeft {float:left; padding-right:15px;}


#navigation {
	/*float: left;*/
 	width: 961px;
	height: 30px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	background: url(../../images/bg_nav.png) no-repeat;
	z-index: 100;
 
}


.subnavigation {
	text-align: right;
	width: 961px;
	height: 20px;
	padding-top: 90px;
	margin: 0px 0px 0px 0px;
	font-size: 10px;
	z-index: 100;
	
}


.subnavigation a { 
text-decoration: none;
 }

.subnavigation a:link, .subnavigation a:visited
{
color: #ccc;
font-weight: bold;
text-decoration: none;

}

.subnavigation a:hover
{
color: #fff;
text-decoration: none;
}




#banner {
 /*float: left;*/
 width: 931px;
 height: 194px;
 padding: 0px;
 /*border-bottom: 2px solid #f1f0e7;*/
 margin: 0px 0px 0px 0px;
}

#content_wrapper {
    width:961px;
    height:320px;
	background: url(../../images/content_panel_bg.png) repeat-y;
}

#content_wrapper_footer {
    width:961px;
    height:10px;
    background: url(../../images/content_panel_footer.png) no-repeat;
}



#splashwrapper { 
 margin: 0 auto;
 width: 937px;
 height: 678px;
 background: url(../../images/splash_temp.png) no-repeat;
 
}


#splashcontent {
	padding-top: 25em;
	padding-left: 14em;
	width: 600px;
	text-align: center;
	background: none;
	
	/* overflow: hidden; */
}

/* page column styles */

#leftcolumn { 
 color: #333;
 /* border: 1px solid #ccc; */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 350px;
 width: 730px;
 float: left;
 background: #ffffff;
}
#rightcolumn { 
 float: right;
 color: #333;
 /* border: 1px solid #ccc; */
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: -360px;
 width: 218px;
 /* display: inline; */
 background: #ffffff;
 position: relative;
}

#leftcolumn2 { 
 color: #000;
 /* border: 1px solid #ccc; */
 margin: 7px 0px 0px 0px;
 padding: 0px;
 height: 350px;
 width: 237px;
 float: left;
 background: #ffffff;
}

#rightcolumn2 { 
 float: right;
 color: #000;
 /* border: 1px solid #ccc; */
 margin: 7px 0px 0px 0px;
 padding: 6px;
 /* height: 350px; */
 width: 471px;
 display: inline;
 background: #e1dedf;
 position: relative;
}


/* two column setup */

#twocolumn_left { 

 color: #333;
 /* border: 1px solid #ccc; */
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 min-height: 375px;
 width: 420px;
 float: left;

}

#twocolumn_left img {
border: 8px solid #ccc;

}

#twocolumn_right { 

 float: right;
 color: #333;
 /* border: 1px solid #ccc; */
 background: #ffffff;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 min-height: 375px;
 width: 420px;
 display: inline;
 position: relative;

}


#twocolumn_right img {
border: 8px solid #b2b2b2;

}

/* single column setup */

#single_column { 

 color: #333;
 background: #ffffff;
 /* margin: 10px 10px 100px 0px; */
 margin-left: 150px;
 padding: 10px;
 min-height: 375px;
 width: 600px;
 float: left;

}

#single_column img {
border: 8px solid #b2b2b2;

}

.icon_pdf {
 padding-left: 40px;
 padding-top: 40px;
 padding-bottom: 10px;
 height: 40px;
	/* border-bottom: 1px dotted #cccccc; */
 background: url(../../images/icon_PDF.png) no-repeat 0px 100%;

}

/* Table styles */

#mytable {
	width: 700px;
	padding: 0;
	margin-left: 100px;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#mytable2 {
	width: 420px;
	padding: 0;
	margin: 0;
}

caption2 {
	padding: 0 0 5px 0;
	width: 420px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../../images/bg_header1.jpg) no-repeat;
}

th.alt {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(../../images/bg_header1.jpg) no-repeat;
}

th.alt2 {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #ffffff;
}



th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.open {
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}

td.blank {
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

th.spec2 {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #ccc url(../../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
	color: #82827e;
	background: #CAE8EA url(../../images/bg_header2.jpg) repeat-x;

}



th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f0f0ea url(../../images/bullet2b.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}


/* Photo Gallery - for Lightview thumbnails */

#gallery {

    width: 850px;
    margin: 10px auto;
    text-align: center;

}



#gallery a img {
    padding: 2px 2px;

}




/* small section headers */

.smheader_services {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 height: 17px;
 width: 208px;
 color: #fff;
 font-size:13px;
 background: #03acf1;
 position: relative;

}

.smheader_hospital {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 height: 17px;
 width: 208px;
 color: #fff;
 font-size:13px;
 background: #0d756b;
 position: relative;

}

.smheader_staff {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 height: 17px;
 width: 208px;
 color: #fff;
 font-size:13px;
 background: #744a99;
 position: relative;

}

.smheader_client {
 padding-top: 3px;
 padding-bottom: 3px;
 padding-left: 10px;
 height: 17px;
 width: 208px;
 color: #fff;
 font-size:13px;
 background: #9b1733;
 position: relative;

}



#area_menu {
	/*top: 354px;*/
	left: 6px;
	width: 457px;
	border: 4px solid #ffffff;
	background: #ffffff;
	position: relative;
	height:320px;
}

#footer {
    width:931px;
    padding-top:18px;
    text-align:center;
    font-size:10px;
    color:#013973;
}

/* Lower Menu */
ul#lower_menu {
    float: left;
    list-style: none;
    width: 555px;
}

ul#lower_menu a {
    color: #FFFFFF;
    text-decoration: none; 
}

ul#lower_menu a:hover {
    color: #A58748;
}

ul#lower_menu li {
    float: left;
}
ul#lower_menu li a {
    display: block;
    font-size: 10px;
    padding-top: 2px;
    width: 185px;
    height: 15px;
    text-align:center;
}


.clearfloats {clear:both;}
.imgRight {float:right; padding-left:15px;}
.imgLeft {float:left; padding-right:15px;}



/*Area boxes on home Page*/
.area_box1 {
	margin: 0px;
	width: 450px;
	height: 640px;
	background: #f7f7f7;
	padding: 10px;
	font-size: 12px;
	
}

.area_box2 {
	margin: 0px;
	width: 450px;
	height: 640px;
	background: #f7f7f7;
	padding: 10px;
	font-size: 12px;
	
}


.area_boxes_left ul {

    width: 210px;
    float: left;
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
	font-size: 11px;
	
}

.area_boxes_left li {

    width: 210px;
    float: left;
	/* list-style: none; */
	
	
}

.area_boxes_right ul {

    width: 210px;
    float: right;
	margin-top: 5px;
	padding: 0px;
	font-size: 11px;
	
	
}

.area_boxes_right li {

    width: 210px;
    float: right;
	/* list-style: none; */
	
}


.area_boxes_title_1 {
	background: url(../../images/title_departments.png) no-repeat;
	height: 32px;
	padding: 5px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}

.area_boxes_title_2 {
	background: url(../../images/title_employment.png) no-repeat;
	height: 26px;
	padding: 11px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}

.area_boxes_title_3 {
	background: url(../../images/title_schoolsdistricts.png) no-repeat;
	height: 32px;
	padding: 5px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}

.area_boxes_title_4 {
	background: url(../../images/title_studentsparents.png) no-repeat;
	height: 32px;
	padding: 5px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}


.area_boxes_title_5 {
	background: url(../../images/title_development.png) no-repeat;
	height: 32px;
	padding: 5px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}


.area_boxes_title_top {
	background: url(images/../../title_departments.png) no-repeat;
	height: 37px;
	padding: 0px 0px 0px 0px;
	width: 183px;
	font-size: 11px;
	font-weight:bold;
	color: #ffffff;
	text-align:center;
	vertical-align:middle;
	line-height:12px;
}
.area_boxes_nav {
	/* background: url(../../images/section_panel_main.png) repeat-x; */
	color: white !important;
}

.area_boxes_nav * {
	color: #666666 !important;
}

.area_boxes_nav_corner {
	float: left;
	
}
.area_boxes_top {
	height: 37px;
	
}

/* list items */

.area_boxes_nav ul {
	margin-left: 20px;
	margin-top: 0px;
	padding: 0px;
	/* list-style: none; */
}

.area_boxes_nav  li {
	padding-left: 0px;
    text-decoration: none;
	

}


.leftcolumn2 ul {
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
	
}

.leftcolumn2  li {
	padding-left: 0px;
    text-decoration: none;
	
	
}


.rightcolumn ul {
	margin-left: 30px;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0px;
	font-size: 11px;
	
	
}

.rightcolumn  li {
	padding-left: 0px;
    text-decoration: none;
	font-size: 11px;
	
}

.rightcolumn2 ul {
	margin-left: 20px;
	margin-top: 5px;
	padding: 0px;
	font-size: 11px;
	
}

.rightcolumn2  li {
	padding-left: 0px;
    text-decoration: none;
	font-size: 11px;
	
}



#navlist a { 
text-decoration: none;
 }

#navlist a:link, #navlist a:visited
{
color: #666;
font-weight: bold;
text-decoration: none;

}

#navlist a:hover
{
color: #fff;
text-decoration: none;
}

/* menus */

.superintendent_menu {
	top: 0px;
	left: 0px;
	position: absolute;
}
.employment_menu {
	top: 0px;
	left: 184px;
	position: absolute;
}
.schoolsdistricts_menu {
	top: 0px;
	left: 368px;
	position: absolute;
}
.studentparents_menu {
	top: 0px;
	left: 552px;
	position: absolute;
}

.development_menu {
	top: 0px;
	left: 736px;
	position: absolute;
}

/* section panels */

.section_article {
	/* background: url(../../images/section_panel_main.png) repeat-x; */
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	position: relative;
	display: block;
	font-size: 10px;
	color: #555146;
	/* margin: 0 0 0 0;  */
	padding: 0px 0px 0px 0px;
	width: 181px;
	z-index: 0;
}

.first_section_article {
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
}

.section_article ul {
	/* background-color: #272846; */
	text-decoration: none;
	font-color: #14639d;
	
}

.section_article h3 {
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
}

.section_article img.icon {
	margin: 0 0px 0 0px;
	position: relative;
}

.section_article img.dot {
	margin: 0px 0px 0px 0px;
	position: relative;
}

#section_nav * {
	margin-top: 0;
	/* background: url(../../images/section_panel_main.png) repeat-x; */
}

#section_nav h1 {
	font-size: 18px;
}

#section_nav h2 {
	font-size: 16px;
}

#section_nav h3 {
	font-size: 12px;
	color: #990000;
}
#section_nav h4 {
	font-size: 11px;
	color: #990000;
}

#section_article h3 {
	font-size: 11px;
	color: #990000;
}


#section_top_tile {
	font-size: 11px;
	font-weight:bold;
	color: #990000;
	text-align:left;
	line-height:25px;
}
#section_nav p {
	font-size: 11px;
}

#section_nav a {
	text-decoration: none;	
}

.section_article a {
	text-decoration: none;	
}

.section_article a li {
	text-decoration: underline;	
}


/* search field */

#search {
	float: right;
	margin: 0 19px 0 0;
	color: white;
	font-weight: bold;
	letter-spacing: .3px;
}

#search #q {
	height: 12px;
	margin: 4px 0 0 0;
	font-size: 10px;
	width: 150px;
}

#search #go {
	margin: 0 0 -6px;
}

/* end section panel*/

