#maincontainer{background: #375F8E url('/images/bg-main-blue.gif') repeat-y scroll 50% 0;}  
/*  #maincontainer{background: #ccc;border-left:20px #fff solid;border-right:5px #fff solid;}*/
  
body{font-size:12px;line-height:1.5;color:#333333;font-family:Arial,Helvetica,sans-serif;}

p {margin: .2em 5px 1.25em 0;text-align: left;}
a {font-family: "Georgia", "Times", "Times New Roman", serif; color: #0360AB; text-decoration: none;}
/* a:hover {color: #c74b15;border-bottom: 1px #c74b15 dotted; text-decoration: none;} */
a:hover {color: #c74b15; text-decoration: none;} 
h6 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h5 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h4 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h3 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h2 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h1 {font-family: "Georgia", "Times", "Times New Roman", serif;color: #0360AB;}
h1{font-size: 32px;line-height: 1.4em}
h2{ /*	font-size: 1.96em; /* 24px */;
	font-size: 22px;
	font-size: 2em;	
	line-height: 24px;
	font-weight: 500;
 	letter-spacing: -1px; 
	padding-top: 5px;
	text-transform: capitalize;
	color: #156AAF;
}
h3{font-weight:500;	font-size: 16px;line-height: 18px;	padding-top:5px; text-transform:capitalize;}

h4{	/* Subtitle */
	font-size: 14px; 
	line-height: 14px;
	color: #666666;
/*	letter-spacing: -1px;  */
	margin-top: 3px;
	margin-bottom: 7px;
} 

hr.space {background:#fff;color:#fff;}

h3.sectionHeader {
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: "Georgia", "Times", "Times New Roman", serif;
	font-size: 14px;
	line-height: 17px;
	color: #800000;
	text-transform: uppercase;
	border-top: 1px #999 dotted;
	border-bottom: 1px #999 dotted;
	margin-bottom: 5px; /*	background: #efefef url('/images/show-hide.gif') no-repeat right center ; */;
	background: #fff url('/images/gradient-apple-light-gray-32.jpg')  repeat-x right center ;
	}


.allcaps{text-transform: capitalize;}
.smallcaps{font-variant:small-caps}
.picture {font: 11px/1.4em Arial, sans-serif; }
.picture img {vertical-align:middle; margin-bottom: 3px; }
.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }
.left { margin: 0.5em 0.8em 0.5em 0; float:left; } 
.right {float:right;}
.left {float:left;}
.bg3col {background: transparent url('../images/bg-main-3-column-top.gif') repeat-y;}
.bg2col {background: transparent url('../images/bg-main-2-column-top.gif') repeat-y;}
.beigeTexture{background: #FFFFCC url('../images/bg-Texture.jpg') repeat;}
.imgcentered {display: block; margin-left: auto;margin-right: auto}
.firstparagraph {padding-top:10px}
.departmentname{padding-top: 10px;font-family: "Trebuchet MS";font-size: 24px;font-style: normal;font-weight: bold;	text-transform: uppercase;letter-spacing: normal;line-height: 1.4em;color: #0066CC;font-weight: 900;}
.pad15pxtop{padding-top: 15px;}
.centertext{text-align: center}
.departmenttitle
{
	padding-top: 5px;
	font-family: "Trebuchet MS";
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: normal;
	line-height: 1.4em;
	color: #0066CC;
	font-weight: 900;
	font-size: 17px;
}

.departmenttext
{
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;	
}


img.png_bg {background-image:url('../images/boxbg.png')}

/* header area  */
#header {
/* 	background: url('/images/3.jpg') no-repeat;  */
 	background: transparent url('/images/whhs-960-header.jpg') no-repeat; 
	height: 155px;
	width:960px;
	margin-left:0px; 
}

#header a {font-family:Arial, Helvetica, sans-serif;font-size: 10px;}
#header h1{font-size: 32px;line-height: 1.4em;font-family: Arial, Helvetica, sans-serif;}

#slideshow img { display: none }
#slideshow img.first { display: block }

.slideshow {
	clear:both;position: relative;
	top: -21px;
	left: 521px;
	z-index: 3;
	width: 433px;
	height: 127px;
	overflow: hidden;
	background: #001F33
}
/* .slideshow3 img { border: 1px solid #ccc;  }  */


#top {
	margin-top: 6px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size: 10px;
	color: #b1d5e0;
}

#toplinks {
	display: inline;
	position:relative;
	margin-top: 0px;
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #b1d5e0;
	z-index:5;
}	

#toplinks a{text-decoration: none;color: #b1d5e0;margin-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}	
#toplinks a:hover {text-decoration: underline;color: #cff;}	

#toplinks li{
	display: inline;
	list-style-type: none;
	padding-right: 7px;
	/*    text-decoration: underline;  */
	margin-left:8px;
}	

#sub1{padding-top: 15px;} /* left column */
#sub2{margin-top: 0px;margin-left: 0px;padding-left:10px;padding-right: 10px;padding-top: 0px;background-color :#fff;} /* center column */
#sub3{padding-top: 5px; margin-left: 0px; margin-top: 10px; } /* right column */
#sub3int{padding-top: 5px; margin-left: 10px; margin-top: 10px;} /* right column interior pages*/


#grayStripTop{
	display: block; 	background: url('/images/bg-whhs-below-menu.gif') repeat-y;	
	position: relative;
	z-index: 1;
	height: 10px;
	background-color: #DFEEFA;
	width: 960px;
	margin-left: 0px;
}

#grayStipTopSub1{
	height: 15px;
	background-color: #333333;
	width:240px;
	margin-left: 0px;
}

