/* ****West Harvey-Dixmoor School District #147 Style Sheet Created By: Stacey Collins - Sugar Webs**** */

/* ###### UNDO STYLINGS IN ALL BROWSERS ###### */

a:link,a:visited { text-decoration:none; }

ul,ol { list-style:none; }

h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dd, dt
{ margin:0; padding:0; }

a img,:link img,:visited img { border:none; }

/* ######  End Undo Stylings ###### */


/******* structure and layout *******/
body {
	font-family:Arial, Helvetica, sans-serif; 
	background:#CCCCCC;
	color:#333333;
	margin-top:10px;
	margin-bottom:10px;
}
* html body{/* hide ie/mac \*/text-align:center;/* end hide */} /*IE HACK TO CENTER DESIGN*/

#wrapper{width:780px;margin:0px auto 0px auto;border-left:1px #999999 solid;border-bottom:2px #666666 solid;border-right:2px #666666 solid;background:#FFFFFF;}
* html div#wrapper{/* hide ie/mac \*/margin: 0 auto;/* end hide */}/*IE6 HACK TO CENTER DESIGN*/

#header{background:url(img/header.jpg) no-repeat top left #FFFFFF;width:780px;height:172px;margin:0;padding:0;}
#slideshow{width:377px;height:172px;float:left;clear:both;}

a:link, a:visited{background:transparent;color:#003300;text-decoration:underline;}
a:hover,a:active,a:focus{color:#3399cc;background:transparent;text-decoration:none;}

#headerNav{padding:7px;text-align:right;float:right;clear:none;z-index:5;font-size:12px;color:#FFFFFF;background:transparent;font-weight:bold;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#headerNav a{color:#FFFFFF;background:transparent;font-weight:bold;text-decoration:none;}

#links{width:218px;height:180px;background:#FFFFFF;float:left;clear:none;text-align:left;font-size:11px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#links a{
	display:block;
	padding-left:33px;
  	font-weight: bold;
  	line-height: 30px; /* height of icon */
  	color:#003300;
  	background:inherit;
  	text-decoration:none;
}
#links a:link, #links a:visited{color:#003300;background:inherit;}
#links .link0 a:hover, #links .link0 a:active, #links .link0 a:focus{color:#FFCC00;background:url(img/link0-2.jpg);}
#links .link0{background:url(img/link0.jpg) top left no-repeat #FFFFFF;}

#today{font-size:11px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;color:#333333;float:right;clear:none;text-align:right;background:transparent;margin-right:15px;}
#mission{height:180px;width:556px;background:url(img/whd.jpg) no-repeat center center #EDEDED;float:right;text-align:left;clear:none;}
#mission h1{font-size:16px;color:#003300;margin:15px 0px 10px 20px;border-bottom:0;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#mission p{font-size:15px;margin:20px 20px 0px 20px;font-style:italic;font-family:'trebuchet ms',verdana,helvetica,sans-serif;} 

#schools{background:url(img/mid_back.jpg) top left repeat-x #003300;border-top:2px solid #003300;border-bottom:2px solid #FFFFFF;height:110px;width:780px;float:left;clear:both;}
#schools h1{font-size:16px;color:#FFFFFF;margin:0px 0px 5px 3px;text-align:left;font-family:'trebuchet ms',verdana,helvetica,sans-serif;border-bottom:0;}
#schools table{width:770px;text-align:center;height:100px;}
#schools table td{vertical-align:top;width:190px;height:100px;}
#schools table td a img:hover, #sidebar #nav img:hover{
/* for IE */
  filter:alpha(opacity=60);
/* CSS3 standard */
  opacity:0.6;
 }
#sidebar #nav{text-align:center;}

#sidebar{margin:5px 0px 5px 3px;float:left;clear:none;background:#FFFFFF;color:#333333;width:200px;text-align:left;font-size:12px;}
#sidebar h1{text-align:left;font-size:14px;color:#003300;background:transparent;border-bottom:1px solid #003300;margin:0px 0px 0px 0px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#sidebar h2{text-align:left;font-size:12px;color:#003300;background:transparent;margin:0px 0px 0px 0px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#sidebar h3{text-align:left;font-size:10px;color:#333333;background:transparent;margin:0px 0px 0px 0px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#sidebar p{text-align:left;font-size:10px;margin:5px 0px 5px 0px;}

