/*  
Theme Name: Lynchburg City Schools Version 3.0
Author URI: http://www.lcsedu.net/
Version: 3.0
Author: M. Scott Kirkwood
Description: Lynchburg City Schools design as of 12/09</a>.
*/

	
body {
	background:#003366 url('images/lcs_bg.jpg') repeat-x top;
	font-family: Arial, "Helvetica", sans-serif;
	margin: 0;
	padding: 0;
	border-top:5px solid #1a2d5a; 
}
p, ul li { font-size:12px; }
p { line-height: 1.5em; margin-bottom:15px; }
.listings ul { clear:both; }
/* Links -----------------------------------------------------------------------*/

a {
	text-decoration: none;
	outline:none;
	color:#1D3B5F;
}
a:hover {
	color:#CC0000;
}
ul {
	list-style:none;
}
.clear {
	clear:both;
}
.listings p img.alignleft {
	float:left;
	border:none;
}
.listings p img.alignright {
	float:right;
	border:none;
}
.imgleft {
	float:left;
	margin:0 12px 12px 0;
	border:1px solid #809098;
	padding:3px;
}
.imgright {
	float:right;
	margin:0 0 12px 12px;
	border:1px solid #809098;
	padding:3px;
}
.imgleft_n {
	float:left;
	margin:0 40px 12px 0;
	padding:3px;
}
.img_center {
	width:98%;
	background:#d5d5d5;
	padding:5px;
	margin:10px 0;
}
/* STRUCTURE ----------------------------------*/
#emergency {
	background:#CC0000;
	color:#FFF;
	width:100%;
	position:relative;
	text-align:center;
	padding:25px;
        margin: 0px auto;
}

#emergency a, #emergency a:hover {
       color:#CCC;
}

#emergency a:hover {
       color:#FFF;
}

#header {
	width:960px;
	margin:0px auto;
	height:110px;
}
#header-in {
	width:960px;
	margin:0 auto;
}

#headerphoto {
	margin-bottom:10px;
}

#menu-small{
	text-align:right;
	float:right;
	display:inline;
	padding-top:10px;
	font-size:12px;
	color:#666666;
}

#menu-small a{
	color:#666666;
}

#menu-small a:hover{
	color:#CC0000;
}

#content-wrap {
	width:900px; /* dropped from 960px*/
	margin:0 auto;
	height:100%;
	overflow:hidden;/*background:url(images/grid.png) repeat-y center;*/
}
#main {
	width:980px;
	margin:0px auto;
	background:#fff url(images/lynchburg_city_schools.gif) no-repeat 45px 45px;
	}
#content {
	float:right;
	width:680px;
}
.content-in {
	float:right;
	width:680px !important;
}
#sidebar {
	float:left;
	width:200px; /* dropped from 240px*/
	overflow:hidden;
	margin-top:180px;
}

#rightside {
	float:right;
	margin:0 0 12px 12px;
	border:1px solid #1A2D5A;
	background-color:#DFEEFF;
	padding:10px;
	width:200px;
	display:inline;
}

#schoollist {
	display: inline;
	width:200px;
	float:left;
	margin-right:12px;
	margin-bottom:48px;
	}

#schoollist a img{
	border:0px #CCC solid;
	margin-bottom:5px;
	}	
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* footer ---------------------------------- */

#footer {
	clear:both;
}
#footer-in {
	width:900px;
	margin:0 auto;
	overflow:hidden;
	padding:10px 20px 20px 20px;
	border-top:1px solid #e5e5e5;
	background:url(images/topbg.png) repeat-x top;
	display:block;
}

#footer {  }

#footer p {
	margin:5px 0 5px 0;
	padding:0;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	float:left;
}
#footer span {
	color:#909090;
	position:relative;
	top:-5px;
}
#footer span a {
	color:#909090;
	text-decoration:none;
}
#footer span a:hover {
	color:#CC0000;
	text-decoration:none;
}
#footer a {
}
#footer a:hover {
}
#flinks {
	float:right;
	list-style:none;
	padding:0;
	margin:0;
}
#flinks li {
	display: inline;
	color:#fff;
}
#flinks li a {
	color:#064599;
	padding:8px 0 8px 22px;
	margin:0;
	display:block;
	float:left;
	line-height:26px;
	font:12px Arial, Helvetica, sans-serif;
	text-decoration:none;
}
#flinks li a:hover {
	display: inline;
	color:#ef181e;
}

/*  Headings ----------------------------------*/

