/*START ROW 2 COLUMN 2 (WHERE MAIN CONTENT DISPLAYS)*/
div#Row2Col2{
	float:left;
	width:350px;
	padding-bottom:15px;
	margin-bottom:15px;
}
div#Row2Col2 a{
	font-size:11px;
}
div#Row2Col2 a {
	text-decoration:none;
	color:#3D5873;
	font-weight:normal;
}
div#Row2Col2 a:hover {
	color:#000;
	text-decoration:underline;
	/*background: url("/images/nav_tab_hover.gif") 0px 0px no-repeat #FFF;*/
}
/*START ROW 2 COLUMN 2 (WHERE MAIN CONTENT DISPLAYS) (DIFFERNET FOR HOME AND INTERIOR PAGES)*/

/*START COLUMN THREE --------------------------------------------------------------------- */
div#R2C3{
	float:left;
	margin:0 0 0 1px;
	text-align:left;
	background-color:#FFFFCC;
	width:467px;
}
/*END COLUMN THREE ---------------------------------------------------------------------- */
/*START HOME PAGE SPECIFIC STYLES --------------------------------------------------------- */
div#SpotLight{
	border:solid 1px #688BAF;
	margin-bottom:15px;
	background: url(../images/bottom_right_corner.gif) bottom right no-repeat;
}
div#SpotLight h3{
	font-size:12px;
	font-weight:bold;
	padding:3px 0 5px 25px;
	color:#006648;
	/*color:#3D5873;*/
	background: url(../images/top_left_corner.gif) 2px 2px no-repeat;
}
div#SpotLight div {
	font-size:11px;
	font-weight:normal;
	padding:3px 10px 0 25px;
	color:#000;
}

div#SpotLight div table tr td {
	
	padding:0 0 3px 0;
	
}
div#SpotLight p {
	font-size:11px;
	font-weight:normal;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	color:#000;
}

div#Events{
	border:solid 1px #688BAF;
	margin-bottom:8px;
	background: url(../images/bottom_right_corner.gif) bottom right no-repeat;
}
div#Events h3{
	font-size:12px;
	font-weight:bold;
	padding:3px 0 5px 25px;
	color:#006648;
	background: url(../images/top_left_corner.gif) 2px 2px no-repeat;
}
/*div#EventWrapper{
	margin:0 0 10px 0;
	padding:3px 0 10px 0;
}*/
/*----------------------------------------------------------------------------------------
UPCOMING EVENTS SPECIFIC STYLES
----------------------------------------------------------------------------------------*/  
div#EventWrapper{
	margin:0 0 10px 0;
	padding:0 15px 0 25px;
}
div#Events table.tblUpcomingEvents 
{
    width:290px;
}
div#Events table.tblUpcomingEvents td
{
    padding:3px 3px 3px 3px;
   
}
div#Events .tblUpcomingEvents td.EventTitle
{
    width:85%;
}
div#Events .tblUpcomingEvents td.EventRegister
{
    width:15%;
}
div#Events .AlternatingRow
{
    background-color:#DFDFDF;
}

table caption h4 
{
    padding:0 7px 4px 2px;
	margin:5px 0 5px 0;
	font-size:13px;
	color:#3D5873;
	border-bottom:dotted 1px #688BAF;	
	line-height:18px;
	text-align:left;
}
.dottedBorderBlack
{
    /*border:dotted 1px black;*/
    
}  
table .dottedBorderBlack td
{
   padding:0 0 0 0;
}  
div#Events table#tblEvents 
{
    margin-bottom:0px;
}
/*----------------------------------------------------------------------------------------
END OF UPCOMING EVENTS STYLES
----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------
EVENTS NAVIGATION FOR CALENDAR AND RECENT PRESENTATIONS
----------------------------------------------------------------------------------------*/
div#EventsNavigation 
{
    width:100%;
    text-align:center;
    padding:5px 0 10px 0;
}

div#EventsNavigation ul {
	margin:5px 10px 0 0;
	padding:0 0 0 0;
	float:left;
}
div#EventsNavigation ul ul {
	display:none;
	visibility:hidden;
}
div#EventsNavigation li {
	float:left;
	list-style-type:none;
	display:block;
	padding:0 0 0 0;
	font-weight:normal;
	color:#688BAF;

}
div#EventsNavigation li:first-child {}

div#EventsNavigation li:hover {}
div#EventsNavigation a {
	padding:2px 4px 2px 4px;
	text-decoration:none;
	font-weight:bold;
	color:#688BAF;
	display:inline;
	text-align:center;
	line-height:20px;
	height:100%;
	background-color:#FFCC66;
	border:solid 1px #688BAF;
	
}
div#EventsNavigation a:hover {/*THIS IS THE DOWN STATE USED FOR ROLLOVER NAVIGATION*/
	color:#FFCC66;
	border:solid 1px #FFCC66;
	background-color:#688BAF;
}
* html div#EventsNavigation ul {
	float:left;
}