#mainmenu{padding-top:102px;}

.article{border-top: 1px #002878 dotted;padding-top: 10px;}
.pagetitle{border-bottom: 1px #002878 dotted;padding-bottom: 10px;}

.rollover a {
	display: block;
	width: 220px;
	height: 30px;
	padding: 0px;
	line-height: 26px;
	text-align: center;
	color: #fff;
	background: url('/images/button-220.gif') no-repeat 0 0;
	text-decoration: none; 
	font-style:normal; 
	font-variant:normal; 
	font-weight:bold; 
	font-size:12px; 
	font-family:sans-serif; 
	margin-left:0px; 
	margin-right:0; 
	margin-top:5px; 
	margin-bottom:0
}
.rollover a:hover {	/* background-position: 0 -30px; */	background-position: bottom ;	color: #FFCC00;}

div#container {width: 100%;}

/*	Tab for the third column  */
ul.tabNav { float: left; list-style: none; width: 100%;font: 10px Georgia; }
ul.tabNav li { float: left; margin: 0 0px 0 0; padding: 6px 0 0;font-weight:bold;text-transform: uppercase;color:#0F4C7E; }
ul.tabNav a {
/*	background-color: #f7f7f7;  */
	border: 1px solid #dedede;
	border-width: 0px 1px 0px 0px;
	color: #30658f;
	display: block;
	padding: 7px 4px 7px 4px;
	text-decoration: none;
	background: white url('/images/grad-white-gray-30.jpg') repeat-x ; 
	border-bottom: 1px #CCC solid;
}

ul.tabNav a:hover {
	background-color: #E1EDF9;
	color: #800000;
	background: white url('/images/grad-white-gray-30-flip.jpg') repeat-x ; 	
}

ul.tabNav li.current a {
	border-left:1px solid #CCC; border-right:1px solid #CCC; border-top:1px solid #CCC; border-bottom:0px solid #CCC; color: #800000;
	background-color: #f3f9fd;
	background-image: url('none');padding-left:4px; padding-right:4px; padding-top:7px; padding-bottom:7px
}
div.tabContainer {clear: both; float: left; width: 300px;}

div.tabContainer a{
background-image: url('/images/whhs-bullet-calendar.jpg');
background-repeat: no-repeat;
background-position: 0px;
padding-left: 17px;
}

div.tabContainer li{
	list-style: none;
	padding: 5px 5px 5px 0px;
	border-bottom: 1px #ccc dotted;
}

div.tabContainer ul{
list-style-type: none;
padding: 0;
margin: 0;
}

div.tabContainer div.tab {
	display: none;
	border: 1px #ccc solid;
	border-width: 0px 1px 1px 1px;
	color: #000;
	padding: 10px;
	background: #fff url('/images/gradient-light-blue-white.gif') repeat-x ;
	background-color: #fff;
}
div.tabContainer div.current { display: block; }
div.tab p:last-child { margin-bottom: 0; }

/*	calendar icon for third column  */
#calendar{
position:relative;
top:0px;
right:30px;
height: 50px;
padding: 10px 0px 5px 20px;
}

#calendar img {
position:relative;
left:0px;
top:0px;
z-index:1;
}

#calendar .month {
	font: normal normal bold 12px Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	left: 8px;
	top: -53px;
	z-index: 2;
}

#calendar .day {
	font: normal normal bold 22px "Georgia","Times New Roman", Times, serif;
	color: #000;
	position: relative;
	left: 7px;
	top: -65px;
	z-index: 2;
}

