@charset "UTF-8";
/* CSS Document */

body {
	background-image: url(pine.gif);
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.vid
{
position:relative;
z-index: 1;
}

.men
{
position:relative;
z-index: 10;
}

.menpop
{
position:relative;
z-index: 100;
}




.header {
	margin-left: -10px;
}
	
.main 
	{
		background-image: url(background-top.png);
		background-repeat: no-repeat;
		background-position: top;
	}
	
.cork
{
		background-image: url(cork.jpg);
		background-position: top;
	}
	
.metal
{
		background-image: url(bottom-metal.png);
		background-position: top;
		font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; line-height: 12px;
	}
	
.corkside
{
		background-image: url(corkside.png);
		background-position: top;
	}
	
.paperslip
{
		background-image: url(paper.png);
		background-repeat: no-repeat;
		background-position: top;
		padding-top: 32px;
	}
	
	.camera
{
		margin-left: 6px;
		margin-bottom: -2px;
	}
	
	
.weather
{
		background-image: url(weather2.png);
		background-repeat: no-repeat;
		background-position: top;
	}
	
p { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 12px; line-height: 13pt }	
.closespace {
	margin-bottom: 0px;
	padding-bottom: 6px;
	margin-top: 0px;
	padding-top: 0px;
}
	
	
h2 { color: #006842; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 18px; font-weight: bold;}
	
	
h3
	{
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 14px; 
		font-weight: bold;
		text-transform: uppercase;
		margin-bottom: -10px;
		color: #86f983
	}
	
	
	
h4
	{
		
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 13px; 
		font-weight: bold;
		text-transform: uppercase;
		margin: 30px 0px 10px 0px;
		color: #416a9d
	}
	
	

a:link { color: #026f48; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; }
a:active { color: #026f48; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; }
a:visited { color: #026f48; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; }
a:hover { color: #129c01; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; }

a.white:link { color: #ffffff; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif;font-weight: bold; }
a.white:active { color: #ffffff; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif;font-weight: bold; }
a.white:visited { color: #ffffff; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif;font-weight: bold; }
a.white:hover { color: #fff845; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif;font-weight: bold; }

a.todo:link { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 12px }
a.todo:active { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 12px }
a.todo:visited { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 12px }
a.todo:hover { color: #129c01; text-decoration: underline; background-color: #ffffff; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 12px }


a.graphic:link { color: #694300; text-decoration: none; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 12px }
a.graphic:active { color: #694300; text-decoration: none; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 12px }
a.graphic:visited { color: #694300; text-decoration: none; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 12px }
a.graphic:hover { color: #006842; text-decoration: none; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 12px }

a.small:link { color: #694300; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 10px }
a.small:active { color: #694300; text-decoration: none; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 10px }
a.small:visited { color: #694300; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 10px }
a.small:hover { color: #006842; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: normal; font-size: 10px }

a.clock4:link { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 10px }
a.clock4:active { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 10px }
a.clock4:visited { color: #00492f; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 10px }
a.clock4:hover { color: #129c01; text-decoration: underline; font-family: verdana, arial, helvetica, helv, sans-serif; font-weight: bold; font-size: 10px }


.small { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; line-height: 12px }
.smallspread { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; line-height: 14px }	

.small2 { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 11px; line-height: 13px }

ul { margin-top: -10px;}

ul.tight {
	padding-top: 0px;
	margin-top: -10px;
	margin-bottom: 6px;
}


li { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 12px; line-height: 13pt }

li.smalllist { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; line-height: 10pt; margin-bottom: 3}



td { color: #000000; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 12px; line-height: 13pt }	

td.content { 
padding: 5px 0px 0px 25px;  
width: 610px;

}

td.content2 { padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;

}

td.content3 { padding-top: 50px;
padding-right: 25px;
padding-bottom: 15px;
padding-left: 25px;
background-image: url(ww-bg.gif);
		background-repeat: no-repeat;
		background-position: top;

}


td.space { 
width: 220px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 10px;

}

td.clock1 { color: #00492f; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; font-weight: bold;}
td.clock2 { color: #FFE400; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px; font-weight: bold;}
td.clock3 { color: #00492f; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px;}


.side { color: #A61A17; font-family: verdana, arial, helvetica, helv, sans-serif; font-size: 10px }	


 
td.rhdirectory  { font-variant: normal; font-size: 9px; line-height: 1.4em; font-family: Verdana, Arial, Geneva, Swiss, SunSans-Regular; text-transform: none; vertical-align: top; position: relative; left: 3px }	



	.pic
	{
		margin: 10px 15px 10px 0px;
		border: 1px;
		border-style: solid;
		border-color: #8e1820;
		background-color: #ffffff;
		padding: 4px 4px 4px 4px
	}
	
	
	.pic2
	{
		margin-top: 20px;
		margin-right: 0px;
		margin-bottom: 35px;
		margin-left: 35px;
	
	}
	
	.bullet
	{
		margin: 0px 5px -2px 0px;
	
	}
	
/*********************************************************

-------------------Read Our Blog Styles-------------------

*********************************************************/

      
      .slide-out-div {
          padding: 20px;
          width: 250px;
          background: #ccc;
          border: 1px solid #29216d;
      }      
          
/*********************************************************

-------------------Map Styles-------------------

*********************************************************/
		  
#container { width: 1095px; padding: 0px; margin: 0px;  align: center}
#column1 { width: 250px; border: 0px solid 0; float: left; text-align: left; padding: 10px 0 0 10px}
#column2 { width: 270px; border: 0px solid 0; float: left; text-align: left; padding: 10px 0 0 10px}
#column3 { width: 170px; border: 0px solid 0; float: left; text-align: left; padding: 10px 0 0 10px}
#column4 { width: 150px; border: 0px solid 0; float: left; text-align: left; padding: 10px 0 0 10px}
#column5 { width: 180px; border: 0px solid 0; float: left; text-align: left; padding: 10px 0 0 10px}
.clear { clear: both;}


.topcontainer { 
text-align: left;
background-color: #00492f;
color: #ffffff;
margin: 0px;
padding: 10px 0px 10px 50px;}

.topbox { 
text-align: left;
margin: 0px;
padding: 10px 0px 10px 10px;}

.topbox2 { 
margin: 0px;
padding: 10px 50px 10px 0px;}

.bottomcontainer { 
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.bottombox { 
margin: 0px;
padding: 10px 0px 20px 50px;}

.invisible { color: #ffffff;
margin-left: 0px;
text-align: left;
}

p.topwhite { color: #ffffff;
margin-left: 0px;
text-align: left;
}

.bottomspace {
	margin-bottom: 10px;
	width: 320px;
}

.bottomspace2 {
	margin-left: 40px;
	margin-bottom: 10px;

}

#todo {
	background: url(to_do.png) no-repeat;
	height: 205px;
	width: 218px;
	padding: 65px 15px 0px;
	margin: 0px;
}

/*added 110317*/


.banner {
	margin: 8px 0px 0px 0px;
}

.banner2 {
	margin: 8px 0px 0px 0px;
}

.banner3 {
	margin: 10px 0px 0px 10px;
}



.greenbarwrap .greenbar .countdown {
	background: #FFF;
	margin: 0px 0px 0px 0px;
	padding: 5px;
	width: 209px;
	border: #aecaac 1px solid;
	text-align: center;
}

.greenbarwrap {
	background: #ffffff;
	padding: 0px;
	margin: 0px 0px 20px 14px;
	width: 221px;
	float: right;
	text-align: left;
}

.greenbarwrap .greenbar {
	/*background: #aecaac;*/
	padding: 0px  0px  0px  0px;
	margin: 8px 0px 0px 0px;
	/*width: 199px;*/
	float: right;
	text-align: center;
	/*border: #aecaac 1px solid;*/
}

.greenbar2 {
	background: #e1f0df;
	padding: 10px 10px 14px 10px;
	margin: 8px 0px 0px 0px;
	width: 199px;
	float: right;
	text-align: left;
	border: #aecaac 1px solid;
}

.greenbar3 {
	background: #ffffff;
	padding: 0px;
	margin: 4px 0px 0px 0px;
	width: 199px;
	float: right;
	text-align: center;
/*	border: #aecaac 1px solid;*/
}

.whitecolor { color: #724c0d;
padding: 0px;
margin: 0px 0px 8px 0px;
}

.brownrule {
	border-bottom: #724c0d 1px solid;
	margin: 0px 0px 10px 0px;
}


.greenrule {
	border-bottom: #aecaac 1px solid;
	margin: 38px 0px 20px 0px;
}
.homecopy { width: 386px;
padding: 0px;  }

#weathersection {
	width: 386px;
	height: 149px;
	background: url(beach.jpg) no-repeat right top;
}
#socialmedia {
	float: right;
	height: 246px;
	width: 320px;
	position: relative;
	top: -10px;
}