@import url("dropdowns.css"); 

@import url("dropdowns_ehs.css"); 

@import url("sectionheads.css"); 


body {


background-color:#CCCCCC;
font-size:62.5%;
margin:0px;
padding:0px;
background-image:url(/images/sitewide/site_bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#f9f8f5;
font-family:Arial, Helvetica, sans-serif;


}




p {


font-size:1.2em;
line-height:1.6em;
margin-top:0em;
margin-bottom:1.2em;


}



/* a regular paragraph with an arrow on the left */


.bulletgraph {

background-image:url(/images/sitewide/bulletgraph_arrows.gif);
background-repeat:no-repeat;
background-position:0px 4px;
padding-left:18px;



}




a {


outline:none;

}




#main_content ul, #main_content ol {


font-size:1.2em;
line-height:1.6em;
margin-top:0em;
margin-bottom:1.2em;


}







#main_content a {

color:#860000;


}



#main_content a:hover {

text-decoration:none;

}






h1 {


font-size:1.9em;
margin-top:0em;
margin-bottom:0.8em;
color:#214E74;
text-transform:capitalize;

}




h2 {


font-size:1.6em;
margin-top:0em;
margin-bottom:0.7em;
color:#800000;

}



h3 {


font-size:1.4em;
margin-top:0em;
margin-bottom:0.7em;
color:#800000;

}


h4 {


font-size:1.2em;
margin-top:0em;
margin-bottom:0.7em;
color:#800000;

}



hr {


height:1px;
color:#999;
background-color:#999;
margin:0px;
margin-bottom:13px;
border:none;

}




/* Note -- outerwrapper has three classes applied to it to control header visuals */


#outerwrapper {

margin:0px;
padding:0px;
background-image:url(/images/sitewide/bodyshadow_bg.gif);
background-position:top center;
background-repeat:no-repeat;


}



#innerwrapper {

width:942px;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-color:#fff;
overflow:auto;
background-image:url(/images/sitewide/content_bg.gif);
background-repeat:repeat-y;

}




/* for full width (no side nav) pages such as caledar  Uses same bg image as homepage  */


#innerwrapper_full {

width:942px;
margin:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
background-image:url(/images/homepage/content_bg_home.gif);
background-repeat:repeat-y;
background-color:#FFFFFF;
overflow:auto;


}







#header {


margin:0px;
padding:0px;
height:83px;
background-image:url(/images/sitewide/header_bg.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
position:relative;


}

#header_ehs {


margin:0px;
padding:0px;
height:83px;
background-image:url(/images/sitewide/header_bg_ehs.gif);
background-position:top left;
background-repeat:no-repeat;
background-color:#fff;
position:relative;


}


/* quick links and search are inside header div */


#quicklinks {


position:absolute;
bottom:7px;
right:4px;
z-index:1;
font-size:1.3em;
font-weight:bold;


}



#quicklinks a {


color:#204E74;
text-decoration:none;
margin-left:13px;


}

#quicklinks a:hover {

color:#990000;

}




#search {


position:absolute;
right:4px;
bottom:43px;
z-index:2;

}



#search form {


margin:0px;
padding:0px;

}


#search input {

margin:0px;
padding:0px;

}


#search #srchstr {

width:140px;
font-size:12px;
padding:2px;
border:1px solid #ABABAB;
background-image:url(/images/sitewide/seachfield_bg.gif);
background-position:bottom;
background-repeat:repeat-x;

}



#search #srchbttn {

margin-bottom:-6px;
margin-left:3px;

}




#subhead {


margin:0px;
padding:0px;
height:144px;
background-color:#999999;

}




/* subhead_left or subhead_ehs contains the top nav div */

/* below defines generic left blank header pic */


#subhead_left {

width:596px;
height:144px;
background-image:url(/images/sitewide/sectionheads/sh_left_generic.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
margin:0px;
padding:0px;
background-color:#509DD2;


}


#subhead_ehs {

