/*structural sections*/

/*There are five main structural sections, top, left_bar, main, and right_bar. All other structural sections are subsections of those, all positions are absolute/*

/*top*/

#top {
	width : 800px ;
	height : 135px ;
	top : 0 ;
	left : 10px ;
	position : absolute ;
}
#top_pic { 
	background: url(whippsx.jpg); 
		position: absolute; 
		top: 10px; 
		left: 530px;
		width: 270px; 
		height: 147px; 
}

#top_mainhead {
	width : 520px ;
	height : 132px ;
	position : absolute ;
	top : 0 ;
	margin : 0 ;
	padding : 0 ;
}

#top_subhead {
	width : 520px ;
	height : 40px ;
	top : 122px ;
	left: 3px ;
	position : absolute ;
}

/*left_bar*/

#left_bar {
	top : 177px ;
	left : 11px ;
	width : 150px ;
	background-color : #eeeeee ;
	padding-left: 10px ;
	padding-top : 5px ;
	padding-bottom : 10px ;
	position : absolute ;
}

/*main*/

#main{
	top : 177px ;
	left : 171px ;
	width : 470px ;
	position : absolute ;
	padding-left : 10px ;
	padding-right : 10px ;
}

 /*right_bar*/

#right_bar{
	top : 177px ;
	left : 661px ;
	width : 148px ;
	position : absolute ;
	padding : 0 ;
}


/*elements that change*/

a { color: olive; text-decoration:none; }

a:active { 
	
}

a:hover { 
	color:teal ;
}

a:visited {  }

body {
	background-color:white;
	color:black;
	font-family:'Verdana','Arial','Helvetica','Sans-serif';
	margin : 0px ;
	padding : 0px ;
}

/*classes*/

/*for top*/

.mainhead {
	font-size:48px;
	font-weight:bold;
	text-decoration:none;
	color:teal;
}

.subhead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:olive;
}

/*for left_nav*/

.navhead {
	color:olive ;
	font-weight : bold ;
	font-size : 14px ;
	margin-top : 10px ;
}

.nav_subhead {
	color : black ;
	font-weight : bold ;
	font-size : 12px ;
}

/*for right_nav*/
.greybox {
	background-color : #eeeeee ;
	padding : 5px ;
	margin-bottom : 10px ;
}

.greybox_header {
	color:olive ;
	font-weight : bold ;
	font-size : 14px ;
}

.greybox_text {
	color : black ;
	font-weight : bold ;
	font-size : 10px ;
}

.figure
{
float: left;
margin-right: 10px;
margin-left: 2px;
margin-bottom: 10px;
}
/*for main*/

.main_title { color:olive ; font-weight : bold ; font-size : 14px ; }

.main_story {
	margin-bottom : 10px ;border-top: 1px solid teal;
}

.main_story_head { color:teal ; font-weight : bold ; font-size : 14px ;  }

.main_story_body {
	font-size : 12px ;
}
.main_story {
	margin-bottom : 10px ;
}
.main_splashtitle { color: black; font-size: 24px; font-weight: bold; }
.main_splash { color: black; font-size: 12px; font-weight: bold; }

.field_title { color:teal ; font-weight : bold ; font-size : 12px ;  }
.bottom {
	font-size : 10px ;
	color : black ;
	text-align : center ;
}

/*inline styles*/

.inline_date {
	font-weight : bold ;
}

.inline_more {
	font-weight : bold ;
	color : teal ;
}