/*  footer area  */

#footer{height:200px;background: url('/images/masthead.gif') no-repeat ;}

#address{
	width: 940px;
	margin-left: 0px;
	padding: 50px 15px 15px 15px;
	font-variant: small-caps;
	color: #0F4C7E;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
}

#address li {display: inline;list-style-type: circle;padding-right: 60px;}
#address ul{padding-top: 5px;padding-left: 20px;}

#mission{
	width: 940px;
	margin: 15px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-variant: small-caps;
	font-size: 12px;
	text-align: justify;
	background-color: #F7F7F7;
	border-top: 1px #0F4C7E solid;
	background: #F0F0E3 url('/images/grad-beige-content.gif') repeat-x;
}


/*  Department interior pages  */
#deptSidebar {}

#deptSidebar h3{
margin-top: 5px;
margin-bottom: 5px;
line-height: 1.3;
color: #666; 
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}

#deptSidebar li {
margin-left: 0px;
margin-bottom: 5px;
margin-top: 5px;
padding-top: 5px;
padding-bottom: 5px;	
font-family: Georgia, serif;
list-style-type: none;
line-height: 1;
font-size: 12px;
border-bottom: 1px #e2e2e2 dotted;
}

.departmenttext{
font-family: Georgia, serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.7em;	
}

div.colborder {padding-right: 4px;margin-right: 5px;border-right: 1px #ccc solid;}
div.Indent15 {padding-left:15px;}
div.Indent10 {padding-left:15px;}

#teacherData{width:600px;}

#teacherData p{font-family: Trebuchet, Arial, Helvetica, sans-serif;font-size:12px;line-height: 1.4;margin: 0;}
#teacherData h3{text-transform: uppercase;font-size:14px;line-height: 1.3;}
#teacherData img.left {float: left;margin-right: 15px;}
#teacherData img {/*	border: 1px #CCCCCC solid; */padding: 5px;}
#teacherData hr {margin-bottom: 2px;}
#teacherData a {font-family: Trebuchet, Arial, Helvetica, sans-serif;}

#clubsData{width:380px;}

#clubsData p{font-family: Trebuchet, Arial, Helvetica, sans-serif;font-size:12px;line-height: 1.4;margin: 0;}
#clubsData h3{font-size:18px;}
#clubsData img.left {float: left;margin-right: 15px;}
#clubsData img {/*	border: 1px #CCCCCC solid; */padding: 5px;}
#clubsData hr {margin-top:1px;margin-bottom: 1px;}
#clubsData a {font-family: Trebuchet, Arial, Helvetica, sans-serif;}


#sportsData{width:380px;}

#sportsData p{font-family: Trebuchet, Arial, Helvetica, sans-serif;font-size:12px;line-height: 1.4;margin: 0;}
#sportsData h3{text-transform: uppercase;font-size:14px;line-height: 1.3;}
#sportsData img.left {float: left;margin-right: 15px;}
#sportsData img {/*	border: 1px #CCCCCC solid; */padding: 5px;}
#sportsData hr {margin-bottom: 2px;}
#sportsData a {font-family: Trebuchet, Arial, Helvetica, sans-serif;}


.AddressLine{
width: 100%;
background-color: #336699;
color: #fff;
height: 30px;
font-family: Georgia, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 2em;
padding-top: 5px;
}

/* Horizontal menu system  */
    
#myslidemenu{
	position:relative;
	z-index: 6;
	margin-top: -22px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
/*	background: #00375A; */
/* background: transparent url('/images/grad-white-gray-30.jpg') repeat-x;	*/
	width: 960px;

}
ul#menu {color: #fff;margin: 0 0 0 0px;	padding: 0px; width: 950px;/*	border-top: 1px #0F4A7B solid ; */}
ul#menu li {display: inline;margin: 0em 1em;position: relative;}
ul#menu h2 {font-size: 100%;font-weight: normal;display: inline;padding-top:5px;padding-bottom:6px;}
ul#menu h2:hover {font-size: 100%;font-weight: normal;display: inline;background-color: #001F33;/* background: transparent url('/images/grad-white-gray-30.jpg') repeat-x;*/}
ul#menu h2:active{font-size: 100%;font-weight: normal;display: inline;background-color: #001F33;
/* background: transparent url('/images/grad-white-gray-30.jpg') repeat-x;*/
}

