/* CSS File created by Blue Reef Designs: 06-13-08 */

html, body {
		background: url('images/bg.jpg');
		background-color: #FF7600;
		background-position: top center;
		background-attachment: scroll;
		background-repeat : no-repeat;
		border:0;
		margin: 0px;
		text-align: left;
		padding: 0px;
		font-family: Helvetica,Verdana, Arial, Helvetica, sans-serif;
		color:#FFF;
		font-size:12px;
		height: 100%;
}

h2 {
	font-size: 20px;
	color: #6F2500;
	font-family: arial;
	font-weight: normal;
	line-height: 14px;
	margin: 0 0 4px 0;
}

a {
		font-size: 12px;
		color: #6F2500;
		font-family: arial;
		font-weight: normal;
		text-align: left;
}

a:hover {		
		color: #68b02b;
}

#contentmain {
		margin-left: auto;
		margin-right: auto;
		width: 962px;
		height: auto;
		min-height:845px;
		background-color: #FFD400;
}

#header {
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 87px;		
		background: url('images/header_bg.jpg') repeat-x;	
		color : white;
		font-family : arial;
		font-size : 12px;
}

.logo {
		position: absolute;
		/* top: 25px; */
		left: 20px;
		z-index: 1;
}

.linkstop {		
		float: right;		
		padding: 10px;				
}

.linkstop a {		
		text-decoration: none;
		color: white;
}

.linkstop a:hover {		
		text-decoration: underline;
		color: orange;
}

#tabs {		
		height: 38px;
		position:relative;
		position:absolute;
		top: 50px;
		right: 10px;
		z-index: 999;
}

#tablink ul {
		list-style-type:none;
		padding: 0;
		margin: 0;
}

#tablink ul li {
		display: block;
		float: left;
		position: relative;
		padding: 0px;
		margin: 0px;
}

#tablink li a {
		color: #FFF;
		display: block;
		float: left;
		font-family: arial;
		font-size: 12px;
		line-height: 38px;
		text-decoration: none;
		text-align: center;
		background: url('images/tab.jpg') no-repeat;
		width: 116px;
		height: 37px;
}

#tablink li a:hover {
		text-decoration: underline;
		color: orange;
}

#main {
		position: relative;
		margin: 0px;
		padding: 0px;
		height: 240px;		
		background: url('images/main.jpg') no-repeat;			
}

#maininside {
		margin: 0px;
		padding: 0px;		
		height: 72px;
		width: 320px;				
		position: relative;
		top: 120px;
		left: 525px;		
}

.buttons {
	background: #68b02b;
	color: white;
	font-size: 14px;
	border-bottom: 1px solid #49801c;
	border-right: 1px solid #49801c;
	border-top: 1px solid #a4e86a;
	border-left: 1px solid #a4e86a;
	padding: 6px;
}

#mainlower {					
		margin: 0px;
		padding: 0px;
		height: 35px;		
		background: url('images/mainlower.jpg') no-repeat;			
}

.mainlowertext {
		float: right;
		color: #6F2500;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;
		text-align: right;
		padding: 10px;
}

.smalltext {
		font-size: 12px;
		color: #6F2500;
		font-family: arial;
		font-weight: normal;
		text-align: left;
		padding: 2px;
}

#brownsection {					
		margin: 0px;
		padding: 0px;
		height: 72px;		
		width: 962px;
		background: url('images/brown_bg.jpg') no-repeat;			
}

#brownsectionleft {				
		margin: 0px;
		padding: 0px;		
		height: 72px;
		width: 320px;				
		position: relative;
		top: 35px;
		left: 30px;		
}

#brownsectionright {
		margin: 0px;
		padding: 0px;		
		height: 72px;
		width: 642px;		
		line-height: 20px;
		position: relative;
		top: 35px;
		left: 500px;
}

#bodysection {
		float: left;
		margin: 0px;
		padding: 0px;
		/* height: 380px; */
		width: 962px;		
		background: url('images/body_bg.jpg') no-repeat top center;			
		background-color: #FFD400;
}

#bodysectionleft {					
		margin: 0px;
		padding: 0px;		
		height: 380px;
		width: 320px;				
		position: relative;
		top: 35px;
		left: 30px;
		overflow: scroll;
}

#bodysectionright {			
		margin: 0px;
		padding: 0px;		
		height: 380px;
		width: 642px;		
		line-height: 20px;
		position: relative;
		top: 35px;
		left: 500px;
}

.bodysectiontext {			
		font-family: arial;
		font-size: 14px;		
		text-align: left;
		padding: 10px;
		color: #6F2500;
		margin-left: 30px;
		margin-top: 30px;
}

#footer {					
		margin: 0px;
		padding: 15px;
		height: 90px;		
		background: url('images/footer_bg.jpg') no-repeat;		
		text-align: center;
		background-color: #FFD400;
}

.footertext {		
		color: #6F2500;
		font-family: arial;
		font-size: 12px;
		font-weight: bold;			
}

#brlogo {					
		margin: 0px;
		padding: 5px;
		height: 37px;	
		background: url('images/bluereef_logo.png') no-repeat center;		
		text-align: center;
		top: 5px;
}