h1, h2, h3, h4, h6 { font-family:"Georgia", Times New Roman, Times, serif; }
h5 { font-family: Arial, Helvetica, sans-serif; }
h3 { margin-top:0px; margin-bottom:10px; } */
#sidebar h3 { margin-bottom:10px; }
h2, h3, h4 { color:#CC0000; }
h4, h5 {margin:5px 0px;}


/*	Search -----------------------------------*/
#search {
	padding:7px 0 0 15px;
	float:right;
	width:240px;
	height:40px;
	margin-top:0;
	background: url(images/search.gif) no-repeat top right;
	text-align:right;
}
#search .s {
	border: 1px solid #b6b6b6;
	background:#fff url(images/i_search.png) no-repeat 3px 5px;
	color: #5f5e5e;
	padding:2px;
	padding-left:18px;
	font:12px Arial, Helvetica, sans-serif;
	width:180px;
	float: left;
	height:16px;
	margin-right:5px;
	margin-left:10px;
}
#searchform .sgo {
	margin:0px 25px 0 0;
	background-color:#fff;
	background:#fff url(images/b_go.png) no-repeat;
	width:31px;
	height:22px;
	float:right;
}

/* Content  ----------------------------------*/
#content ul {
	margin:0 0 10px 0;
	padding:0;
}
#content li {
	list-style:disc;
	margin: 0 0 0 15px;
	padding: 3px 0 3px 0;
}
#content ul li ul {
	margin:8px 0 5px 0;
	padding:0 0 0 0;
	list-style:outside;
}
#content li ul li {
	margin:0 0 5px 0;
	padding:0 0 0 12px;
}

#content li a,  #content li ul li a {
	border-bottom:1px dotted #1a2d5a;
	color:#1a2d5a;
}
#content li a:hover, #content li ul li a:hover {
	border-bottom:none;
	color: #CC0000;
}

#content ol {
	list-style-type: decimal;
	line-height:18px;
	margin: 0;
	font-size:12px;
	padding: 0 0 10px 25px;
}
#content ol li ol {
	margin:8px 0 5px 18px;
	padding:0 0 0 0;
}
#content ol li {
	margin:0 0 5px 0;
	padding:0;
	background:none;
}
#content p.aligncenter {
	text-align:center;
}
#content p.aligright {
	text-align:right;
}
#content p.more {
	font-size:10px;
	text-transform:uppercase;
}
#content p.more a {
	text-decoration:none;
}
#content blockquote {
	margin:15px 0 10px 12px;
	padding:10px 10px 5px 25px;
 	color:#666;
	float:right;
	font-size:14px;
	width:95%;
	border-top:2px solid #e5e5e5;
	border-bottom:1px dotted #e5e5e5;
	background:#f4f4f4 url(images/quote2.png) no-repeat;
	background-position:5px 8px;
	font-family:Arial, Helvetica, sans-serif;
}
#content blockquote p {
	color:#333;
	font-style:italic;
	font-size:14px;
}
#content a { color:#1a2d5a; }
#content a:hover { color:#CC0000; }
/*Post start ----------------------------- */

#content .posts {
	clear:both;
	margin-bottom:15px;
	/*border-top:1px solid #e5e5e5;
	background:url(images/topbg.png) repeat-x top;*/
}
.subscribetextbg {
	padding:0 0;
	margin:0px 0 8px 0;
	background-position:55px 4px;
	overflow:hidden;
}
.subscribe_textield {
	border:1px solid #ccc;
	background:#fff;
	font:11px Arial, Helvetica, sans-serif;
	color:#333333;
	margin:2px 0 0 2px;
	padding:2px;
	width:115px;
	float:left;
	display:inline;
}
.subscribe {
	border:1px solid #EFBC59;
	padding:10px 5px 5px 5px;
	overflow:hidden;
	height:100%;
	margin-bottom:11px;
	background:#FFE4AF;
}
.subscribe h3 { padding-left:3px; }
#sidebar .subscribe h2 {
	background:none;
	border-top:none;
	padding-top:0;
}
/*.subscribe_b {
	border:none;
	margin-top:-17px;
	float:right;
	} */


