body { margin: 0; padding: 0; text-align: center; font-family: Tahoma, Geneva,sans-serif; background-color: #666; font-size: small; 

background-color: #eff1f6;
background-image:url('/design/bg.gif');
background-repeat:repeat-x;
}

h1 { margin: 0 0 10px 0; padding: 0; font-size: large; font-weight: bold; }
h2 { margin: 0 0 10px 0; padding: 0; font-size: medium; font-weight: bold; }
p { margin: 0; padding: 0 0 10px 0; }

div#wrapper { width: 960px; margin: 20px auto;      padding: 0; text-align: left; background-color: #fff;}

div#header        { width: 100%; background-color: #fff; margin: 0 0 20px 0;  }
div#header_logo   { float: left; width: 180px; text-align: center; padding: 15px 0 10px 0; }

div#header_logo img { border-style: none; }
div#header_smhs   { float: left; width: 780px; background-color: #fff; }
div#header_enter  { float: left; width: 780px; background-color: #045089;  }
div#header_nav    { float: right; width: 760px; background-color: #045089; text-align: right; padding: 0 20px 10px 0; }
div#header_nav ul    { list-style: none; margin: 0; padding: 0; }
div#header_nav ul li { display: inline; margin: 0; padding: 0; padding: 0 10px; }
div#header_nav ul li a { color: #fff; text-decoration: none; font-weight: bold; }
div#header_nav ul li a:hover { color: #eff1f6; text-decoration: underline; }



div#main    { width: 740px; margin: 0 0 0 180px; padding: 0 20px 0px 20px;  background-color: #045089; }

div#sidebar { 
   width: 200px; 
   float: right;
   margin: 30px 10px 0 0; 
   padding: 10px; 
   /* border: 1px dotted #666; */
   /* background-color: #ddd; */
}


div#search_box { margin: 0; padding: 10px 0 5px 10px; 

/* float: left; clear: both; */

}

div#crumb { padding: 140px 0 10px 0px; font-size: x-small; }
div#crumb a { color: #8491b8; text-decoration: none; }
div#crumb a:visited { color: #8491b8; }


div#footer  { width: 100%; clear: both; margin: 0; padding: 20px; padding: 10px 0 20px 195px; font-size: 14px; font-weight: bold; color: #045089;}

span.search_term { background-color: yellow; }
p.search_words { font-weight: bold; font-size: x-small; }

div#ticker { width: 780px; margin: 0 0 0 180px; }
div#ticker a, div#ticker a:hover, div#ticker a:visited  { color: #ec921d; text-decoration: none;  }

marquee { 
   letter-spacing: 2px; 
   font-size: 16px; font-family: courier; 
   color: #ec921d; background-color: #000; 
   font-weight: bold; 
   padding: 5px 0px;
   margin: 0;
   width: 100%;

}


ul#list_of_children { margin: 0 0 0 20px; padding: 0 }
ul#list_of_children li { padding-bottom: 5px }

.headshot { float: right; margin: 0 0 10px 10px; }
hr { border-top: 1px dotted #666; margin: 10px 0 20px 0; }


/* NAV */
div#wrapper_left { float: left; width: 180px; clear: both;  }
div#nav     { 
	border-bottom: 1px solid #fff;
	margin: 0; padding: 0px; 
	font-size: 13px;
	background-color: #8491b8;
}

#nav a { display: block; width: 100%; text-decoration: none; font-weight: bold; margin: 0; padding: 5px 0; color: #fff; }
#nav a:hover { background-color: #eee; color: #8491b8;}
#nav a.active {  }

div.nav       { border-top: 1px solid #fff; background-color: #8491b8; overflow: hidden; }
div.nav a span { padding: 10px; }

div.subnav    { /* border-top: 1px solid #fff; */ font-size: 12px; overflow: hidden; background-color: #f7941d; }
div.subnav a span { padding: 10px 0px 10px 20px; color: #fff; }

div.subnav a:hover span { text-decoration: underline; color: #333; }

div.subsubnav     { /* border-top: 1px dotted #ccc; */ font-size: 11px; overflow: hidden; background-color: #f4b060;  }
div.subsubnav a span { padding: 10px 0px 10px 30px; color: #fff; }
div.subsubnav a:hover span { text-decoration: underline; color: #000; }

/* Nav spans needed to get links to indent while still having full-width highlighting */
span.nav              {  }
span.nav_active       {  }
span.subnav           {  }
span.subnav_active    {  }
span.subsubnav        {  }
span.subsubnav_active {  }

/* END OF NAV */

/* BLOG */
div.blurb { margin: 0 0 20px 0; border-bottom: 1px dotted #333; }
div.comments { margin: 0 0 20px 0; border-top: 1px dotted #333; 
border-bottom: 1px dotted #333; }
div.comment { background-color: #efefef; padding: 10px;  margin-bottom: 10px; }
div#comment_form { margin: 0 0 20px 0; padding: 0 0 20px; border-bottom: 1px dotted #333; }


/* CALENDAR */
table.calendar    {  }
table.calendar td {
  border-top: 1px solid #ccc;
  padding: 5px 10px 5px 10px; 
}

table.calendar td.noborder {
  border-top: none;
}

table.calendar div.calendar_descrip { padding: 0 0 0 30px }
div.pix { width: 100%; margin: 20px 0; text-align: center; }

span.calendar_note { margin: 0; padding: 5px 10px; margin-left: 20px; background-color: #f4b060; 
   width: 400px; 
}

div#blog_box {
  width: 180px; 
  float: right; 
  margin: 0px 0px 0px 20px; 
  padding: 10px 10px 10px 20px;
  background-color: #f4b060;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
   border-radius: 15px;

}
div#blog_box ul {
  margin: 0;
  padding: 0 10px 10px 20px;
}
div#blog_box ul li {
  padding-bottom: 5px;
}