﻿body {
	margin:0;
	font-family:Verdana, Sans-serif;
	font-size:74%;
	text-align:center; 
	padding-left:0; 
	padding-right:0; 
	padding-top:10px; 
	padding-bottom:0; 
	background-image:url('http://www.new-jersey-beaches.com/box_bk.gif'); 
	background-repeat:repeat; 
	line-height:130%
}	
b            { color: #336699; 
font-weight: bold }
hr{color: #3366CC; font-weight: bold
}
.top-image{
border-bottom: 3px solid #000080; 
}
.csb {
float:right;
width:500px;
margin:10px
}
.core-top{
width:auto;
}
#core-top{
width:auto
}

#rightCol{
border:5px;
border-color:navy;
text-align:center
}
form {border:medium;
border-color:navy;
text-align:center
}

.header {

background-image:url('http://www.new-jersey-beaches.com/images/header.jpg');
background-repeat:no-repeat;
	width:auto;
	text-align:center;

	height:109px}

.logo {
width:350px;
height:130px; 
background-image:url('http://www.new-jersey-beaches.com/nj-beach.gif'); 
background-repeat:no-repeat;
background-position: center; 
padding:10px 10px 10px 10px

}
.main {
padding:0; 
width:450px;
height:120px; 
background-image:url('http://www.new-jersey-beaches.com/images/main_image.jpg'); 
background-repeat:no-repeat;
background-repeat:no-repeat;
background-position: center 


}
.top_nav {
border:1px solid #C0C0C0;
 width:100%;
height:20px; 
background-image:url('http://www.new-jersey-beaches.com/images/blue.gif'); 
background-repeat:repeat;
padding: 5px;
background-position: 50% bottom
}
.top_nav {
border:1px solid #C0C0C0;
 width:780px;
height:20px; 
background-image:url('http://www.new-jersey-beaches.com/images/blue.gif'); 
background-repeat:repeat;
padding: 5px;
background-position: 50% bottom
}

.ad-top {
text-align:center

}
#ad-top {
text-align:center

}	

.ad          { 
float: left; width: 200px; 
 padding-left:5px; 
 padding-right:5px; 
 padding-top:0; 
 padding-bottom:5px 
}
#ad          { 
float: left; width: 200px; 
 padding-left:5px; 
 padding-right:5px; 
 padding-top:0; 
 padding-bottom:5px 
}
#title        { 
font-size: 12pt; 
font-family: serif; 
font-weight: bold; 
text-align: left }
.article     { 
text-align: right
}
.article a {
color: #0000FF 
}

		
/********************   LINK STYLES  *********/
a {
	font-size:1em
}

#image {
	position:absolute;
	top:50px;
	left:0;
	width:160px;
	height:300px

}	
.button {
border: 1px solid #000080;
	background-image:url('http://www.new-jersey-beaches.com/box_bk.gif'); 
	background-repeat:repeat; 
width:150px;
text-align:left;
padding:10px;
margin:5px
}
#button {
border: 1px solid #000080;
	background-image:url('http://www.new-jersey-beaches.com/box_bk.gif'); 
	background-repeat:repeat; 
width:150px;
text-align:left;
padding:10px


}
.nav-image{
background-image:url('http://www.new-jersey-beaches.com/images/nav_top.gif'); 
background-repeat:no-repeat;
width:150px

}
#nav-image{
background-image:url('http://www.new-jersey-beaches.com/images/nav_top.gif'); 
background-repeat:no-repeat;
width:150px

}
a:hover {
	color:#41B4F2;
	text-decoration:underline;
}

	

span a {
	
}

span a:hover {
	color:#FC6289;
}
/****************   HEADER STYLES  ************/
h1 {
	color:#000080;
	font-weight:bold;
	padding-left:10px;
	font-size:110%;
margin-top:15px; 
margin-bottom:6px; 
text-align:center
}

#header h1 {
	color:#000080; 
margin-top:10px; 
margin-bottom:10px; 
padding-top:10px; 
padding-bottom:10px; 
font-weight:bold; 
text-align:center
}

