/* Stylesheet for the Chesterfield Explorers' Society */

/*****************/
/* General Style */
/*****************/

body {		
			background: #1e002e; /*url(../images/background_image.jpg) no-repeat scroll top left;*/
			font-family: Verdana;
			font-size: 12px;	
	}
	
caption {
			font-size: 10px;
	}
	
#bg_border {
			background: url(../images/border.jpg) repeat-y;
			margin: auto;
			width: 780px;
	}
	
#bg_body {
			background-color: white;
			width: 760px;
			margin-left: 11px;
	}
	
#header {
			margin-left:13px;
			width: 758px;
			line-height: 0;
			letter-spacing: 0px;
			padding-top: 2px;
		}
			
#header img {
			border: 0;
			margin: -2px;
	}
	
#header_bottom {
			background: url(../images/header_border.jpg) no-repeat;
			height: 15px;
	}
	
#post {
			padding-right: 25px;
			background: url(../images/post_bg.jpg) no-repeat top left;
	}
	
.sub_post {
			width: 75%;
			padding-right: 15px;
			padding-top: 10px;
			float: right;
			background: url(../images/post_bg.jpg) no-repeat top left;
	}
	
#post_title {
			text-align: left;
			font-size: 20px;
			font-weight: bold;
			color: #052c66;
			margin-bottom: -15px;
			margin-left: 10px;
	}
	
.post_title_sub {
			text-align: left;
			font-size: 20px;
			font-weight: bold;
			color: #052c66;
			margin-bottom: -15px;
			margin-left: 170px;
	}
	
.post_title_sub_name {
			text-align: left;
			font-size: 18px;
			font-weight: bold;
			color: #052c66;
			margin-bottom: -15px;
			margin-top: 25px;
			margin-left: 20px;
	}
	
.post_title_sub_info {
			text-align: left;
			font-size: 12px;
			font-weight: bold;
			color: #052c66;
			margin-bottom: -15px;
			margin-top: 15px;
			margin-left: 20px;
	}
	
#post p {
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 25px;
			padding-top: 25px;
			padding-bottom: 25px;
	}
	
#sub_post p {
			text-align: justify;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 25px;
			padding-top: 25px;
			padding-bottom: 25px;
	}
	
.sub_post a{
			text-decoration: none;
			color: black;
	}
	
.sub_post a:visited{
			color: black;
	}	
	
.sub_post a:hover{
			color: red;
	}
	
.people {
			text-align: left;
			margin-top: 0px;
			margin-bottom: 0px;
			margin-left: 25px;
			padding-top: 25px;
			padding-bottom: 25px;
	}
	
#post body {
			background: url(../images/post_bg.jpg) no-repeat top left;
	}		
	
#sub {
			font-size: 11px;
			width: 780px;
			margin: auto;
			margin-bottom: 55px;
	}

#sub a{
			text-decoration: none;
			color: white;
	}
	
#sub span.left{
			float: left;
			padding-left: 11px;
	}
	
#sub span.right{
			color: white;
			float: right;
			padding-right: 11px;
	}
	
li {
			background: url(../images/dot.gif) no-repeat scroll 0 0;
			list-style:none; 
			padding-left:30px; 
			line-height:15px;
	}
	
#xhtml {
			float: right;
	}
	

	
/********/
/* Tabs */
/********/

#tabs {
			background: url(../images/tabs_bg.jpg) no-repeat;
			padding-left: 10px;
	}

#tabs a {
			background: url(../images/tabs_left.gif) no-repeat left top;
			padding-left: 5px;
			font-family: Tahoma;
			font-size: 17px;
			font-weight: bold;
			color: #ffffff;
			margin: 1px;
			text-decoration: none;
			
	}
	
#tabs a span {
			background: url(../images/tabs.gif) repeat-x right top;
			padding-right: 5px;
	}
	
#tabs_left {
			width: 20%;
			float: left;
	}
	
#tabs_left a {
			background: url(../images/sub_tabs.gif) no-repeat right top;
			display: block;
			width: 130px;
			height: 21px;
			font-size: 15px;
			color: #ffffff;
			margin: 0px 0px -5px -5px;
			text-decoration: none;
			padding-left: 15px;
	}
	
#tabs_left a span {
			padding-left: 5px;
			line-height: 20px;
	}
	
/*********************************/
/* Tabs - Hover & Active Actions */	
/*********************************/
	
#tabs a:hover {
			background: url(../images/tabs_left.gif) no-repeat left bottom;
	}
		
#tabs a:hover span {
			background: url(../images/tabs.gif) repeat-x right bottom;

	}
	
#tabs_left a:hover {
			background: url(../images/sub_tabs.gif) no-repeat right bottom;
	}
	
#tabs a.active {
			background: url(../images/tabs_left.gif) no-repeat left bottom;
	}
		
#tabs a.active span {
			background: url(../images/tabs.gif) repeat-x right bottom;

	}
	
#tabs_left a.active {
			background: url(../images/sub_tabs.gif) no-repeat right bottom;
	}