/* CSS Styles for the Olivet Community Schools Website*/

/* Global Top Level CSS Styles */

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #F5f5f5;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}





h1{
	font-size: 30px;
	color: #005900;
	padding: 4px;
	background-color: #E9E9E9;
	background-image: url(../images/cross_stripe_bg.jpg);
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: dotted;
	border-top-color: #005900;
	border-bottom-color: #005900;
}

h2{
	font-size: 18px;
	color: #005900;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #005900;
	padding: 2px;
	padding-bottom: 5px;

}

h3{
	font-size: 14px;
}

#mainLayout{
	width: 752px;
	margin-right: auto;
	margin-left: auto;
}

/* Top Banner CSS Styles */

#toplinks {
	height: 20px;
	background-image:   url(../images/banner_top.jpg);
	background-repeat: no-repeat;
	background-position: top;
	text-align: right;
	width: 745px;
	padding-right: 5px;
	float: left;
}

#toplinks a {
	font-size: 10pt;
	display: inline;
	background: repeat-x left;
	margin-right: 8px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#toplinks a:hover {
	color: #006633;
	background-color: #C2D8C9;
	background-image: none;
}


#titleHolder {
	height: 130px;
	width: 750px;
	float: left;
	background-repeat: no-repeat;
	font-size: 26px;
	font-weight: bold;
	color: #005900;
	background-image: url(../images/banner_title1.jpg);
}

#titleText {
	width: 400px;
	float: left;
	margin-top: 6px;
	margin-left: 5px;
	font-size: 25px;
	font-weight: bold;
}

#displayDate {
	height: 15px;
	width: 740px;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	background-image: url(../images/banner_date.jpg);
	background-repeat: no-repeat;
	padding-left: 10px;
}
#search{
	background-image: url(../images/banner_search.jpg);
	float: left;
	height: 30px;
	width: 740px;
	text-align: right;
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-top: 4px;
	

}

/* Top Banner CSS Styles End */

#breadCrumbs{
	height: 25px;
	width: 750px;
	padding-left: 2px;
	color: #FFFFFF;
	font-weight: bold;
	float: left;
	font-size: 12px;
	position: static;
	padding-top: 15px;
	padding-bottom: 0px;
	display: block;
	margin-top: 15px;
	margin-bottom: 5px;
}
#breadCrumbs a:link, #breadCrumbs a:visited{
	color: #FFFFFF;
	text-decoration: none;
}

#breadCrumbs a:hover {
	background-color: #468E4C;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	padding-bottom: 5px;
	margin-top: 5px;
}


#contentHolder{
	width: 750px;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #005900;
	margin-top: 10px;
	
}

#contentHolder:after   { 
   content: "."; 
   display: block; 
   height: 100%; 
   clear: both; 
   visibility: hidden; 
   font-size: 1ex; 
   margin: -3ex; 
} 


#leftContent{
	float: left;
	width: 180px;
	padding: 4px;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #005900;
	margin-right: -1%;
}

/* Navigation CSS Styles */

#navcontainer {

}

#navcontainer ul
{
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;

}

#navcontainer a:link, #navcontainer a:visited{
	display: block;
	width: 172px;
	padding: 3px;
	text-decoration: none;
	
}

#navcontainer a:hover{
    background-color: #468E4C;
	color: #fff;
	background-image: none;
	
}

.navSections
{
	color: #FFFFFF;
	background-color: #005900;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/nav_btn_bg_green.jpg);
	border-right: 1px solid #003333;
	border-bottom: 2px solid #003333;
	border-left: 1px solid #003333;
	width: 225px;
	padding: 3px;
	
	
}

.navLinks
{
	color: #005900;
	background-color: #d6d6d6;
	background-repeat: repeat-x;
	background-position: top;
	background-image: url(../images/nav_btn_bg_grey.jpg);
	border-right: 1px solid #666666;
	border-bottom: 2px solid #666666;
	border-left: 1px solid #666666;
}


/* Navigation CSS Styles End */


/* Right Column (Additional) Navigation CSS Styles */

#contact{
	background-color: #f1f1f1;
	height: 30px;
	width: 172px;
	margin-top: 16px;
	padding: 0px;
	font-size: 10px;
	background-image: url(../images/nav_btn_bg_grey.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	border: 1px solid #666666;
	margin-left: 2px;
}

#contact h1{
	margin: 0px;
	padding: 0px;
	height: 10px;
	background-image: url(../images/nav_btn_bg_green.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	color: #FFFFFF;
	font-size: 12px;
}

#contact p {
	padding: 3px;
}

#mainContent{
	background-color: #FFFFFF;
	float: right;
	width: 552px;
	padding: 4px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #005900;
	margin-left: -1%;

}

#footer{
	width: 750px;
	float: right;
	display: block;
	height: 40px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f5f5f5;
	border-left-color: #f5f5f5;
	
}

#footerMain{
	background-color: #f5f5f5;
	height: 40px;
	width: 738px;
	color: #005900;
	background-image: url(../images/footer_bg.jpg);
	font-size: 14px;
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: auto;
	padding: 2px 2px 2px 10px;
}



.leftPicture{
    margin: .2em;
	float: left;
	border: 1px solid #005900;
}

.centerPicture{
	border: 1px solid #005900;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.rightPicture{
	margin: .2em;
	float: right;
	border: 1px solid #005900;
}

.menu{
}

.menu a:link, .menu a:visited{
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #005900;
	width: 400px;
	padding: .2em;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.menu a:hover{
	color: #005900;
	background-color: #E9E9E9;
}


.tableStyle1 td{
	padding: 3px;
	font-size: 10px;
	background-color: #F3F3F3;
}

.tableStyle2 td{
}

.indexMenu td{	
	width: 130px;
	height: 50px;
	border: 3px solid #FFFFFF;
	background-image: url(../images/index_menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	background-color: #F6F6F6;
	text-align: center;
	vertical-align: middle;
}

.indexMenu a:link, .indexMenu td a:visited{
	font-weight: bold;
	color: #005900;
	font-size: 10px;
	text-decoration: none;	
		
	
}