/* ##### Map Styles ##### */	


/* page design */

/* For IE */
body {
font-family: verdana, arial, sans serif;
width:100%;
min-width: 960px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background: #0f324e;
background-image: url('images/sandback4.jpg');
background-repeat: repeat-y;
}

/* For everybody else */
html>body {
font-family: verdana, arial, sans serif;
width:100%;
min-width: 960px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
background: #0f324e;
background-image: url('images/sandback4.jpg');
background-repeat: repeat-y;
}

#wrap
	{
	margin-top: 60px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right:15px;
	}


img { 
border: 0px none; 
}

a:visited, a:link, a:active
{
color: #043F81; 
font-weight: normal; 
text-decoration: underline;
}

a:hover 
{ 
color: #f8a110; 
font-weight: normal; 
text-decoration: underline;
}


A.white2:hover {
position: relative; 
color: #000000; 
font-weight: normal; 
text-decoration: none; 
background: #E3F1BA; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #E3F1BA; 
border-right-color: #E3F1BA; 
border-left-color: #E3F1BA; 
border-bottom-color: #E3F1BA;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px; 
}

H3
{
font-family: verdana, arial, sans serif;
font-size: 90%; 
color: #333333;
font-weight: bold;
margin-top: 25px;
background-color:#E9E9E9; 
border:#FFFFFF solid 1px;
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding: 5px;
}

.middlerow2
{ 
position: relative;
display: block;
padding-top: 0px;
padding-bottom: 0px;  
padding-right: 0px;
padding-left: 0px;  
font-size: .7em;
margin-top: 0px;
margin-left: 150px;
margin-bottom: 15px;
}

.middlerow2 ul 
{
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 25px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 30px;
list-style-type: none;
clear: both;
}

.middlerow2 li 
{
text-align: left;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin: 0px 0px 0px 0px;
}

.middlerow2 li a:link, .middlerow2 li a:visited,
.middlerow2 li a:active
{
position: relative; 
color: #FFFFFF; 
font-weight: normal; 
text-decoration: none; 
border-style: solid; 
border-width: 1pt; 
border-top-color: #0f324e; 
border-right-color: #0f324e; 
border-left-color: #0f324e; 
border-bottom-color: #0f324e;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px;
}

.middlerow2 li a:hover
{
position: relative; 
color: #0f324e; 
font-weight: normal; 
text-decoration: none; 
border-style: solid; 
background: #b3d1e9;
border-width: 1pt; 
border-top-color: #FFFFFF; 
border-right-color: #FFFFFF; 
border-left-color: #FFFFFF; 
border-bottom-color: #FFFFFF;
padding-top: 5px; 
padding-bottom: 5px; 
padding-left:5px; 
padding-right: 5px;
}


#pagecont {
vertical-align: top;
font-family: verdana, arial, sans serif;
padding-top: 0px;
padding-bottom: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 220px;
margin-right: 0px;
}


.maincontent	
	{ 
	vertical-align:top;
	font-weight: normal; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	margin-top: 0px;
	text-align: left;
	}	


.mainsec {
background: #ffffff;
border:#333366 solid 0px;
border-top-color: #5EB5D5; 
border-right-color: #5EB5D5; 
border-left-color: #5EB5D5; 
border-bottom-color: #5EB5D5;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-top: 5px;
}

.grainsize {
background: #b7d7f7;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-top: 0px;
}
	
/* left navigation scroll bar */	

#navlinks
	{
	float: right;
	margin-left: 0px;
	margin-right: 25px;
	margin-bottom: 0px;
	margin-top: -40px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	font-size: 12px;
	color: #F5F7F8;
	}


#navlinks  a:visited { color: #F5F7F8; text-decoration: none; background: transparent;}
#navlinks  a:link  { color: #F5F7F8; text-decoration: none; background: transparent;}
#navlinks  a:active  { color: #F5F7F8; text-decoration: none; background: transparent;}
#navlinks  a::hover { color: #F5F7F8; text-decoration: none; background: transparent;}


#locations
	{
	height: 26px;
	background-image: url('images/locations.jpg');
	background-repeat: no-repeat;
	}
	