#sidebar h1 {
	font-size:1.4em;
	margin:0 0 0 5px;
	padding-top:5px;
	width:160px;
	color:#333;
}	
#sidebar {
	float:left;
	font-size:1.4em;
	margin:0 0 0 5px;
	width:150px;
	text-align:left;
line-height:130%;
padding:15px

}	


#leftcolumn h1 {
	padding-top:20px;
}	

h2 {
	color:#000080;
	padding-left:10px;
	font-size:130%;
	font-weight:bold;
	margin-top:12px;
margin-bottom:6px
}	
h3 {
	color:#000080;
	padding-left:10px;
	font-size:130%;
	font-weight:bold;
	margin-top:12px;
margin-bottom:6px
}	
h4 {
	color:#000080;
	padding-left:10px;
	font-size:130%;
	font-weight:bold;
	margin-top:12px;
margin-bottom:6px
}	


h2 a {
	text-transform:none;
}
/********************    PARAGRAPH STYLES    **********/
p {
	font-size:1em;
	color:#222 
}	

#sidebar p {
	background: #f3f3f3;
		text-align:left;
	line-height:120%;

	}
	#sidebar a{
	text-align:left;
	line-height:130%;
font-size:10pt;
}	

	#sidebar ul {
	margin-bottom:0;
	padding-top:0; list-style-type:none; 
	text-align:left
}

#sidebar li {
	list-style-image:url("http://www.new-jersey-beaches.com/images/bullet.gif");
}
/**********************      IMAGE STYLES     ************/

/********************    INDEPENDANT DIV IDS AND CLASSES   *******/
/***********************     MAIN CONTAINER  *******************/
#container {
	border:1px solid #000080; 
	padding:20px; 
	width:800px;
	margin:0 auto;
	text-align:left;
	position:relative; 
	background-color:#FFFFFF
}	
/*************************     TOP RIGHT HAND LINKS   *********/
#toplinks {
	background-position: center; 
	position:relative;
	width:780px;
	height:25px;
	background-image:url('http://www.new-jersey-beaches.com/images/blue.gif'); 
background-repeat:repeat;
	margin-bottom:10px;
	text-align:right; 
	padding-right:30px;
	
	
}

#toplinks p {
	color:navy;
	font-weight:bold;
	
}

/*************************    LEFT COLUMN  ************/
#leftcolumn {
	float:right;
	width:530px; 
	text-align:left; line-height:130%
}	

/*********************      RIGHT SIDEBAR COLUMN   ********/


/************************   FOOTER     ***********/
#footer {
	clear:both;
	margin-left:0;
	width:728px;
	text-align:center;
	border-top:1px solid #F3F3F3;
	margin-top:12px; 
	margin-bottom:6px; 
	padding-top:12px; 
	background-color:#FFFFFF
}	
/**********************      LINKS BELOW EACH POST    ***********/
#ad360 {
	float:left;
		
}
.ad360 {
	float:left;
		
}
/***********************      RIGHT HAND SIDE CONTENT BOXES    *******/
.sidebox img {
	text-align:center;
}
#leftcolumn table        { 
width: 550px; 
font-family:serif; 
font-size:10pt 

}
#leftcolumn td        { 
text-align:left 
}

.left_navigation {font-family: Verdana; font-size: 12px; color: #333333}
.left_navigation a:link {color:#1D3E92; text-decoration:none}
.left_text a:visited {color:#1D3E92; text-decoration:none} 
.left_text a:active{color:#1D3E92; text-decoration:none} 
.left_navigation a:hover {background-color: #D9DDED; color: #1D3E92; text-decoration:none}

.left_navigation {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #333333}
.left_navigation a:link {color:#2C5BC0; text-decoration:none}
.left_text a:visited {color:#2C5BC0; text-decoration:none} 
.left_text a:active{color:#2C5BC0; text-decoration:none} 
.left_navigation a:hover {background-color: #E3E6F1; color: #2C5BC0; text-decoration:none}


td           { 
font-size: 10pt; 
font-family: serif;
text-align:center 
}