/*
      Inspired by Keith Donegan of Code-Sucks.com
	  
*/

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
 line-height:140%;
}

#wrapper { 
 margin: 0 auto;
 width: 772px;
}

#header {
 color: #333;
 width: 735px;
 float: left;
 padding: 10px 25px 10px 10px;
 height: 108px;
 margin: 0px;
 background-color:#8CBC19;
 background-image: url(titleText.jpg);
 background-repeat:no-repeat;
}

.headerImage{
/* displays the school crest */
padding:8px 0px 3px 5px;
border:0px;
}

.infoFor{
float: right;
text-align: right;
padding-bottom:3px;
}


#navigation {
 float: left;
 width: 740px;
 /*color: #333;*/
 color:#FFFFFF;
 padding-left: 30px;
 padding-bottom: 7px;
 margin: 0px 0px 20px 0px;
 background-color:#8CBC19;
}

#navigation form{
float:right;
padding-right:20px;
padding-top:3px;
}

.aButton {
border-width: 1px;
color: #C05302;
font-size: 9pt;
font-weight:600;
}

/* The five content boxes on the home page */
.leftBox, #welcomeRight{
background: #FFF;
border-top: 1px solid #8CBC19;
border-left: 1px solid #8CBC19;
position:relative;
}

.leftBox p{
margin-bottom: 14px;
margin-top: 6px;
line-height:135%;
padding: 0px 11px 0px 8px;
}

#welcomeRight p{
margin-bottom: 14px;
margin-top: 6px;
line-height:135%;
padding: 0px 40px 6px 28px;
}

.leftBox{
width:230px;	
	
}

#welcomeRight { 
 float: right;
 margin: 0px 0px 15px 0px;
padding:0px;
 width: 510px;
}


.slideshow { 
 float: right;
 margin: 15px 0px 15px 0px;
 padding: 10px;
 height: 200px;
 width: 468px;
 background: #FFF;
border: 1px solid #8CBC19;
 /* display: inline; */
}

.slideshow img{
	background-color:##eee;
	 padding: 10px;
}

.leftBox{
 margin: 0px 15px 15px 0px;
 width: 245px;
}

#leftTopBox { 
 margin: 0px 15px 15px 0px;
 /*height: 220px;*/
 width: 245px;
/* float: left;
 clear:both;*/
}


/* all of these redundant with home page redesign

#leftBottomBox { 
 margin: 0px 15px 15px 0px;
 height: 240px;
 width: 245px;
 float: left;
}

#middleBottomBox { 
 margin: 0px 15px 15px 0px;
 height: 240px;
 width: 245px;
 float: left;
}

#rightBottomBox { 
 float: right;
 margin: 0px 0px 15px 0px; 
 height: 245px;
 width: 245px;
  display: inline; 
}

end of home page layout styles*/

/*start of second level layout styles*/
#leftNavDetailPage { 
 margin: 0px 15px 15px 0px;
 width: 165px;
 float: left;
}

#contentDetailPage { 
 float: right;
 margin: 0px 0px 15px 0px; 
 width: 585px;
border-left: 1px solid #8CBC19;
 /* display: inline; */
}
/* full width used by today.cfm  */
#fullWidthDetailPage{
 margin: 0px 15px 15px 0px;
 width: 770px;
 float: left;
 border-left: 1px solid #8CBC19;
}

#fullWidthDetailPage p{
padding:0px 50px 10px 15px;
line-height:165%;
}

/* 2 column css for detail pages  */
#contentDetailPage p{
	padding: 0px 25px 20px 15px;
	line-height:165%;
}

#leftNavDetailPage p{
padding:20px 25px 0px 15px;
font-size:90%;
line-height:165%;
}

/*end of second level layout styles*/

/* text formatting */

h3{ font-size:100%;
	color:#FFFFFF;
	border-bottom: 1px solid #8CBC19;
	background-color: #8CBC19;
	padding:3px 20px 4px 11px;
	margin-bottom:0px;
	background-image: url(H3background.jpg);
	background-repeat:repeat-x;
}

h4{ font-size:110%;
	margin: 15px 0px 0px 0px;
	padding: 0px 25px 3px 15px;
}

ul, ol {
	margin-left: 50px;
	margin-top: -10px;
	margin-right: 40px;
	margin-bottom: 10px;
}

table{
margin-left:20px;
}

/* pseudo classes for links not in the header */

/* for the links and references in the newspaper stories */
.newspaper {
	font-weight:700;
	}
	
.newspaperReference {
	font-style:italic;
	display:block;
	padding-bottom:5px;
	
	border-bottom:#030 solid 1px;
}
	
a {
	color: #72190B;
	text-decoration: none;
}

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

/* pseudo classes for header links */
#navigation a, #header a {
color:#FFFFFF;
text-decoration:none;
}

#navigation a:hover, #header a:hover {
color:#FFFFFF;
text-decoration:underline;
}

#footer { 
 width: 750px;
 clear: both;
 font-size:96%;
 border-top: 1px solid #8CBC19;
 border-left: 1px solid #8CBC19;
 background: #FFF;
 margin: 20px 0px 10px 0px;
 padding: 8px 20px 6px 11px;
}

/* image and associated formatting */

.caption{
font-style:italic;
}



.contentDetailPageImage img{
margin:3px;
padding:8px;
border:1px solid #8CBC19;
}