/* menu components */

#menu { position: relative;  }

#menu h1 { background-image: url(/images/wcs.png); width: 1000px; height: 99px; text-indent: -999em; margin: 0px; }

#nav { position: absolute;
	top: 70px; 
	background-image: url(/images/bg_gradient.gif);
	background-repeat: repeat-x;
	z-index: 100;
	
	}

#nav, #nav ul {
	
	float: right;
	width: 910px; /* width of the ul was 36em */
	list-style: none;
	line-height: 1.5;
	
	background-color: #E5A400; /* background color of everything in dropdown - was white */
	letter-spacing: 1px;
	padding: 0;
	border: solid #ffcc33; /* border around entire ul and li's */
	border-width: 1px 0; /* top and bottom border only */
	margin: 0 0 0 90px; /* was 0 0 1em 0 bottom margin */
}

#nav a {
	display: block;
	/*width: 12em;
	w\idth: 6em;*/
	color: black; /* font color for links - was #7c6240 */
	text-decoration: none;
	padding: 0.25em 1em;
}

#nav li {
	float: left;
	padding: 0;
	/*width: 10em;*/
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	/*width: 16em;*/ /*was 14.4em; */
	width: 180px;
	/*w\idth: 13.9em;*/
	font-weight: normal;
	border-width: 2px;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	/*width: 15em;*/
	width: 170px;
}

#nav li ul a {
	/*width: 15em;*/
	width: 177px;
	/*w\idth: 9em;*/
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background: #FFCC33; /* hover color for menus - was #eda */
}

/* multi-page components */

* { margin: 0px; padding: 0px; }
body  { font-size: 0.75em; font-family: Verdana, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; background: #F7EFD6 url(/images/bg.gif) repeat-x;
 }

p { margin: 1em 1em; }
h1 { font-size: 1.5em; margin: .5em 0; }
h2 { font-size: 1.3em; margin: .5em 0; }
h3 { font-size: 1.2em; margin: .5em 0; }

img { border: 0px; }

.bold { font-weight: bold; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }

input { border: 1px solid #999; }

a:link { color: #ad0035; background-color: transparent; text-decoration: underline;}
a:visited { color: #4D0017; background-color: transparent; }
a:hover { color: black; background-color: transparent; }

.hidden { display: none; }
.unhidden { display: block; }

.accessibility{overflow:hidden;position:absolute;top:-555px;}

div#container { margin:0 auto; text-align:left; width: 1000px;}

#content { background-color: white; border: 1px solid #996633; padding: 1em 1em 1.5em 1em; vertical-align: top; clear: both; margin: 0px; overflow: hidden; position: relative; 
} /*added overflow:auto 3/19/09, changed to :hidden 1/4/11 */
#content ul { margin-left: 10px; margin-bottom: 10px; }
#content li { margin-left: 25px; margin-right: 40px; padding: 3px; }

.searchinput { padding: 0px; border: 0px; background: #FFFFFF; color: #333333; font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif; }

.piccap { font-style: italic; color: black; text-align: center; font-size: 8pt; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif; vertical-align: top}

li.wcs_bullet { list-style-image: url(/images/wcs_bullet.gif); font-size: 1.3em; }

.artwork { display: block; border: 0px; margin: auto;}

li.nohover li:hover { background-color: #E5A400; }

.tracell { text-align: right; vertical-align: top; }
.tlacell { text-align: left; vertical-align: top; }

/* /arts */
#art tr td { vertical-align: top; }

/* /business_directory */
.busdirectory td { padding: 5px; vertical-align: top;  }
.busdirectory { margin: 5px 0px 5px 0px; }

fieldset.businessdirectory { width: 460px; border: 0px; }
fieldset.businessdirectory input { width: 100%; }
fieldset.businessdirectory .fielddesc { float: left; padding-bottom: 8px; }
fieldset.businessdirectory .caption  { float: right; }

.label { display: block; clear: both; }

label.triFieldOne { clear: left; }
label.triFieldOne, label.triFieldTwo, label.triFieldThree { float: left; margin-right: 10px; width: 75px; }
label.triFieldOne { width: 125px; }

td.busdirmain { background-color: #ddd; border: 1px solid #ccc; }
table.busdirsub td { border: 0px; padding: 0px; }
td.busdirra { text-align: right; padding-right: 4px; }

table#addbusiness td { text-align: left; }
table#addbusiness input { display: block; }
#addbus { width: 400px; margin: 10px auto; padding: 4px; background-color: #ffff99; }

#addbus input { display: block; }
#addbus table tr td { text-align: left; padding-bottom: 5px;}
#addbus table tr td+td { text-align: left; }

/* /ecc */
.leftcol { text-align: right; vertical-align: top; padding-right: 12px;  padding-top: 5px;}

/*#ecc { width: 600px; }
#ecc input, #ecc select, #ecc option, #ecc textarea { filter:alpha(opacity=75);-moz-opacity:.75;opacity:0.75;  }*/

/* /enrollment */
div.enrollment { color: white;  text-align: center; }
div.enrollment table { width: 100%; }

div.enrollment a { font-size: 18px; text-decoration: underline; }
div.enrollment a:link { color: white; text-decoration: underline; }
/*div.enrollment a:vlink { color: white; text-decoration: text-decoration: underline; }*/
div.enrollment a:visited { color: white; text-decoration: underline; }
div.enrollment a:hover { color: white; text-decoration: underline; font-weight: bold;  /* background-color: #BF0039; */ }

/* footer */
#footercontainer { width: 1000px; padding-top: 3px; margin: 0 auto; border: 0px solid black; clear: both; }

#bottommenu { border: 0px solid red; text-align: center;  }
#bottommenu ul { border: 0px solid green; margin: 0 auto;}
#bottommenu ul, #bottommenu ul li { list-style-type:none; }
#bottommenu ul li { display: inline; padding: 0 .3em; }

ul#bottommenu a:link { font-size: 12px; color: black; text-decoration: none; }
/*ul#bottommenu a:vlink { font-size: 12px; color: black; text-decoration: none; }*/
ul#bottommenu a:visited { font-size: 12px; color: black; text-decoration: none; }
ul#bottommenu a:hover { font-size: 12px; color: #990033; text-decoration: underline; }

#footericons { float: left; padding-left: 5px; }
#footericons img { padding: 0px 5px; }
/*#footericons img { opacity: .5; filter: alpha(opacity=50);}*/
/*#footericons img:hover { opacity: 1; filter: alpha(opacity=100); }*/

/* /hs */
.wcs_table table { border: 1px solid #aaa; margin: auto; background-color: #ddd; }
.wcs_table tr { background-color: #eee; }
.wcs_table td { border: 1px solid #fff; }

/* /index.asp */
#pfn p { margin: 0px; padding: 3px; text-indent: 0px;}
#pfn a { color: #fff; }

/* /schoolinfo */
.bussched { margin: 20px; }
.bussched th {text-align: center; }
.bussched tr td { text-align: left; padding-right: 5px; }
.bussched tr td+td { text-align: left; }

/* /stafflist.asp */
#stafflisting { background-color: #ffff99; border-left: 1px solid #ff9933; border-top: 1px solid #ff9933; text-align: center; }
#stafflisting td { padding: 3px; }
#stafflisting td { border-bottom: 1px solid #ff9933; border-right: 1px solid #ff9933; padding: 5px; }
#stafflisting tr:hover { background-color: #ffffcc; }

div#stafflisting2 { margin: 0 auto; /*width: 700px;*/ }

#stafflisting2 table { margin: 0 auto; }
#stafflisting2 th { background-color: #B39136; vertical-align: top; text-align: right; white-space: nowrap; }
#stafflisting2 td { background-color: #E4B945; vertical-align: top; text-align: left; }
#stafflisting2 th, #stafflisting2 td { padding: .75em; }

/*.slhead { text-align: right; vertical-align: top; font-weight: bold; white-space: nowrap; }*/

#individual td { padding: 3px; }
#individual tr:hover { background-color: #eee;  }

/* athletics pages */
.athleticstable th { background-color: #B39136; padding: .75em; }
.athleticstable td { background-color: #E4B945; padding: .75em; }

.sportsimg { float: left; font-weight: bold; text-align: center; padding-bottom: 25px; }
.sportsimg img { display: block; margin: 0em auto; }

/* enrollment/application.asp */

#schoolcb { list-style-type: none; width: 200px; padding-top: 8px;}
#schoolcb li input { margin-right: 5px; }

/* psk pages */
table.tuition { margin: 20px; width: 280px;}
table.tuition th { border-top: 1px solid red; border-bottom: 1px solid red; font-size: 1.1em; background-color: #FFC; padding: 5px 15px 5px 15px; vertical-align: bottom; text-align: center; }
table.tuition td { border-bottom: 1px dashed #aaa; text-align: center; }
table.tuition tr.grey td { background-color: #ddd; }

/* index */

#infobox { float: left; width: 360px; height: 390px; background-image: url(/images/WestviewPowellbannerNOTXT.jpg); } 
#infobox a { color: white; }
#infobox h1 { font-size: 1.25em; color: #c6d8fc; padding-left: 6px; }
#infobox ul { color: #fff; margin: 0px; padding: 0px; }
#infobox ul li { margin: 2px 4px 0px 18px; padding: 0px; }

#infobox2 { float: left; width: 360px; height: 370px; } 
#infobox2 h1 { padding: 0px; margin: 0px;}
#infobox2 p { margin: 0px; padding: 4px; }
#infobox2 a { color: #fff; }

/* weather alert */

#weatheralert { padding: 20px; margin: 20px; background-color: red; text-align: center; font-size: 1.5em; color: white; border: 2px solid #777;}
#weatheralert h1 { padding: 0px; margin: 0px; padding-bottom: 20px;}

/* gale power search bar */
#psx_top {
		width:164px; /*348*/
		height:65px;
		margin:0 auto;
		background-image:url('http://access.gale.com/widgets/psx/picts/bg.gif');
		background-repeat:no-repeat;
		background-color:#050B14;
		
	}
	
	#psx_top p {
		font-size:12px;
		font-family:arial;
		color:#000;
		padding: 10px 0 0 10px;
		margin-top:0;
	}
	
	#psx_bottom {
		width:164px; /*348*/
		background-color:#05497C;
		height:21px;
		margin:0 auto;
		padding: 0px;
	}
	#psx_search {
		display:block;
		float:left;
		width:135px; /*321*/
		margin:1px 0 0 0;
		padding:1px 0 1px 0;
		border: 1px solid #05497C;
		color:#333;
		background-color:#FFF;
		font-size:12px;
		font-family:arial;
	}
	#psx_go {
		display:block;
		float:left;
		width:25px;
		height:19px;
		background:url(http://access.gale.com/widgets/v2/picts/go.gif) no-repeat;
		background-color:#05497C;
		margin:0;
		padding:0;
		border:0;
	}
	
	#psx_go:active {
		background:url(http://access.gale.com/widgets/v2/picts/go2.gif) no-repeat;
	}

/* end gale power search bar */

/* newsticker */


#newscontainer { float: right; }
#newsticker { background-color: #ffff99; font-family: georgia; height: 250px; width: 600px; border: 2px solid #ff9966;  position: static;}

#newsticker h1 { font-weight: bold; font-size: 1.1em; color: #cc3333; padding-left: .5em; }
#newsticker img { padding: 3px; }



div.newsmain { height: 230px; /*overflow-y: auto;*/ overflow: hidden; width: 600px; }


div.newsitem { height: 100%; }
div.readmore { position: absolute; left: 15px; bottom:2px; }

#newscontrol { font-size: 11px; width: 600px; text-align: right; }
#newscontrol a { text-decoration: underline; }
#newscontrol a:hover { color: #000; }


div.newsmain2 { height: 230px; /*overflow-y: auto;*/ overflow: hidden; width: 600px; }

#newsticker2 { background-color: #ffff99; font-family: georgia; height: 250px; width: 600px; border: 2px solid #ff9966;  position: static;}


/*
smooth div scroll

The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}
		#makeMeScrollable
		{
			width:750px;
			height: 200px;
			position: relative;
			
		}
		
		#makeMeScrollable div.scrollableArea *
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
		}


/*


#newscontainer { float: right; }
#newsticker { background-color: #ffff99; font-family: georgia; height: 150px; width: 450px; border: 1px solid red;  position: static;}
#newsticker h1 { font-weight: bold; font-size: 1.1em; color: #cc3333; padding-left: .5em; }
#newsticker img { padding: 3px; }

div.newsmain { height: 130px; overflow-y: auto; }

div.newsitem { height: 100%; }
div.readmore { position: absolute; left: 15px; bottom:2px; }
*/