/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}
.clearfix {
	display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


h1.header {padding:0; margin:0; }
h1.header a { display:block; text-indent:-10000px; float:left; margin:45px 0 0 0;}

/* Main Menu  ----------------------------------*/
ul#menu-home { margin:0; padding:0; font-family:"Georgia", Times New Roman, Times, serif; float:right; margin-top:20px; width:730px; }
ul#menu-home li { font-size:18px; float:left; margin-left:26px; display:inline; }
ul#menu-home li a { color:#1a2d5a; }
ul#menu-home li a:hover { color:#CC0000; }
ul#menu-home  li.first-menu { font-size:18px; float:left; margin-left:20px; display:inline; } 
/* End Main Menu  ----------------------------------*/


#content ul.level1 { margin:0; padding:0; clear:both; }
#content ul.level1 li a { padding:5px; background:#DFEEFF; border:1px solid #74A0CF; display:block; font-size:18px; }
#content ul.level1 li { list-style:none; padding:0; margin:0; }
#content ul.level1 li ul.level2 li a { border:none; background:none; padding:2px 0 2px 0; font-size:12px; }
#content ul.level1 li ul.level2 li { list-style:circle; padding:0; }
#content ul.level1 li ul.level2 { margin:5px 0 20px 20px; } 


#content ul.list-1 { margin:40px 0 0 0; padding:0; list-style:none; }
#content ul.list-1 li { padding:5px; background:#DFEEFF; border:1px solid #74A0CF; display:block; font-size:14px; }
#content ul.list-1 li { list-style:none; padding:5px; margin:0 0 20px 0; }
#content ul.list-1 li ul.list-2 li { border:none; background:none; padding:2px 0 2px 18px; font-size:12px; background: url(images/flag.gif) no-repeat 0px 50%; }
#content ul.list-2 li { padding: 0px;  }
#content ul.list-1 li ul.list-2 { margin:5px 0 20px 20px; background:none; }


#bluebox { width:200px; padding:5px; clear:both; background:#DFEEFF; display:block;  border:1px solid #74A0CF;}
#bluebox a { font-size:18px;}


.news { width:310px; float:left; position:relative; margin-right:15px;  margin-bottom:25px; }
.news img { border:none; }
.title { background: url(images/transpBlack.png); padding: 10px; height: 35px; overflow:hidden; position:absolute; top:145px; z-index: 9999; color: white; width:285px; }
.title h5 { margin-top:0; }
.image {position:relative;  margin-right:5px; }
#slider { height:300px; width:680px; }


.small { font-size:12px; color:#666666; display:block; }
.listings img { border:1px solid #1d3b5f; padding:4px; }
.listings img.alignleft { float:left; margin: 0px 15px 15px 0; }
.items p img { float:left; border:1px solid #1d3b5f; padding:4px; }
.items { margin:20px 0 10px 0; padding-bottom:20px; border-bottom:1px solid #ccc; }
a.readmore { font-size:12px; color:#CC0000; }
table   { margin:30px 0 16px 0; border-top:1px solid #DCD4A6; border-left:1px solid #DCD4A6; width:100%; }
th,td   { height: 13px; padding:10px; border-bottom:1px solid #DCD4A6; border-right:1px solid #DCD4A6; font-size:12px; }
th      { font-weight:bold; }
tr:hover { background:#eee; }
.head {background:#eeeac9; color:#665702; }
.profile { margin:20px 0 40px 0; padding-bottom:30px; border-bottom:1px solid #CFC9A8; }
.information { padding-top:0px; padding-left:130px; }
.profile img { float:left; padding:4px; border:1px solid #CCCCCC;}
.information em { clear:right; }
br {margin:0; }

/* Content Lists  ----------------------------------*/
#content ul li { margin-bottom:20px; }
#content ul li em {color:#990000; font-size:14px; }
#content ul.people li a { color:#CC0000; }
#content ul.monthly li { float:left; display:block; }
#content ul.monthly li a { padding:5px; background:#DFEEFF; border:1px solid #74A0CF; display:block; }
#content ul.right-list, #content ul.left-list { margin:0 0 10px 0; padding:0; list-style:none; }
#content ul.right-list li, #content ul.left-list li { list-style:none; }
#content ul.left-list li {margin-left:0px; }
#main hr.clear { background:#eee; margin-bottom:30px; border-top:none; }
#content ul.right-list li a, #content ul.left-list li a { padding:5px; background:#DFEEFF; border:1px solid #74A0CF; display:block; font-size:14px; }
ul.right-list h4 { margin-left:10px; }

.left-list { float:left; width:50%; }
.right-list { float:left; width:49%; }
.caution { color:#990000; background:#ffccff; border:1px solid #CC0000; display:block; padding:10px 15px 0px 15px; margin-bottom:25px; }
.caution p { color:#444444; }
.caution a { color:#CC0000; }
.years { float:left; width:33%; }
.tablelines { border-top: solid 1px #ccc;}
.maps {font-size:75%;}
.footnote { border: 1px solid #E7E0B8; margin:18px 0px 18px 0px; text-indent:0px; padding:15px 15px 15px 60px;  clear:left; background:#FFFFE6 url(images/footnote.gif) no-repeat 30px 50%; font-size:12px; color:#8F8F74;}

/*	Submenus -----------------------------------*/

#sidebar .listings h2 a {
	color:#1a2d5a;
}
#sidebar .listings h2 a:hover {
	color:#CC0000;
}
#sidebar img { 
	border:none; 
}
#sidebar p {
	margin:0;
	padding:0 0 8px 0;
	line-height:18px;
	font:12px Arial, Helvetica, sans-serif;
	color:#666;
}
#sidebar p a {
	color:#666;
	text-decoration:none;
}
#sidebar p a:hover {
	color:#333;
	text-decoration:none;
}
#sidebar p.i_email {
	background:url(images/i_email.png) no-repeat;
	background-position:5px 3px;
	padding-left:28px;
}
#sidebar p.i_rss {
	background:url(images/toprss.png) no-repeat;
	background-position:5px 3px;
	padding-left:28px;
}
#sidebar .spacer {
	padding:0 5px;
}
#sidebar .advt_spacer {
	margin:0 0 10px 0;
}
#sidebar ul li {
	margin:0px;
	padding:10px 0px;
	list-style:none;
}

/* sidebar styles to maintain Tabber */
#sidebar ul {
	margin:0 0 25px 0;
	padding:0;
	list-style:none;
}
#sidebar ul li {
	margin:0;
	padding:10px 0px;
	list-style:none;
}
/* end sidebar styles to maintain Tabber */

#sidebar li.sectionbar {
	background:#003366 url('images/submenu_bg.jpg') repeat-x top;
}

#sidebar li.sectionbar, #sidebar li.sectionbar a{
	color:#FFF;
}


.sponsors { 
	margin:10px 0px;
}
	
.sponsors img a{ 
	border:none;
}

/* Submenu fly out removed from Multi-Level Nav Plugin Appearance Tab  ------------------------------- */

#suckerfishnav {
    background:#FFFFFF;
    font-size:12px;
    font-family: Arial, "Helvetica", sans-serif;
    width:100%;
    }
#suckerfishnav, #suckerfishnav ul {
    float:left;
    list-style:none;
    padding:0px;
    margin:0;
    width:100%;
    }