#locations img
	{
	float: right;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: -30px;
	}	
		
	

#bugs
	{
	padding-top: 18px;
	padding-left: 2px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
	}
	
#bestviewed
	{
	padding-top: 38px;
	padding-left: 14px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin: 0px;
	}

#left-box
	{
	float: left;
	width: 202px;
	text-align:left; 
	vertical-align: top;
	font-family: verdana, arial, sans serif;
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	clear:both;
	/* margin-top: 30px; FOR NO NAV LINKS*/
	}
	

	
#leftnav1 {
position: relative; 
height:380px; 
overflow:auto;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:transparent; 
font-weight: normal; 
font-size: 10pt; 
text-align: left;
vertical-align: top;
border-top: none;
/*scrollbar-face-color: #5770A8;
scrollbar-arrow-color: #FFFFFF;
scrollbar-highlight-color: #FFFBF0;
scrollbar-3dlight-color: #5770A8;
scrollbar-shadow-color: #FFFBF0;
scrollbar-darkshadow-color: #5770A8;
scrollbar-track-color: #CCCCCC;*/
}	


#leftnav1 ul {
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 5px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
width: 197px;
list-style-type: none;
list-style-position: outside;
display:  list-item;
}

#leftnav1 li 
{
width: 180px;
}

#leftnav1 li a
{
	background-color:#335c7c;
	display: block;
	border: 1px solid ;
	border-top-color: #F5F7F8; 
	border-right-color: #F5F7F8; 
	border-left-color: #F5F7F8; 	
	border-bottom-color: #F5F7F8;
	font-size: .8em;
	padding-top: 3px;
	padding-left: 6px;
	padding-bottom: 5px;
	padding-right: 0px;
	margin-left:5px;
	margin-top: 1px;
	margin-bottom: 0px;
	margin-right: 0px;
	color: #E3DDCF;
	text-align: left;
	width: 90%;
	text-decoration: none; 
}

#leftnav1 li a:hover
{
display: block;
padding-top: 3px;
padding-left: 6px;
padding-bottom: 5px;
padding-right: 0px;
margin-left:5px;
margin-top: 1px;
margin-bottom: 0px;
margin-right: 0px; 
background-color:#A6C9E7; 
border: 1px solid #5EB5D5;
border-top-color: #F5F7F8; 
border-right-color: #F5F7F8; 
border-left-color: #F5F7F8; 	
border-bottom-color: #F5F7F8;
text-align: left;
color: #000000; 
font-weight: normal; 
width: 90%;
text-decoration: none; 
}

.white_tl {
	background: #f1f0ed url(images/white_corner_l.gif) no-repeat 0 0;	
}

.white_tl SPAN {
	background-image: url(images/white_corner_r.gif) ;
}


.white_tr {
	width: 100%;
	text-align: left;
	margin-top: 25px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #f1f0ed;
}

.white_tr SPAN {
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	text-align: left;
	background: transparent url(images/white_corner_r.gif) no-repeat 100% 0;
}
/* add padding here if no rounded corners */

#whitebox {
	font-size: .8em; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left:  10px;
	padding-right: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	background: #f1f0ed;	
	background-image: url('images/infobox.jpg');
	background-repeat: repeat;
}

#whitebox img
{
padding-top: 5px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

h2.title {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	}

#whitebox p
{
padding-top: 3px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
text-align: left;
}

.white_br {
	width: 100%;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	color: #f1f0ed;
}

.white_br SPAN {
	display: block;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 2px;
	text-align: left;
	background: transparent url(images/white_corner_br.gif) no-repeat 100% 0;
}


.white_bl {
	background: #f1f0ed url(images/white_corner_bl.gif) no-repeat 0 0;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}


.white_bl SPAN {
	background-image: url(images/white_corner_br.gif) ;
}

/* SHARE STYLES */


.sharethis {
	float:  left;
	background: transparent;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 33px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

.sharethis ul {
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 0px;
margin-left: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
list-style-type: none;
}

.sharethis li {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
display: inline;
}

#joinus {
	float: left;
	background: transparent;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	padding-left: 0px;
	width: 0px;
}

#webby {
	background: transparent;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px;
	padding-top: 25px;
	padding-left: 0px;
	padding-bottom: 0px;
}

#aboutinfo {
	display:block;
	position:relative;
	margin-left: 30%;
	background: transparent;
	padding: 0px;
	padding-bottom: 0px;
	color: #11273c;
}

