/* ****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;}

#board_header{background:url(img/board.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#business_header{background:url(img/business.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#calendar_header{background:url(img/calendar.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#contact_header{background:url(img/contact.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#emergency_header{background:url(img/emergency.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#foodService_header{background:url(img/foodservice.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#parent_header{background:url(img/parents.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#registration_header{background:url(img/registration.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#schools_header{background:url(img/schools.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#sitemap_header{background:url(img/sitemap.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#specialEd_header{background:url(img/specialed.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#student_header{background:url(img/students.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}
#super_header{background:url(img/superintendent.jpg) no-repeat top left #FFFFFF;width:780px; height:172px;}

a:link, a:visited{background:transparent;color:#0033CC;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:#0033CC;
  	background:inherit;
  	text-decoration:none;
}
#links a:link, #links a:visited{color:#0033CC;background:inherit;}
#links .link0 a:hover, #links .link0 a:active, #links .link0 a:focus{color:#0033CC;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:#0033CC;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 #0033CC;border-top:2px solid #000066;border-bottom:2px solid #FFFFFF;height:140px;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{
/* for IE */
  filter:alpha(opacity=60);
/* CSS3 standard */
  opacity:0.6;
 }

#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:#0033CC;background:transparent;border-bottom:1px solid #0033CC;margin:0px 0px 0px 0px;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
#sidebar h2{text-align:left;font-size:12px;color:#0033CC;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:555px;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:#0033CC;background:transparent;margin:0px 5px 10px 3px;border-bottom:1px solid #0033CC;font-family:'trebuchet ms',verdana,helvetica,sans-serif;}
h2, #content h2, #contentNoSide h2{text-align:left;font-size:14px;color:#0033CC;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:#0033CC; 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:#3399cc;}

#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 #0033cc;}

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

#address{clear:both;font-size:10px;width:774px;background-color:#000066;color:#FFFFFF;padding:5px 3px 5px 3px;border-top:2px solid #0033CC;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#board{width:530px;border:1px outset #efefef;}
table th{font-weight:bold;font-size:12px;}
#board td{font-size:12px;width:33%;}
table#admin{width:750px;border:1px outset #efefef;}
#admin td{font-size:12px;}
#admin td.indent{padding-left:15px;}
#admin td{border-bottom:1px solid #ffffff;}
table.listContent{width:530px;}
.listContent td{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:#e8efff;color:inherit;}
.pdf{background:url(img/icons/acrobat.png) no-repeat center left transparent;color:inherit;padding-left:20px;}