#content{border-left:1px solid #CCCCCC;background:#FFFFFF;color:#333333;width:575px;float:right;clear:none;margin:5px 0px 5px 0px;padding-bottom:10px;text-align:left;}
#contentNoSide{width:770px;background:#FFFFFF;color:#333333;margin:5px 0px 5px 0px;padding-bottom:10px;text-align:left;}
h1, #content h1, #contentNoSide h1{text-align:left;font-size:16px;color:#003300;background:transparent;margin:0px 5px 10px 3px;border-bottom:1px solid #003300;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
h2, #content h2, #contentNoSide h2{text-align:left;font-size:14px;color:#003300;background:transparent;margin:0px 5px 0px 12px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
h3, #content h3, #contentNoSide h3{text-align:left;font-size:12px;color:#333333;background:transparent;font-weight:bold;margin:0px 5px 0px 12px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}

#content p, #contentNoSide p{text-align:left;font-size:12px;margin:10px 15px 0px 15px;line-height:1.5em;}

#content a:link, #content a:visited, #contentNoSide a:link, #contentNoSide a:visited{background:transparent;color:#003300; font-weight:bold; text-decoration:underline;}
#content a:hover, #content a:active, #content a:focus, #contentNoSide a:hover, #contentNoSide a:active, #contentNoSide a:focus{background:transparent;text-decoration:none; font-weight:bold; color:#FFCC00;}

#contentNoSide ol.alpha li, #content ol.alpha li{list-style-type:lower-alpha;font-size:12px;line-height:1.5em;}
#contentNoSide ol.num li, #content ol.num li{list-style-type:decimal;font-size:12px;line-height:1.5em;}
#contentNoSide ul.list li, #content ul.list li{list-style-type:circle;font-size:12px;line-height:1.5em;}
#contentNoSide ol, #contentNoSide ul, #content ol, #content ul{margin:10px 75px 10px 75px;}
#contentNoSide div.highlight#rightFloat{float:right;clear:none;margin:5px 0px 10px 10px;width:200px;padding:3px;border:1px solid #FFCC00;}

#rightFloat p{font-size:11px;margin:3px;}
#rightFloat h2{font-size:12px;margin:0;}

#address{clear:both;font-size:10px;width:774px;background-color:#003300;color:#FFFFFF;padding:5px 3px 5px 3px;border-top:2px solid #FFCC00;text-align:center;}

#copy{clear:both;font-size:10px;padding:3px;text-align:center;}

/* ******TABLES****** */
#sidebar li{padding-left:20px;margin-left:10px;line-height:20px;font-size:12px;}
#sidebar ul.arch li{background:url(img/icons/compress.png) no-repeat center left;color:inherit;}
#sidebar ul.page li{background:url(img/icons/page_white_text.png) no-repeat top left #FFFFFF;color:inherit;}
#sidebar ul.page li:hover{background:url(img/icons/page_white_star.png) no-repeat top left #FFFFFF;color:inherit;}
#sidebar ul.page li#now,#sidebar ul.arch li#now{background:url(img/icons/page_white_star.png) no-repeat top left #efefef;color:inherit;}
#sidebar ul.page li#now a,#sidebar ul.arch li#now a{text-decoration:none;color:#3399CC;background-color:#efefef;}
table#admin, table#admin2{border:1px outset #efefef;}
#admin td, #admin2 td{font-size:12px;}
#admin td.indent, #admin2 td.indent{padding-left:15px;}
#admin td, #admin2 td{border-bottom:1px solid #ffffff;}
table th{font-weight:bold;font-size:12px;}
table.listContent{width:530px;}
.listContent td{font-size:12px;}

ul.list{margin:0;font-size:12px;}
/******* Misc. Styles *******/
.right{text-align:right;}
.left{text-align:left;}
.center{text-align:center;}
b{font-weight:bold;}
u{text-decoration:underline;}
i{font-style:italic;}
em{font-weight:bold;font-style:italic;}
.clear{clear:both;}
.hr{border-top:1px solid #CCCCCC;}
.indent{margin-left:75px;}
.highlight{background:#FFFFCC;color:inherit;padding-right:2px;padding-left:2px;}
.alt{background:#FFFFCC;color:inherit;}
.pdf{background:url(img/icons/acrobat.png) no-repeat center left transparent;color:inherit;padding-left:20px;}