ul#menu h3 {font-size: 100%;font-weight: normal;display: inline;}
ul#menu li a {color: #b1d5e0;font-weight: bold;text-decoration: none;padding: 0.1em 1.2em;}
ul#menu li a:hover {text-decoration: underline; color: #fc0; background-color: #001F33;	border-color: #00375F;	padding-top: 7px;	padding-bottom: 7px;}
ul#menu li.mega a {	background: transparent url('/arrow.gif') no-repeat right;	padding: 0 13px;}
ul#menu li.mega a:hover {text-decoration: underline;}
ul#menu li.mega div a:hover {background-color: #dfeefa;color: #000;}
ul#menu div {display: none;}

/* drop down menu */
ul#menu li.mega div {
	/*	border-top: 3px solid #fc0; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-bottom: 3px solid #fc0;
	width: 280px;
	position: absolute;
	top: 21px;
	left: -40px;
	padding: 10px;
/* 1.3em;*/	background: #001F33;
/*	background: #153a5e url('images/grad-dkblue-blue.jpg') repeat-x  ; */
	color: #FFFFFF;
}

ul#menu li.hovering div {display: block;}
ul#menu li.mega div a {	padding: 0;	color: #fff;background-image: url('none');	text-decoration: underline}
ul#menu li div a.more {	color: #89e0fd;	font-weight: 600;}
ul#menu div h3 {color: #fc0; font-weight: bold; font-size: 11px; line-height: 12px; letter-spacing: 0px; padding-top:5px;}
ul#menu div p {margin: 0 0 0.8em 0;padding: 0;font-size: 10px;}

/* Scroll rollover */
.scrollrollover a {
	display: block;
	float: right ;
	width: 160px;
	height: 30px;
	padding-right: 45px;
	padding-top: -40px;
	color: #fff;
	background: url('/images/whhs-scroll%20.gif') no-repeat 0 0;
	margin-left: 5px;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 0
}

.scrollrollover a:hover {background-position: 0 -30px;color: #FFCC00;}

#vertmenu {font-family: Georgia, "Lucida Grande", "Times New Roman", Times, serif; padding: 0px; margin: 0px; line-height: 2em; }
#vertmenu h1 {display: block; 	background-color: #003366;	font-size: 100%; padding: 0px 0px 0px 0px;	color: #FFFFFF;	margin: 0px;}
#vertmenu h3{
	padding-bottom: 5px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 3px;
	line-height: 1.4em;
	color: #5F5F5F;
	font-weight: 500;
	border-top: 2px #5F5F5F solid;
	border-bottom: 2px #5F5F5F solid;
	background-color: #e0ebfa;
	text-align: center ;
}
#vertmenu ul {list-style: none; margin: 0px; padding: 0px; border: none; }
#vertmenu ul li {margin: 0px;padding: 0px;}
#vertmenu ul li a {font-size: 100%;	display: block;	border-bottom: 1px #ccc dotted;	padding: 5px 0px 2px 4px; text-decoration: none; text-align: left;}
#vertmenu ul li a:focus {color: #800000;background-color: #fff;}
#vertmenu ul li a:hover {color: #800000;background-color: #fff;}
#vertmenu p {
	line-height: 1.1em;
	color: #333333;
}

