/*
Theme Name: iNACOL 2010
Theme URI: http://bluemarblecreative.net/
Description: Custom theme developed for iNACOL.
Version: 1.0
Author: Steve @ Blue Marble Creative
Tags: iNACOL, Blue Marble

----------------------------------------------------------
important colors
----------------------------------------------------------
#43ae4b decisions
#27aae0 curriculum
#c2472f budget
#4e3879 quality
#973973 teachers
#a3d043 students
#f26824 funding
#d2242b admin
#02558f home
#fdb945 policies
----------------------------------------------------------

*/

#sidebar a {
 border:0;}
 
html, body {
 position:relative;
 width:100%; height:100%;
 margin:0; padding:0;
 font-family:Arial, sans-serif; }
 
body {
 background:url('images/bg-html.jpg') top repeat-x; }
 
#pan {
 position:relative;
 width:1200px;
 margin:0 auto;
 background:white; }

#header {
 position:relative;
 width:100%; height:314px;
 background:url('images/header/bg-home.jpg') top no-repeat; }

#header h1 {
 position:absolute;
 left:126px; top:36px;
 color:white;
 font-size:18px;
 font-family:Arial, sans-serif;
 width:260px; height:75px;
 margin:0; padding:0;
 cursor:default; }

#header h1 strong {
 position:absolute;
 top:-200px;
}

#header h1 img {
 border:0; }

#header #title {
 position:absolute;
 top:128px;
 background:#02558f url('images/color-bar/home.gif') bottom repeat-x;
 width:100%; height:154px;
 cursor:default; }
 
#header h2 {
 font-size:22px; line-height:28px;
 margin:47px 0 40px 126px;
 color:white;
 font-weight:normal; }
 
#header h2 strong {
 display:block;
 font-size:25px;
 margin:0 0 7px 0; }
 
#header #links {
 position:absolute;
 bottom:0;
 background:#999;
 width:1074px; height:32px;
 font-size:16px; line-height:32px;
 color:white;
 padding-left:126px;
 cursor:default; }
 
#header #links a {
 color:white;
 margin: 0 34px 0 0;
 text-decoration:none; }
 
#header #links a:hover {
 color:black; }
 
#content {
 background:url('images/bg-content.gif') repeat-x;
 position:relative;
 padding:60px 0;
}

#content #crumbs {
 position:absolute;
 top:-35px; left:0;
 font-family:Arial, sans-serif;
 color:#bbb;
 font-size:12px; }

#content h1 {
 color:#02558f;
 font-size:32px; line-height:28px;
 font-family:Georgia, serif;
 margin:10px 0 15px 0;
 padding:0;
}

#content h2 {
 color:#666;
 font-size:20px; line-height:28px;
 font-family:Arial, sans-serif;
 margin:0 0 12px 0;
 padding:0;
}

#content h3 {
 color:#666;
 font-size:18px; line-height:24px;
 font-family:Arial, sans-serif;
 margin:40px 0 12px 0;
 padding:0;
}

#content p {
 color:#222;
 font-size:16px; line-height:22px;
 font-family:Arial, sans-serif;
 margin:0 24px 10px 0;
 padding:0;
}

#content p.nospace {
 color:#222;
 font-size:16px; line-height:18px;
 font-family:Arial, sans-serif;
 margin:0 24px 10px 0;
 padding:0;
}

#content ol li {
 margin: 0 0 6px 0;
 font-size:16px;
}

#content ul li {
 margin: 0 0 6px 4px;
 font-size:16px;
}

#content ol.small li {
 margin: 0 0 0 4px;
 font-size:16px;
}

#content ul.small li {
 margin: 0 0 0 4px;
 font-size:16px;
}

#content a.glossary {
color: #01538f;
}

#content a.glossary:hover {
color: #3573a0;
}

#story a, #error a {
 color:#777; }
 
#story a:hover, #error a:hover {
 color:black; }

#story, #error {
 position:relative;
 left:400px;
 width:680px; }

#footer {
 font-size:16px;
 text-align:center;
 padding:6px 0 120px 0;
 border-top:#02558f 6px solid;
 margin:66px 126px 0 126px;
 background:white; } 

#footer ul {
 margin:0 0 40px 0; padding:0;
 list-style:none; }
 
#footer li {
 display:inline;
 margin:0; padding:0;
 margin-right:15px; }
 
#footer a {
 color:#777;
 text-decoration:none; }

#footer a:hover {
 color:black; }
 
#footer p.contact {
 text-align:left;
 float:left;
 line-height:24px; }
 
#footer p.copyright {
 text-align:right;
 float:right;
 font-size:11px;
 line-height:24px; }
 
#footer p.contact a, #footer p.copyright a {
 text-decoration:underline; }

 #content {
  min-height:400px; }
 
#content p.highlight {
 margin-top:30px; margin-bottom:25px;
 padding:40px 0 20px 0;
 background:url('images/highlighted-resources.gif') left top no-repeat;
 border-bottom:solid 2px #fdb945; }
 
#content p.consulting {
 margin-top:30px;
 padding-top:40px;
 background:url('images/consulting-services.gif') left top no-repeat; }
 
 #content p.reminder {
 border-top:solid 1px #aaaaaa;
 margin-top:50px;
 padding-top:6px;
 font-size: 13px;
 }
 
 .pretty table {
 margin: 10px auto;
 border-collapse: collapse;
  }
 
 .pretty th {
 padding: 4px;
 border-bottom: 2px solid black;
 text-transform:uppercase
 }
 
 .pretty th, .pretty td { padding: 6px 2px 6px 20px; }
 
.pretty td 
{ background-color:#f5f5f5;}