width:596px;
height:144px;
background-image:url(http://www.enumclaw.wednet.edu/images/sitewide/sectionheads/sh_left_ehs.jpg);
background-repeat:no-repeat;
background-position:top;
float:left;
margin:0px;
padding:0px;
background-color:#509DD2;


}


/* default top nav right side image */



#subhead_right {


width:346px;
height:144px;
float:right;
margin:0px;
padding:0px;
background-image:url(/images/sitewide/kidpics/kidpic_0.jpg);
background-position:right;
background-repeat:no-repeat;
background-color:#fff;


}






#main_content {


float:right;
width:701px;
position:relative;
padding:18px 12px 12px 0px;



}




/* main content area for full width (no side nav) pages such as calendar Uses same bg images as homepage and just shows the banner shadow */


#main_content_full {


padding:18px 18px 0px 18px;
background-image:url(/images/homepage/topleft_shadow.gif);
background-position:2px 0px;
background-repeat:no-repeat;
position:relative;

}








/* bread crumb goes inside main content div */



#breadcrumb {

position:absolute;
top:-66px;
left:-213px;
color:#fff;
font-size:1.2em;
width:590px;
z-index:1;

}



#breadcrumb a {

color:#fff;
text-decoration:none;

}



#breadcrumb a:hover {

text-decoration:underline;

}



.breadcrumb_arrow {

margin:0px 2px 0px 2px;

}





#sidenav {



float:left;
width:214px;
padding-top:42px;
background-image:url(/images/sitewide/sidenav_shadow.gif);
background-position:top right;
background-repeat:no-repeat;


}




#sidenav_inside {


width:181px;
margin:0px;
margin-left:10px;
margin-bottom:10px;
padding:0px;
padding-bottom:68px;
background-image:url(/images/sitewide/sidenav_footer_bg.gif);
background-position:bottom;
background-repeat:no-repeat;


}




#sidenav_inside ul {

margin:0px;
padding:0px;
list-style-type:none;
font-size:1.2em;


}




#sidenav_inside li {

margin:0px;
padding:0px;
border-bottom:1px dotted #A8C0D5;

}



#sidenav_inside a {

text-decoration:none;
padding:7px;
padding-left:10px;
padding-right:2px;
display:block;
color:#14415A;
font-weight:bold;
letter-spacing:0.06em;

}
#sidenav_inside a_ehs {

text-decoration:none;
padding:7px;
padding-left:10px;
padding-right:2px;
display:block;
color:#660000;
font-weight:bold;
letter-spacing:0.06em;

}






#sidenav_inside a:hover {

background-image:url(/images/sitewide/sidenavlink_arrow_hover.gif);
background-repeat:no-repeat;
background-position:left center;
background-color:#DFF0FF;
color:#000000;


}





#sidenav_inside a.selected {

background-image:url(/images/sitewide/sidenavlink_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
color:#72141B;

}



/* The below id is no longer needed beacuse of Offspring

#sidenav_inside li#lastlink {

border-bottom:none;

}

 */


/* below is a class using Offspring javascript so as not to need lastlink class */

#sidenav_inside ul li.last-child {

border-bottom:none;

}







/* sub sub nav items */


#sidenav_inside li ul {

display:none;
font-size:0.9em;
margin-bottom:8px;

}



#sidenav_inside li ul.showme {

display:block;

}


#sidenav_inside li ul li {

border-bottom:none;
margin-left:8px;

}


#sidenav_inside li ul li a {


padding:2px 2px 2px 7px;
font-weight:normal;
letter-spacing:0.02em;

}


#sidenav_inside a.subselected {

background-image:url(/images/sitewide/sublink_arrow.gif);
background-repeat:no-repeat;
background-position:left center;
color:#72141B;

}


/* end sub sub nav items */




#footer {


color:#fff;
font-size:1.1em;
margin:0px;
padding:13px;
padding-top:10px;
padding-left:20px;
background-image:url(/images/sitewide/footer_bg.gif);
background-position:bottom;
background-repeat:no-repeat;
clear:both;

}



#footer p {

