@charset "utf-8";
/* CSS Document */

*
{
padding:0;
margin:0;
}


body
{
text-align:center;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#333333;
background:#ebebeb url(../images/bg-body.jpg) repeat-x left top;
padding-top:20px;
padding-bottom:20px;
}


.wrapper /* width:804px; */
{
text-align:left;
margin:0 auto;
width:804px;
background:#5e5e5e url(../images/bg-wrapper.jpg) repeat-x left top;

padding:7px;
width:790px;


}

#content {background-color:#FFFFFF; width:100%; float:left;}


#maincontent {
padding:15px 37px;
padding-bottom:50px;
padding-top:20px;
float:left;
}


#home #maincontent  {
padding:7px;
}

/* for safari */
#home #maincontent { width:776px;}
/* end: for safari */

input.input
{
border:1px solid #666;
color:#999999;
font-size:11px;

padding:0 3px;
width:150px;
height:18px;
padding-top:2px;
height:16px;
}

h1, h2, h3, h4, h5 {margin-top:3px; color:#d00000;}

h1
{
font-size:16px;
margin-bottom:0.8em;
font-weight:bold;
color:#d00000;

}

h2
{
font-size:14px;
margin-bottom:0.8em;
}

h3
{
font-size:14px;
margin-bottom:0.8em;
color:#333333;
}


h4{font-size:11px; font-weight:bold; margin-bottom:2em; color:#ffffff; background-color:#d80000;text-transform:uppercase;
padding:5px 7px; line-height:20px;
}

h5{font-size:12px; margin-bottom:10px; color:#333333; font-weight:bold;}








p {line-height:1.5em; color:#333333; margin-bottom:1.5em;}
p.intro {color:#393939; margin-bottom:1em; font-size:16px; line-height:normal;}

p.lighter, .lighter, #maincontent p.lighter {color:#999999;}
a {color:#d80000;}
p a {}
a:hover {text-decoration:none; }

/* ----------------------------- lists  -----------------------*/

#maincontent ul {margin-left:25px; margin-bottom:1em;}

#maincontent ul li {padding:4px 0;}

#maincontent ul li
{
line-height:1.4em;
font-size:1em;
list-style:none;
background:url(../images/blt-arrow.gif)  no-repeat left 10px;

padding-left:10px;
}

#maincontent ul.quicklinks {margin-left:10px;}
#maincontent ul.quicklinks li {padding:0; padding-left:10px; background-position:left 5px;}

/* NOBULLET */

#maincontent ul.nobullet {list-style:none; }
#maincontent ul.nobullet li {background-image:none; padding-left:0;}

/* end: lists */


/* -------------------------------- header height:80px; ----------------------  */

#header
{
clear:both;
border-top:1px solid #5c5c5c;
background:url(../images/bg-header.jpg) repeat-x top left;

padding:0;

height:93px;

float:left;
width:100%;
margin-top:1px;
/*margin-bottom:3px;*/
}



#logo, #logo2
{
padding:0; line-height:normal;
position:relative;
/*top:25px;*/
top:0;
width:188px;
height:35px;
overflow:hidden;
float:left;
margin-top:30px;

margin-left:32px;
outline:none;


}

#logo span, #logo2 span
{

overflow:hidden;
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
text-indent:-9999px;
background:url(../images/wagoner-public-school-logo.jpg) no-repeat top left;
cursor:pointer;
display:block;
}

#logo2 {float:right; width:292px; height:80px; margin-right:20px; margin-top:8px; }
#logo2 span {background-image:url(../images/home-of-the-bulldogs-logo.jpg);}


/* end: header */



/* ------------------------------ main navigation --------------------  */
ul#mainnav
{
height:40px;
padding-right:0;
float:left;
width:100%;
background:url(../images/bg-mainnav.jpg) repeat-x top left; 
}

ul#mainnav li
{
list-style:none;
float:left;
padding:0;


}




ul#mainnav li a
{
font-size:12px;

color:#ffffff;
display:block;
line-height:40px;
text-decoration:none;
padding:0 12px 0 13px;
outline:none;
}



/*ul#mainnav li a.active {color:#ff0000;}*/
ul#mainnav li.active a, ul#mainnav li a:hover {
background:url(../images/bg-mainnav-on.jpg) repeat-x top left;
} 


/* end: main navigation */

/* ----------------------- subnavigation ---------------------- */

ul#subnav
{
padding-right:0;
clear:both;
float:left;
width:100%;
background:#c60000;
padding-top:10px;
padding-bottom:10px;

padding-bottom:7px;
/*height:40px;*/

}

ul#subnav li
{
margin-top:-3px;
list-style:none;
float:left;
padding:0;

}




ul#subnav li a
{

font-weight:bold;
font-size:11px;
color:#ffffff;
display:block;
line-height:22px;

text-decoration:none;
padding:0 12px;
outline:none;
}



ul#subnav li.active a, ul#subnav li a:hover {
text-decoration:underline;
} 
/* end: sub navigation */

/* ---------------------------- homepage additional styles -----------------------------------*/

div.homecol
{
float:right; 
width:370px;
width:370px;
padding-top:25px;

}


/* ---------------------------- footer-----------------------------------*/
#footer
{

clear:both;
float:left;
width:100%;

color:#ffffff;
font-weight:bold;
font-size:10px;
text-transform:uppercase;
padding:10px 0 4px 0;




}

ul#footernav 
{
list-style:none;

float:left;
width:330px;padding:0; margin:0;

}

ul#footernav li
{
display:inline;
padding:0; margin:0;
}


ul#footernav li a {
color:#ffffff;
text-decoration:none;
padding:0 10px;
line-height:16px;


}

ul#footernav li a:hover, ul#footernav li a.active {text-decoration:underline;}


#footer .side
{

float:right;
width:400px;
text-align:right;
padding-right:10px;
}

#footer .side p{color:#ffffff;line-height:16px;padding:0; margin:0;}
#footer .side p.copy{}
#footer .side p a {color:#ffffff; text-decoration:underline;}
#footer .side p a:hover{text-decoration:none;}

#footer .side span.lighter {color:#888;}
#footer .side span.lighter a {color:#888; text-decoration:none;}
#footer .side span.lighter a:hover {text-decoration:underline;}
/* end: footer */





/* ----------------------- TABLES ---------------------------  */

table.table
{
border-color: #444444;
border-width: 0 0 1px 1px;
border-style: solid;
}
	
table.table th {text-align:center;}

table.table td, table.table th
{
border-color: #444444;
border-width: 1px 1px 0 0;
border-style: solid;
margin: 0;
padding: 4px;
vertical-align:top;

}


/* END: TABLES */

/* ----------------------------------- calendar --------------------------- */

div#calendar 
{

clear:both;
font-size:11px;
width:100%; 
}

ul#calendarheader {clear:both; background:#bc0000 url(../images/bg-cal-header.gif) repeat-x left top; height:44px; text-align:center; width:100%; float:left; display:inline;  padding-bottom:0; overflow:hidden;}
ul#calendarheader li {display:inline; float:left; }
ul#calendarheader li.month { text-align:center; width:710px; padding-top:4px;}
ul#calendarheader li.month span.month {}
ul#calendarheader li.prev {text-align:left;}
ul#calendarheader li.next {float:right;}


ul#calendarheader li h5, ul#calendarheader li h4 {margin:0; padding:0; line-height:normal; font-size:10px; color:#fff; font-weight:normal; background:none; }

ul#calendarheader li h5 {padding-top:3px;}
ul#calendarheader li h4 {font-size:15px; font-weight:bold; }



table.calendar  {width:100%; clear:both;}

table.calendar a {color:#fff;}

table.calendar th
{
background:#3c3c3c url(../images/bg-calendar-th.gif) repeat-x top left;
color:#b6b6b6;
font-size:10px; 
font-weight:bold;
line-height:25px;
padding:0;

text-transform:uppercase;
border-bottom:1px solid #2b2b2b;
}

table.calendar tr {
background:#3f3f3f url(../images/bg-calendar-td.png) repeat-x top left;}

table.calendar td
{
padding:7px 5px 5px 5px;
width:14%;
height:100px;
}
table.calendar td.hasevent
{

background:url(../images/bg-cal-hasevent.png) no-repeat right top;

}


table.calendar td span.date {color:#fff; font-size:11px; font-weight:bold;}
/*  end: calendar */

/*  ------------------------- general ----------------------------------------- */

.clear{clear:both;}



img
{
border:none;
}

.imgleft {margin-right:20px;}
.imgleft {margin-left:20px;}

#topimg {margin-bottom:25px;}

.fltl {float:left;}
.fltr {float:right;}


p.indented
{
text-indent:40px;
}

p.larger
{
font-size:14px;
}

p.nomargin
{
margin:0;
}



.smaller {font-size:11px;}
p.smaller{line-height:20px;}
.normalweight,  .normalweight a {font-weight:normal;}

#maincontent p.darker, .darker {color:#333333;}

/*----------------- weather widget ----------------- */
#home #maincontent {position:relative;}

#weather-widget
{
position:absolute; bottom:7px; right:7px;
}