* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 border-top:10px solid #0860a8;
  background:#fff url(http://www.elhsaa.com/images/bg_branding.jpg) repeat-x 0 5px;}
  
a{text-decoration:none;color:#0860a8;}

ul.schedule {
	list-style-type: square;
	list-style-image: inherit;
	list-style-position: inside;
	padding-top:5px;
}

#wrapper { 
 margin: 0 auto;
 width: 900px;
 

}
#header {
 color: #333;
 width: 900px;
 float: left;
 padding: 10px;
 
 height: 120px;
 margin: 0px 0px 0px 0px;
 
}



#nav2 {
 color: #333;
 width: 900px;
 float:left;
 padding: 0px 0px 0px 0px;
 background:url(../global/nav.png) no-repeat 0 0px;

 height: 40px;
 margin: 0px 0px 0px 0px;
 
}



/* menu */
#nav { width: 894px; height: 49px; margin: 10px 0px 10px 0px; position: relative; z-index: 2; overflow:visible; }

#nav #globalnav { margin: 0px 0px 0px 0px; padding: 0px; display:block }
#nav #globalnav li { display: inline; }
#nav #globalnav li a { float:left; width: 144px; height: 0; padding-top:49px; overflow:hidden; }
#nav #globalnav li a.last { float:left; width: 174px; height: 0; padding-top:49px; overflow:hidden; }
#nav #globalnav li a,
#nav #globalnav { background-image: url(../global/nav.png); _background-image: url(../global/nav.gif); background-repeat: no-repeat; }

/* BUTTONS */
#nav #globalnav li#home a { background-position: 0 0; }
#nav #globalnav li#classpages a { background-position: -144px 0; }
#nav #globalnav li#membership a { background-position: -288px 0; }
#nav #globalnav li#photos a { background-position: -432px 0; }
#nav #globalnav li#messageboard a { background-position: -576px 0; }
#nav #globalnav li#contact a { background-position: -720px 0; }


/* OVER STATES */
#nav #globalnav li#home a:hover { background-position: 0 -49px; }
#nav #globalnav li#classpages a:hover { background-position: -144px -49px; }
#nav #globalnav li#membership a:hover { background-position: -288px -49px; }
#nav #globalnav li#photos a:hover { background-position: -432px -49px; }
#nav #globalnav li#messageboard a:hover { background-position: -576px -49px; }
#nav #globalnav li#contact a:hover { background-position: -720px -49px; }










#branding{
height:100px;
background:url(../global/elhscres.png) no-repeat 0 0px;
}
#search form
{
position:absolute;
right:100px;
top:3.2em;
right:10px;
z-index:99;
}













#leftcolumn { 
 color: #333;
 
 
 margin: 0px 0px 0px 0px;
 padding: 20px 5px 10px 5px;
/* height: 350px; */
 width: 600px;
 float: left;
}

#main-content {
position:relative;
float:left;
padding:10px 5px 10px 5px;
width:98%;
}


#membership-content {
position:relative;
float:left;
padding:10px 5px 10px 5px;
width:98%;
 background:#fff url(http://www.elhsaa.com/global/sub_background.gif) repeat-x 0 5px;
}

/*
#main-content .photostriple{background:url(../global/bg_photos_btm.png) 0 100% no-repeat;_height:1%;margin-left:0px;}
#main-content .photostriple ul{background:url(../global/bg_photos_top.png) no-repeat;overflow:hidden;_height:1%;}
#main-content .photostriple li{float:left;width:200px;}
 #main-content .photostriple li#l1two{margin-left:200px;width:200px}
#main-content .photostriple li#litwo {margin-left:200px;width:200px}
#main-content .photostriple li#lithree {margin-left:400px;width:200px}
#main-content .photostriple li p{color:#666;font-size:95%;line-height:1.3;margin:0 25px 30px;text-align:center;}





/ 
.column { float: left; }
.grid3col { width: 100%; }





.grid3col .column { width: 32%; margin-left: 2%; }
.column.first, .column.last { margin-left: 0 !important; }
.column.last { float: right !important; }



*/




 

/* GRID */

.grid3col { 
width: 100%; 
background-image:url(../global/3colnews.png);
background-repeat: no-repeat;
margin:0;
padding:0px;
height:205px;
 
}

.grid3col .column { 
width: 30%; 
margin-left: 2%;
padding-left:10px;
padding-top:10px; 
}

.column { float: left; }
.column.first, .column.last { margin-left: 0 !important;
padding-left:10px;
padding-top:10px;
 }

.column.last { float: right !important;
padding-left:10px;
padding-top:10px;
padding-right:10px;
 }











#rightcolumn { 
 float: right;
 color: #333;


 margin: 0px 0px 0px 0px;
 padding: 0px;
/*height: 350px; */
 width: 268px;
 display: inline;
}


#content-sub                           {width:260px;float:right;}
#content-sub h3                        {font-size:1.2em;color:#999;border-bottom:1px solid #999;margin:1em 0 .5em;}
#content-sub h3 a                      {color:#999;background:url(http://www.elhsaa.com/images/icons/rss_small.jpg) no-repeat right center;
                                        line-height:1.6;padding:.3em 28px .3em 0;}
#content-sub h2                        {font-size:1.3em;margin:10px 0 0 0;}


#social-networks                           {width:260px;float:right;}
#social-networks h3                        {font-size:1.2em;color:#999;border-bottom:1px solid #999;margin:1em 0 .5em;}
#social-networks h3 a                      {color:#999;background:url(http://www.elhsaa.com/images/icons/rss_small.jpg) no-repeat right center;
                                        line-height:1.6;padding:.3em 28px .3em 0;}
#social-networks h2                        {font-size:1.3em;margin:10px 0 0 0;}




#upcoming-events                          {width:260px;float:right;}
#upcoming-events h3                        {font-size:1.2em;color:#999;border-bottom:1px solid #999;margin:1em 0 .5em;}
#upcoming-events h3 a                      {color:#999;background:url(http://www.elhsaa.com/images/icons/rss_small.jpg) no-repeat right center;
                                        line-height:1.6;padding:.3em 28px .3em 0;}
#upcoming-events h2                        {font-size:1.3em;margin:10px 0 0 0;}
/*#footer { 
 width: 900px;
 clear: both;
 color: #333;
 border: 1px solid #ccc;
 background: #BD9C8C;
 margin: 0px 0px 10px 0px;
 padding: 10px;
}
*/
#footer{
background:url(http://www.elhsaa.com/images/footer.gif) top left repeat-x;
clear:both;
color:#666;
font-size:85%;
height:70px;
text-align:center;
width:100%;
padding:30px 0 0;
}




#classesindex a{border:1px solid #ccc;color:#036;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:.9em;line-height:2.2em;text-decoration:none;text-transform:uppercase;padding:2px 5px; overflow:visible;}
#classof {width:98%; padding:10px;font-family:Verdana, Arial, Helvetica, sans-serif;}
.maintext {width:100%; padding:10px;border-top:1px solid #ccc;color:#036;font-family:Verdana, Arial, Helvetica, sans-serif;}