/*This is how the body of the page is styled*/
body	{
background: #ffffff;
color: #000000;
font-size: 12px;
font-family: Arial, Verdana, Sans-Serif;
margin: 0px 0px 0px 0px;
}

/*This is the wrapper for our page boxes.
This the part of the browser window that we use for our page.*/
#wrapper {
background-color:white;
margin-left:auto;
margin-right:auto;
width:766px;
border: 1px #cdcdcd solid;
}

/*This is our top box which contains the photo/image, Title and Slogan */

#top {
height:133px;
background-image: url(images/ocean_sunset.jpg);
background-repeat: no-repeat;
border-bottom: 1px #cdcdcd solid;
}

/*This is our left column or main content box*/
#left {
float: left;
width: 546px;
padding: 10px;
}

/*This is our right column used for the site navigation menu*/
#right {
float:left;
width: 180px;
padding: 10px;
}

/*This is our footer*/
#footer {
border: 1px gray;
padding-top: 10px;
padding-bottom: 10px;
text-align: left;
padding-left: 10px;
border-top: 1px #cdcdcd solid;
background-color: #ffffff;
font-weight: bold;}

/*This is the main ad or affilliate box*/
#adbox1{}

/*This is our second ad or affilliate box*/
#adbox2{
text-align: center;
padding-top: 10px;
padding-left: 10px;
margin-top: 1em;}

/*This is our site/page header*/
#header {
position:relative;
top:10px;
left:10px;	
font-size:28px;
margin: 0px;
padding: 0px;
font-weight: bold;}

#header a {
color: black;
}
#header a:link {
text-decoration: none;
}
#header a:visited {
text-decoration: none;
}
#header a:hover {
text-decoration: none;
}
#header a:active {
    text-decoration: none;
}

/*This is our site/page slogan*/
#slogan {
position:relative;
top:10px;
left:10px;	
font-size:14px;
margin: 0px;
padding: 0px;
font-weight: bold;}

/*This is our h1 heading. There should only be one per page for seo purposes.*/    
h1 {
position:relative;
top:10px;
left:10px;
font-size:24px;
margin: 0px;
padding: 0px;}

/*This is our h2 heading used for section titles.*/
h2 {
position:relative; left:10px; font-size: 1.5em;
margin-top: 1em;
margin-bottom: 1em;
color: black;}

/*This is our paragraph text*/
p	{
position:relative;
left:10px;
}

/*This is our Cities paragraph text*/
p.cities{
position:relative;
left:10px;
}

/*This is our anchor/hyperlink text
a {
display:block;
/*color: black;*/
text-decoration: none;
border-left: 9px #3875d7 solid;
line-height: 2em;
margin-bottom: 0.5em;	
background-color: #e3e3e3;
font-weight: bold;
padding-left: 10px;}

*/

/*This is how our anchor text looks when the mouse hovers over it
a:hover {
color:black;
border-left: 9px black solid;}
*/

/*This is our navigation text
#nav {
color: #000000;
font-weight: bold;
font-size: 1.5em;
margin-top: 1em;}
*/