/*
Theme name: iNACOL 2010
Theme URI: http://bluemarblecreative.net/
Editors: Steve @ Blue Marble Creative
----------------------------------------------------------
important colors
----------------------------------------------------------
#43ae4b decisions
#27aae0 curriculum
#c2472f budget
#4e3879 quality
#973973 teachers
#a3d043 students
#f26824 funding
#d2242b admin
#02558f home
#fdb945 policies
----------------------------------------------------------

*/

#main-nav {
 position:absolute;
 z-index:99;
 top:-185px; right:100px;
 font-family:Arial, sans-serif;
 width:440px; height:530px;
 background:url('images/main-nav/bg-glow.png');
}

#main-nav-board {
 width:440px; height:530px;
 background:url('images/main-nav/bg-yellow.gif');
}

#main-nav-buttons {
 position:absolute; left:20px; bottom:24px;
 width:400px; height:254px;
 background:#bbb;
 overflow:hidden;
}

#main-nav-buttons a {
 display:inline;
 width:199px; height:50px;
 margin-bottom:1px;
 line-height:50px;
 font-size:14px;
 color:#444;
 text-decoration:none;
}

#main-nav-buttons a:hover, #main-nav-buttons a.current_page {
 color:white;
}

#main-nav-buttons a strong {
 margin:0 0 0 70px;
 padding:0;
}

#main-nav-buttons a.left {
 float:left;
}

#main-nav-buttons a.right {
 float:right;
}

#main-nav-buttons img {
 border:0;
}

#main-nav-search {
 position:absolute;
 top:210px; left:20px;
 height:50px; width:400px;
 line-height:50px;
}

#main-nav-search label {
 position:relative; bottom:0;
 height:50px;
 color:white;
 text-transform:uppercase;
 font-weight:bold;
 margin-left:3px;
}

#main-nav-search input {
 position:absolute;
 right:0; top:13px;
 width:200px;
}
 
#main-nav-search form {
 margin:0; padding:0;
}

#main-nav-search input {
 display:none;
 width:200px;
 height:24px; line-height:24px;
 padding:0;
 background:url('images/bg-search-off.gif') no-repeat white;
 border:0;
}

#main-nav-search input:focus {
 background:url('images/bg-search-on.gif') no-repeat white;
}


/* the following long and boring list styles each button individually */
#main-nav-buttons a#main-nav-home { background:url('images/main-nav/home-off.gif'); }
#main-nav-buttons a#main-nav-home:hover, #main-nav-buttons a#main-nav-home.current_page { background:url('images/main-nav/home-on.gif'); }
#main-nav-buttons a#main-nav-admin { background:url('images/main-nav/admin-off.gif'); }
#main-nav-buttons a#main-nav-admin:hover, #main-nav-buttons a#main-nav-admin.current_page { background:url('images/main-nav/admin-on.gif'); }
#main-nav-buttons a#main-nav-decisions { background:url('images/main-nav/decisions-off.gif'); }
#main-nav-buttons a#main-nav-decisions:hover, #main-nav-buttons a#main-nav-decisions.current_page { background:url('images/main-nav/decisions-on.gif'); }
#main-nav-buttons a#main-nav-curriculum { background:url('images/main-nav/curriculum-off.gif'); }
#main-nav-buttons a#main-nav-curriculum:hover, #main-nav-buttons a#main-nav-curriculum.current_page { background:url('images/main-nav/curriculum-on.gif'); }
#main-nav-buttons a#main-nav-funding { background:url('images/main-nav/funding-off.gif'); }
#main-nav-buttons a#main-nav-funding:hover, #main-nav-buttons a#main-nav-funding.current_page { background:url('images/main-nav/funding-on.gif'); }
#main-nav-buttons a#main-nav-teachers { background:url('images/main-nav/teachers-off.gif'); }
#main-nav-buttons a#main-nav-teachers:hover, #main-nav-buttons a#main-nav-teachers.current_page { background:url('images/main-nav/teachers-on.gif'); }
#main-nav-buttons a#main-nav-policies { background:url('images/main-nav/policies-off.gif'); }
#main-nav-buttons a#main-nav-policies:hover, #main-nav-buttons a#main-nav-policies.current_page { background:url('images/main-nav/policies-on.gif'); }
#main-nav-buttons a#main-nav-students { background:url('images/main-nav/students-off.gif'); } 
#main-nav-buttons a#main-nav-students:hover, #main-nav-buttons a#main-nav-students.current_page { background:url('images/main-nav/students-on.gif'); }
#main-nav-buttons a#main-nav-budget { background:url('images/main-nav/budget-off.gif'); }
#main-nav-buttons a#main-nav-budget:hover, #main-nav-buttons a#main-nav-budget.current_page { background:url('images/main-nav/budget-on.gif'); }
#main-nav-buttons a#main-nav-quality { background:url('images/main-nav/quality-off.gif'); }
#main-nav-buttons a#main-nav-quality:hover, #main-nav-buttons a#main-nav-quality.current_page { background:url('images/main-nav/quality-on.gif'); }

#main-nav-preload {
 position:absolute;
 top:0; left:0;
 width:1px; height:1px;
 visibility:hidden; overflow:hidden; }