div#OnlineLearning{
	border:solid 1px #688BAF;
	margin:0 0 8px 0;
	padding:0 0 8px 0;
	background: url(../images/bottom_right_corner.gif) bottom right no-repeat;
}
div#OnlineLearning h3{
	font-size:12px;
	font-weight:bold;
	padding:3px 0 5px 25px;
	color:#006648;
	background: url(../images/top_left_corner.gif) 2px 2px no-repeat;
}
div#OnlineLearning div{
	
	padding:0 25px 5px 25px;
	
}
div#OnlineLearning p{
	
	padding:3px 0 5px 0;
	
}
div#imgOnlineLearning {
	padding:8px 3px 3px 15px;
	width:75px;
	float:left;
}

div#Row2Col2 a.LearnMore {
	
	color:#3D5873;
	font-size:10px;
	line-height:12px;
	font-weight:normal;
}

div#Row2Col2 li:hover { 
	
}
div#Row2Col2 h1 
{
	padding:4px 7px 4px 4px;
	margin:5px 0 5px 0;
	font-size:13px;/*
	font-size:1.2em;*/
	color:#3D5873;
	line-height:18px;
}

/*END HOME PAGE SPECIFIC STYLES ---------------------------------------------------------- */

/*START HOMEPAGE SPECIFIC FOR COLUMN THREE LAYOUT (MAKES IT A 4 COLUMN LAYOUT------------- */
/*School Board Stories*/
div#R2C3R1C1{  /*School Board Stories*/
	float:left;
	width:206px;
	border-right:solid 1px #FFF;
	background-color:#FFFFCC;
	height:290px;
	/*overflow:auto;*/
	/*border:solid 1px green;*/
}
div#R2C3R1C1 h3{
	margin:0 0 0 0;
	padding:3px 8px 3px 8px;
	font-size:12px;
	color:#006648;
}			
div#R2C3R1C1 p{
	margin:0 0 0 0;
	padding:3px 8px 3px 8px;
	font-size:10px;
	line-height:14px;
	color:#000;
}
div#R2C3R1C1 span{
	margin:0 0 0 0;
	padding:3px 8px 3px 8px;
	font-size:10px;
	line-height:14px;
	color:#000;
}
/*End of School Board Stories*/
div#R2C3R1C2{
	border-left:solid 1px #FFCC66;
	border-bottom:solid 1px #FFCC66;
	float:left;
	/*background:url(../images/member-benefits.png) 0px 16px no-repeat;*/
	background-color:#FFF;
	width:259px;
}
div#R2C3R1C2Content{
	margin:0 0 0 0;
	padding:0 5px 3px 90px;
	font-size:10px;
	line-height:14px;
	color:#000;
}	
div#R2C3R1C2 p{
	margin:-75px 0 0 0;
	padding:3px 5px 3px 5px;
	font-size:10px;
	line-height:14px;
	color:#000;
}
div#RelatedSites{
	border-top:dotted 1px #688BAF;
}
div#RelatedSites h3{
	margin:0 0 0 0;
	padding:3px 5px 3px 5px;
	font-size:12px;
	/*color:#688BAF;*/
	color:#006648;
}			
div#RelatedSites p{
	margin:0 0 0 0;
	padding:3px 5px 3px 5px;
	font-size:11px;
	line-height:14px;
	color:#000;
}
div#RelatedSites ul {
	margin:0 0 0 2px;
	padding:0 5px 0 20px;
	float:left;
	/*background-image: url(/images/spacer.gif);*/
}
div#RelatedSites li {
	list-style:square url(../images/yellow_bullet.gif);
	color:#3D5873;
	padding:0 0 7px 0;
	margin:0 0 0 1px;
	font-size:10px;
	line-height:12px;
}
div#RelatedSites li:hover { 
	
}
div#RelatedSites a 
{
    font-size:10px;
	text-decoration:none;
	color:#3D5873;
}
div#RelatedSites a:hover {
	color:#000;
	text-decoration:underline;
}				
div#R2C3R2C1{
	/*background:url(../images/legislative-advocacy.png) 0px 16px no-repeat;*/
	background-color:#FFF;
	width:467px;
}	
div#R2C3R2C1Content{
	margin:-40px 0 0 0;
	padding:0 0 3px 68px;
	font-size:11px;
	line-height:14px;
	color:#000;
}	
div#R2C3R2C1Content a{
	font-size:10px;
	text-decoration:none;
	color:#3D5873;
}	
div#R2C3R2C1Content a:hover{
	color:#000;
	text-decoration:underline;
}	
div#R2C3R2C1 p{
	margin:0 0 0 0;
	padding:3px 5px 5px 5px;
	font-size:11px;
	line-height:14px;
	color:#000;
}
/*END HOMEPAGE SPECIFIC FOR COLUMN THREE LAYOUT (MAKES IT A 4 COLUMN LAYOUT-------------- */