#aboutinfo .infobox {
float: left;
width: 66%;
margin-bottom: 0px;
margin-right: 13px;
padding-bottom: 0px;
}


#aboutinfo2 {
	display:block;
	position:relative;
	background: transparent;
	padding: 0px;
	padding-bottom: 20px;
	color: #11273c;
}

#aboutinfo2 .infobox2 {
float: left;
width: 660px;
margin-bottom: 10px;
}


#commentform textarea {
	width: 520px;
	padding: 2px;
	}


/* *** */
	
#side_bar li 
{
list-style-type: none;
list-style-position: outside;
display:  list-item;
}	
	
hr {
height: 1px;
border: thin 1px #405070;
color: #003366; 
}	

.sandbox {



/*background-image: url('images/infobox.jpg');
background-repeat: no-repeat;*/
}


/* MAP STYLES */
	
#sandmap
{
	display: block;
	position: relative;
	margin-right: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	border: 1px solid #697683; 
	width: 99%; 
	height: 500px;
	/*width: 100%; FOR FULL SCREEN */ 
	/*height: 100%; FOR FULL SCREEN */
	/*position: absolute; FOR FULL SCREEN */
	/*top: 0px; left: 0; FOR FULL SCREEN */

}	

.infowindow
{
display:block;
background: #f5f5f5;
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 110%;
padding: 10px;
/*border: 1px solid #e0e4e8;*/
/*border: 1px solid #abafb3; */
/*background: #f5f5f5;*/
}


.infowindow div
{
display:block;
height: auto;
width: 485px;
background: #f8f7fc;
font-family: verdana, arial, sans-serif;
font-weight: normal;
}

.wikitext
{
font-family: verdana, arial, sans-serif;
font-size: 75%; 
font-weight: normal;
width: 485px;
}

.infowindow a
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 80%;
}

h3
{

font-family: verdana, arial, sans-serif;
color: #d61831;
font-size: 120%; 
font-weight: bold;
}


.infowindow h4
{
font-family: verdana, arial, sans-serif;
font-weight: normal;
font-size: 100%;
color: #000000;
margin: 0px;
padding-top: 10px;
padding-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}

.infowindow h3
{
margin-top: 5px;
margin-bottom: 5px;
font-family: verdana, arial, sans-serif;
color: #063e7f;
font-size: 120%; 
font-weight: bold;
}


.infowindow img
{
float: left;
margin-right: 12px; /* padding for qualities section on non-slideshow infowindows */
margin-top: 10px;
border: 10px solid #e5e4e2;
}


.infowindow .slidelt
{
vertical-align:top;
float: left;
margin-bottom:0px;
margin-top: 10px;
margin-right: 12px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:0px;
padding-right:0px;
width:281px;
height:150px;
background-color:#e5e4e2;
}


.infowindow .slidelt img
{
float: none;
vertical-align:top;
padding: 8px;
margin-bottom:0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
border: 1px solid #ffffff;
}

.infowindow .awardlogos
{
vertical-align:top;
margin-bottom:0px;
margin-top: 20px;
margin-right: 12px;
margin-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-left:0px;
padding-right:0px;
height:180px;

}


.infowindow .awardlogos img
{
float: none;
vertical-align:top;
padding: 15px;
margin-bottom:0px;
margin-top: 0px;
margin-right: 0px;
margin-left: 10px;
border: 1px solid #ffffff;
}



.infowindow ul
{
margin-right: 0px;
margin-top: 10px;
margin-left: 17px;
margin-bottom: 0px;
padding: 0px;
}

.infowindow li
{

font-family: verdana, arial, sans-serif;
color: #063e7f;
font-size: 90%; 
font-weight: normal;
}

.lightbox
{

font-family: verdana, arial, sans-serif;
color: #063e7f;
font-size: 85%; 
font-weight: bold;
}