#sportslist ul {font-size: 12px;line-height: 18px;list-style:none;margin-left: 0px;}
#sportslist li{padding: 3px 0px 3px 0px;border-bottom: 1px #ccc solid;}
#sportslist li:hover {background-color: #fff;}

/* warehoused for now */
p.first:first-letter {font-family: Helvetica,Arial,sans-serif;font-weight:bold;font-size: 3.6em;color: #222;}

#contentbox{width:219px;background-color:#e1ecf4;}

#contentbox ul{
background:url('/images/content-bottom-whhs.gif') no-repeat center bottom;
margin:0;
padding-left:17px; padding-right:25px; padding-top:0; padding-bottom:15px
}

#contentbox li{
	margin: 0px;
	list-style-image:url('none');
	list-style-position:outside;
	list-style-type:none;
	padding-left:0; padding-right:0; padding-top:3px; padding-bottom:2px
}

#contentbox h3{
background:url('/images/content-top-whhs.gif') no-repeat 0 0;
height:20px;
font-weight: bold;
text-align:center 
}

#contentbox p{
line-height: 1.4em;
}

#List li{
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 5px;	
	list-style-type: none;
	list-style-type: square;
/* 	list-style-image: url('images/bullet-blue-4square.png'); */	
}

#ChatterList li{
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-top: 3px;
	padding-top: 3px;
	padding-bottom: 0px;	
	list-style-type: none;
	list-style-type: square;
/* 	list-style-image: url('images/bullet-blue-4square.png'); */	
}

/* Google Feeds Styles */
#feedControl {font-size: 13px;width : 280px;}

/* Suppress everything except for title */
#feedControl .gf-author, 
#feedControl .gf-spacer, 
#feedControl .gf-relativePublishedDate {display : none;}    

/* decent padding at the bottom of each set of entries */
#feedControl .gfc-results {padding-bottom : 1em;}

/* no padding between entries */
#feedControl .gfc-result {margin-bottom : 0px;}

/* slightly larger section header title */
#feedControl .gfc-resultsHeader .gfc-title {font-size : 110%;}



#gfeedControl {font-size: 13px;width : 280px;}

/* Suppress everything except for title */
#gfeedControl .gf-author, 
#gfeedControl .gf-spacer, 
#gfeedControl .gf-relativePublishedDate {display : none;}    

/* decent padding at the bottom of each set of entries */
#gfeedControl .gfc-results {padding-bottom : 1em;}

/* no padding between entries */
#gfeedControl .gfc-result {margin-bottom : 0px;}

/* slightly larger section header title */
#gfeedControl .gfc-resultsHeader .gfc-title {font-size : 110%;}



#gfeedControl {font-size: 13px;width : 280px;}

/* Suppress everything except for title */
#artsfeedControl .gf-author, 
#artsfeedControl .gf-spacer, 
#artsfeedControl .gf-relativePublishedDate {display : none;}    

/* decent padding at the bottom of each set of entries */
#artsfeedControl .gfc-results {padding-bottom : 1em;}

/* no padding between entries */
#artsfeedControl .gfc-result {margin-bottom : 0px;}

/* slightly larger section header title */
#artsfeedControl .gfc-resultsHeader .gfc-title {font-size : 110%;}


#sportsfeedControl {
	font-size: 12px;
	width : 280px;
	font-family: Arial, Helvetica, sans-serif;
}

/* Suppress everything except for title */
#sportsfeedControl .gf-author, 
#sportsfeedControl .gf-spacer, 
#sportsfeedControl .gf-relativePublishedDate {display : none;}    

/* decent padding at the bottom of each set of entries */
#sportsfeedControl .gfc-results {padding-bottom : 2px;}

/* no padding between entries */
#sportsfeedControl .gfc-result {border-bottom:1px #ccc solid;margin-bottom : 2px;}

/* slightly larger section header title */
#sportsfeedControl .gfc-resultsHeader .gfc-title {font-size : 100%;}