font-size:1.1em;
margin:0px;


}



#footer p.address {

font-size:1.0em;

}





#footer a {


color:#fff;
text-decoration:none;
padding-right:7px;
margin-right:7px;
border-right:1px dashed #CCCCCC;

}


#footer a:hover {

text-decoration:underline;

}


#footer_reflect  {

width:942px;
margin-left:auto;
margin-right:auto;
height:24px;
background-image:url(/images/sitewide/footer_bg_reflect.png);
background-position:top;
background-repeat:no-repeat;


}






/* INTERNAL SYLES */





/* TABLE LOCK DOWN */


table {

text-align:left;
border-collapse:collapse;
font-size:1.2em;
margin-bottom:1.2em;

}


td, th {

border:1px solid #255C88;
padding:6px;
text-align:left;
vertical-align:top;

}


th {

font-size:1.2em;
color:#214E74;
background-image:url(/images/sitewide/tablehead_bg.jpg);
background-position:bottom;
background-repeat:repeat-x;



}


td p, th p {


font-size:1.0em;
line-height:1.4em;
margin-top:0em;
margin-bottom:0em;

}



td h2 {


font-size:1.3em;

}


td h3 {


font-size:1.2em;

}



td h4 {


font-size:1.0em;

}



#main_content td ul {


font-size:1.0em;
line-height:1.4em;
margin:0.0em;
margin-left:-1.4em;

}



table.invisible_table td, 
table.invisible_table th 


{
	
	
	border:none;



}



table.invisible_table label  {
	
	
	font-size:12px;

}









/* expands table to width of text area */

.fullwidth {

width:99%;


}



table caption {

font-size:15px;
font-weight:bold;
text-align:left;
color:#800000;
padding-bottom:10px;

}




/* special table class - altcolors - for colored odd table rows using Offspring  */


table.altcolors tr.nth-child-odd {

background-color:#FCFBDF;


}



/*calendar table */



table.staticcalendar th {

width:20%;


}




table.staticcalendar td em {


display:block;
margin-bottom:12px;
text-align:right;
font-size:13px;
color:#000066;
font-style:normal;
font-weight:bold;

}







/* END TABLE LOCK DOWN */





.margin_collapes {

margin-bottom:0em;

}



.left_column {

float:left;
width:334px;
margin-right:13px;
margin-bottom:10px;

}



.right_column {

float:right;
width:334px;
margin-left:13px;
margin-bottom:10px;

}



.image_left {


float:left;
margin:0px;
margin-right:10px;


}




.image_right {


float:right;
margin:0px;
margin-left:10px;


}



.featurecontent {


background-image:url(/images/sitewide/featurecontent_bg_yellow.jpg);
background-position:bottom right;
background-repeat:no-repeat;
padding:12px 20px 4px 12px;
margin:0px;
margin-right:-11px;
margin-bottom:1.2em;


}




a#familyaccess {

display:block;
width:270px;
height:93px;
padding:0px;
margin:0px;
font-size:1px;
color:#fff;
margin-bottom:16px;
text-decoration:none;
background-image:url(/families/familyaccess/images/familyaccesslink_bg.png);
background-position:0px -1px;
background-repeat:no-repeat;
cursor:pointer;
}



a#familyaccess:hover {


background-position:0px -96px;

}




a.internaltopanchor {

margin-right:14px;


}





/* universal clear class for anything after the floating left and right internal columns */


.clear {

clear:both;


}






/* jquery accordion panels css */



.accordion {

margin-top:20px;

}


.accordion h3 {
	
	cursor: pointer;
	padding-top:8px;
	border-top:1px dotted #CCCCCC;
}


.accordion h3:hover {
	color:#003399;
	
	
}
.accordion h3.active {

color:#003399;

}









/* invisible homepage link on header logo */


a#headerhomelink {

display:block;
width:200px;
height:80px;
position:absolute;
top:0px;
left:0px;
z-index:20;

}





/* district logo for print style sheet */

#printlogoholder {

display:none;

}