.qualities
{
display:block;
font-family: verdana, arial, sans-serif;
font-size: 65%; 
font-weight: normal;
margin:0px;
margin-top: 10px;
padding-top: 8px;
padding-bottom: 30px;
padding-left: 0px;
padding-right: 0px;
}


.wikidisclaim img
{
border: 0px;
padding: 0px;
}

.wikidisclaim
{
font-family: verdana, arial, sans-serif;
font-size: 60%; 
color: #999999;
font-weight: normal;
width: 450px;
}


img.noft
{

display: block;
position: relative;
margin-right: 10px;
margin-top: 0px;
border: 10px solid #e5e4e2; 
}


.infowindow a:visited, .infowindow a:link, .infowindow a:active
{
color: #043F81; 
font-weight: normal; 
text-decoration: underline;
}

.infowindow a:hover 
{ 
color: #f8a110; 
font-weight: normal; 
text-decoration: underline;
}

img.arrow

{
	vertical-align: middle;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
}


#tweetbox {
	font-size: .8em; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	vertical-align: top;
	color: #f8a110;
	width: 99%;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:  2px;
	padding-right: 2px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: left;
	background-color: #202020; 	
	border: 1px solid #FFFFFF;
	border-top-color: #FFFFFF; 
	border-right-color: #FFFFFF; 
	border-left-color: #FFFFFF; 	
	border-bottom-color: #FFFFFF;
}

/* hide the twitter widget until user clicks button to show */
#twitwidget {
	display: none;
	font-size: .8em; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:  0px;
	padding-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	/* set transparencies */
	/*filter:alpha(opacity=80);*/
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); */ 
	/* above line works in IE6, IE7, and IE8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=4)"; */ 
	/* above line is IE8 only */ 
	/*opacity:0.8; */
	/*-moz-opacity:0.8; */
	/*-khtml-opacity: 0.8;*/
}	

#button {
	display: block;
	position:relative;
	font-size: .7em; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	vertical-align: top;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:  120px;
	padding-right: 0px;
	margin-top: -35px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;	
	border: 0px solid ;
	border-top-color: #fff; 
	border-right-color: #fff; 
	border-left-color: #fff; 	
	border-bottom-color: #fff;
	width: 70px;
}

#button img {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left:  0px;
	padding-right: 0px;
	margin: 0px;
}

#closeme {
	position: relative;
	vertical-align: top;
	padding-top: 1px;
	padding-bottom: 4px;
	padding-left:  6px;
	padding-right: 4px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 265px;
	margin-right: 0px;	
	width: 16px;
	font-size: 1.4em;
	background: #202020;
	/* set transparencies */
	filter:alpha(opacity=80); /* IE6, IE7 */ 
	opacity:0.8; 
	-moz-opacity:0.8; 
	-khtml-opacity: 0.8;
}

.twtr-widget .twtr-timeline {
	/* set transparencies */
	/*filter:alpha(opacity=80);*/
	/*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); */ 
	/* above line works in IE6, IE7, and IE8 */  
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=8)"; */ 
	/* above line is IE8 only */ 
	/*opacity:0.8; */
	/*-moz-opacity:0.8; */
	/*-khtml-opacity: 0.8;*/
}


#closeme a:visited, #closeme a:link, #closeme a:active
{
color: #eeeeee;
font-weight: bold; 
text-decoration: underline;
}

#closeme a:hover 
{ 
color: #f8a110; 
font-weight: bold; 
text-decoration: underline;
}


#tweetbox img {
	float: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left:  3px;
	padding-right: 8px;
	margin: 0px;
}

#twitter_update_list {
margin-left: 0px; 
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 0px;
padding-top: 0px; 
padding-bottom: 0px; 
padding-left: 0px; 
padding-right: 0px; 
list-style-type: none;
list-style-position: outside;
display:  list-item;
border: 0px dashed #d9dbdb;
font-size: .8em;
word-wrap: break-word;
}

#twitter_update_list li {
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 5px; 
padding-right: 5px;
border-bottom: solid 0px #689271;
}