#suckerfishnav a {
    display:block;
    color:#1A2D5A;
    text-decoration:none;
    padding:0px 5px;
    }
#suckerfishnav li {
    float:left;
    padding:0;
    width:100%;
    border-top:1px dotted #1a2d5a;
    }
#suckerfishnav ul {
    position:absolute;
    left:-999em;
    height:auto;
    width:200px;
    font-weight:normal;
    margin:0;
    border:0;
    
    }
#suckerfishnav li li {   
    width:100%;
    font-family: Arial, "Helvetica", sans-serif;
    border-left:1px dotted #1a2d5a;
    border-right:1px dotted #1a2d5a;
    }

#suckerfishnav li li a {
    width:100%;
    font-size:12px;
    color:#1A2D5A;
    }

#suckerfishnav li ul,  #suckerfishnav li ul ul {
    margin:-26px 0 0 190px;
    }

#suckerfishnav li li:hover {
    background:#FFFFFF url('http://www.lcsedu.net/wp-content/themes/lcs_three/images/rollover_bg.jpg') repeat-x top;
    }
#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
    color:#1A2D5A;
    }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
    color:#1A2D5A;
    }
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
    
    }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
    left:-999em;
    }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
    left:auto;
    background:#DFEEFF;
    }
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
    background:#FFFFFF url('http://www.lcsedu.net/wp-content/themes/lcs_three/images/rollover_bg.jpg') repeat-x top;
    }

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
	display:none;
}
/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
	clear:both;
}
.tabberlive {
	/* margin-top:1em;*/
 margin-bottom: 10px;
}
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav {
	margin:0;
	padding: 3px 0;
	border-bottom: 1px solid #d4ca97;
	font: bold 11px Arial, Helvetica, sans-serif;
}
ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
}
ul.tabbernav li a {
	padding: 3px 8px 3px 8px;
	margin:0 0 0 0;
	line-height:22px;
	margin-left: 3px;
	border-bottom: none;
	text-decoration: none;
}
ul.tabbernav li a:link {
	color: #7c7c7c;
}
ul.tabbernav li a:visited {
	color: #667;
}
ul.tabbernav li a:hover {
	color: #555241;
	background: #CFCAA8;
}
ul.tabbernav li.tabberactive a {
	background: #e5dfbc;
	color:#ef181e !important;
	border: 1px solid #d4ca97;
	border-bottom: 2px solid #e5dfbc;
	text-decoration:none;
	margin-left:0;
}
ul.tabbernav li.tabberactive a:hover {
	color: #333;
	background: #e5dfbc;
}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
	padding:5px;
	border-top:0;
	margin-top:-25px;
	background:#e5dfbc;
	position:relative;/* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */
	border:1px solid #d4ca97;
	border-top:none;

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}
/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
	display:none;
}
.tabberlive .tabbertab h3 {
	display:none;
}
/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
	height:150px;
	overflow:hidden;
}
#sidebar .tabbertab ul { margin-bottom:5px; }
#sidebar .tabbertab ul li { padding:3px 0 3px 20px; }
.tabbertab ul li { background: url(images/star.gif) no-repeat 0 4px; }
.tabbertab ul li a { display:block; }
