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

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

body{
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
a {
	color: #006699;
	text-decoration: none;
}

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

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

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

#wrapper {
	width: 800px ;
	margin : 5px auto ;
	border : 1px solid #fbd46b ;
}
#masthead{
	height: 128px;
	width: 800px;
	background-color: #033D62;
	color:#fff;
	background-image: url(../image/logo.jpg);
	background-repeat: no-repeat;
}
#masthead p {
   margin : 0 0 0 200px ;
}
#masthead .yellow{
color:#dabd01;
}
#masthead h3 {
	background-color:#658cab;
	text-align:right;
	}
	
#leftSection {
	width: 800px;
	margin: 0 ;
	padding: 0 ;
	}
	
#rightGraphic {
	width: 200px;
	margin: 0;
	padding: 0;
	float: right;
	height: 128px;
}

#rightGraphic {
	text-align : center ;
}
#rightGraphic img {
	margin-top: 30px ;
}
#rightGraphic a img {
	border : 0 ;
}

/*********** #topnav link styles ***********/
#topnav{
	height : 50px;
	background : #2C668A;
	width: 800px;
	line-height:50px;
	font-size:10px;
	color:#fff;
	border-bottom: 1px solid #fff;
	}
	
	#topnav ul{
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
	#topnav li {
	padding: 0;
	display: inline;
	background: none;
	}

	#topnav a{
	display: block;
	float: right;
	height: 40px;
	padding: 10px 10px 0 10px;
	font-size: 80%;
	color:#fff;
	}
	
	#topnav a:hover {
	background: #666;
	text-decoration: none;
	color: #fff;
	}

/*********** end #topnav link styles ***********/



#leftSide {
    float:left;
	width: 200px ;
	background-color : #10354c ;
	margin : 0 ;
	padding : 0 ;
	font-size: 0.7em ;
}
#leftSide ul {
	list-style: none;
	margin : 0 ;
	padding : 0 ;
	color:#CCC;
	
}

#leftSide li{
color:#fff;	
}
#Calendar {
background-color : #2c668a;
color: #fff;
}
div.cal{
	text-align:center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-bottom: 3px;
}

#calendar li{
	margin-left: 5px;
	margin-right: 5px;
}
#District{
	width : 100% ;
	background-color : #10354c;
	color: #fff ;
	text-align: left;
	font-weight: normal;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
}

#District div {
	width : 100% ;
	color: #fff ;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
}

#District a {
	display: block ;
	margin-left : 2px ;
	margin-bottom: 1px;
	border-left : 5px solid #fff;
	color: #fff;
	padding-left: 3px ;
	text-align:left;
}
#District a:hover{
	border-left : 5px solid #dabd01;
	color: #dabd01;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#District li {border-bottom: 1px solid #10354c ;}
/* fix for browsers that don't need the hack */
html>body #District li {border-bottom: none;}

#GD {
	width : 100% ;
	background-color : #2c668a ;
	color : #fff ;
	font-weight: normal;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
	}
	
#GD div {
	width : 100% ;
	height: 57px ;
	margin: 0 ;
	padding: 0 ;
}

#GD a {
	display: block ;
	margin-left : 2px ;
	margin-bottom: 1px;
	border-left : 5px solid #336699;
	color : #fff ;
	text-align:left;
	background-color : #2c668a ;
	padding-left: 3px ;
}
#GD a:hover{
	border-left : 5px solid #dabd01;
	color: #dabd01;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#GD li {border-bottom: 1px solid #2c668a ;}
/* fix for browsers that don't need the hack */
html>body #GD li {border-bottom: none;}

#orgs {
	width : 100% ;
	background-color : #e6e7db ;
	color:#10354c;
	font-weight: normal;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
	}
	
#orgs div {
	width : 100% ;
	text-align: center;
	border-bottom: 1px solid #10354c;
	font-weight: normal;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
}

