/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Arial,sans-serif;
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background-color:#600;
}
#wrapper {
	width: 800px ;
	margin : 5px auto ;
	border: 1px solid #fff;
	background-color:#fff;
}

a{
	color:#990000;;
	text-decoration: none;
}

a:link{
	color:#990000;
	text-decoration: none;
}

a:visited{
	color: #990000;
	text-decoration: none;
}

a:hover{
	color: #990000;
	text-decoration: underline;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial,sans-serif;
 font-size: 114%;
 color: #600;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

label{
 font-family: Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#masthead{
	/* padding: 10px 0px 0px 0px; */
	background-image: url(lcsd-header09.jpg);
	background-repeat:no-repeat;
	width: 100%;
	height: 200px ;
    background-color: #fdfdfd ;
	border-bottom: 1px solid #fff;

}
#masthead h1 {
	display: none;
}
#distInfo {
	float: right;
	height: 109px ;
	width : 20% ;
}
#distInfo p {
	font-size: 0.8em ;
	font-weight: bold;
	padding-left: 6px ;
}
#navBar{
	float: left;
	width: 25%;
	margin: 0px;
	padding: 0px;
	background-color : #fdfdfd ;
}
/************** #rightbar styles **************/
#rightbar{
  float:right;
	width: 20%;
	background-color: #fdfdfd ;
/* The clear:right fixes a bug(?) in IE7 where the div dropped below *
 * the div to the left of it unless it was cleared.                  */
	clear : right ;
}
#quickLinks ul, #schoolQuickLinks ul {
	list-style: none;
	margin : 0 ;
	padding : 0 ;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#rightbar li {border-bottom: 1px solid #fdfdfd ;}
/* fix for browsers that don't need the hack */
html>body #rightbar li {border-bottom: none;}
#quickLinks ul, #quickLinks li, #schoolQuickLinks ul, #schoolQuickLinks li {
	margin-left : 3px ;
}
#quickLinks a, #schoolQuickLinks a {
	display: block;
	color : #660000 ;
	padding: 2px 0px 2px 15px;
	font-weight: bold;
	background-image: url(bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#quickLinks a:hover, #schoolQuickLinks a:hover{
	background-color: #dddddd;
}
#quickLinks, #schoolQuickLinks {
	border: 1px solid #fdfdfd ;
}
#rightbarContent {
	border: 0;
}
#content{
	float: left;
  	width: 55%;
  	background-color: #fdfdfd ;
}

#contentHeader {
	background-color: #555 ;
	height: 25px ;
	padding-top : 5px ;
}
#contentHeader h3 {
   color : #ffffff ;
	text-align: left;
	margin : 0 0 0 20px ;
	text-transform: uppercase;
}
#content ul {
   margin: 5px;
   padding: 0px;
   list-style-type : none ;
}

#content li {
   margin: 0px;
   margin-left: 10px;
   text-indent: -10px;
}

/***********************************************/
/* Components                                  */
/***********************************************/

#siteName{
	margin: 0;
	padding: 0 0 0 10px;
}

/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}
.feature li {
	clear: both;
	margin-top: 5px ;
}
/*
.feature img{
	float: left;
	padding: 10px 10px 0px 0px;
}
*/
/************* #siteInfo styles ***************/

#siteInfo{
	clear: both;
	background-image: url(FooterBG.jpg);
	background-repeat: repeat-x;
	height: 113px;
}
#pride {
	width : 313px ;
	height: 113px ;
	margin: 0 auto ;
	background-image : url(prideBG.jpg);
	background-repeat: no-repeat;
}
/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

#navHeader, #rightbarHeader {
	background-color: #660000 ;
	height: 25px ;
	padding-top : 5px ;
}
#navHeader h3, #rightbarHeader h3 {
   color : #ffffff ;
	text-transform: uppercase;
}
#rightbarHeader h3 {
	text-align: left;
	margin-left: 10px;
}
#navHeader h3 {
	text-align: center;
}
#schoolLinks {
	border : 1px solid #fdfdfd ;
	margin-top : 30px ;
}
#schoolLinks h4 {
	color : #660000 ;
	border-bottom: 2px solid #bbb ;
	font-weight: bold;
	width: 95% ;
	font-size: 1.2em ;
}
#schoolLinks ul {
	margin : 10px 0 0 15px ;
}
#schoolLinks li {
	margin-bottom: 7px ;
}
#schoolLinks a {
	color: #660000 ;
	font-size: 0.9em ;
	font-weight : bold;
}
/*********** #sectionLinks styles ***********/

#sectionLinks {
	position: relative;
	margin: 0px;
	margin-left : 3px ;
	padding: 0px;
	font-size: 90%;
}

#sectionLinks h3{
	padding: 10px 0px 2px 10px;
}

#sectionLinks a {
	display: block;
	color : #660000 ;
	padding: 2px 0px 2px 15px;
	font-weight: bold;
	background-image: url(bullet.png);
	background-repeat: no-repeat;
	background-position: left center;
}

#sectionLinks a:hover{
	background-color: #dddddd;
}
/* Skip nav - accessibility feature */
/* See http://www.projectseven.com/tutorials/accessibility/hideskip/index.htm */
#sn {
position: absolute;
width: 80%;
top: -300px;
left: 0;
}
#sn a {
position: absolute;
top: 0;
}
.p7ie6Fix:active, #sn a:active, #sn a:focus {
top: 300px;
color: #FFFFFF;
text-decoration: none;
background-color: #333333;
}
.floatRight {
   float : right ;
   margin-left : 6px ;
}
.floatLeft {
   float : left ;
   margin-right: 6px ;
}
.boxRight {
   border : 1px solid #333 ;
   float: right ;
   margin-left : 6px ;
	padding: 3px ;
}
.boxLeft {
   border : 1px solid #333 ;
   float : left ;
   margin-right: 6px ;
}
#rightbarContent li {
   margin : 0 ;
   padding : 0 ;
   font-size: 80%;
}