#orgs a {
	display: block ;
	margin-left : 2px ;
	margin-bottom: 1px;
	border-left : 5px solid #10354c;
	color:#10354c;
	text-align:left;
	background-color : #e6e7db ;
	padding-left: 3px ;
}
#orgs a:hover{
	border-left : 5px solid #dabd01;
	color: #dabd01;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#orgs li {border-bottom: 1px solid #e6e7db ;}

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

#content{
   float: left;
   width: 600px;
   background-color: #fff;
   color : #000;
   font-size:10pt;
}
#content p {
	margin: 5px ;
}
#content p.news {
	margin: 5px ;
	font-size: .8em;
}
#content a img {
   border : 0 ;
}
#content h1 {
   font-size : 1.3em ;
   margin: 0 ;
   color: #5d6971 ;
}
#content h2 {
   font-size : 1.1em ;
   margin: 15px 0 0 0 ;
   color: #5d6971 ;
}
#content h3 {
   font-size : 9pt;
   margin: 0;
   color: #5d6971;
   margin-top: 12px;
}
#content ul {
   list-style : none ;
   margin : 0 0 8px 5px ;
   padding : 0 ;
}
#content li {
   margin : 0 ;
   padding : 0 ;
}
#content a.newslink {
	color:#10354c;
	text-align:right;
	}
	
#content a.newslink:hover{
	color:#5d6971;
	text-decoration:underline;
	text-align:right;
}
/*********** #navBar link styles ***********/
#navBar{
   margin: 0px;
   padding: 0px;
   background-color: #2c668a;
}
#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {
	list-style: none;
	margin : 0 ;
	padding : 0 ;
	color:#fff;
}
#navBar a {
	margin-left : 2px ;
}
/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #d4dfe8 ; margin-left : 2px ;}
#navBar h2 {font-size:.9em;}
#navBar p {font-size:.8em; margin-left: 2px;}
/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}

/*********** end #navBar link styles ***********/

#quickLinks {
	width : 100% ;
	background-color : #2c668a ;
	color: #fff ;
	font-weight: normal;
	font-size: 1em ;
	padding: 0 ;
}

#quickLinks div{
	width : 100% ;
	text-align: center;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-weight: normal;
	font-size: 1em ;
	background-color:#e6e7db;
	color:#10354c;
}
#quickLinks a {
	display: block ;
	margin-left : 2px ;
	margin-bottom: 1px;
	color: #fff;
}
#quickLinks a:hover{
	color: #dabd01;
}

#navBar #Events {
	width : 100% ;
	height: 25px ;
	background-color : #658ca6 ;
	color: #fff ;
	text-align: center;
	font-size: 1em ;
	margin: 0 ;
	padding: 0 ;
	border-bottom: 1px solid #fff;
}
#schools {
	background-color: #2c668a ;
	margin-bottom : 10px ;
}
.colEnder {
   margin : 0 ;
   padding : 0 ;
   line-height : 0 ;
}
.clearer {
	line-height: 0;
	clear : both ;
}
#footer {
	width: 800px;
	clear: both;
	height:25px;
	background-color: #10354c;
	color: #fff;
	text-align:center;
	font-size:8pt;
	line-height:25px;
}
.floatRight {
   float: right ;
   margin-left: 10px ;
}
.floatLeft {
   float: left ;
   margin-right: 10px ;
}
a.pdf {
	background-image : url(../images/pdficon_small.gif) ;
	background-position : left ;
	background-repeat : no-repeat ;
	padding-left : 20px ;
}
#content .hasImage img {
   float : right ;
   margin-left : 10px ;
   border : 1px solid #003466 ;
}

.learnmore{
	background-color:#2c668a;
	text-align:right;
	height: 21px;
	padding : 3px 35px 0 0;
	background-position: 99% center;
	background-repeat: no-repeat;
	margin : 15px 200px 0 0;
	font-weight: bold;
}