body {
	font: .8em Verdana, Arial, Helvetica, sans-serif;
	background: #4D82B8;
	margin: 0 2%;
	padding: 0;
	
	}

  #header {
	background: #4D82B8 url(/destin/images/destin-mosaic3.jpg) repeat-x left 37px;
	text-align:center;
	position:relative;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fff;
	min-width: 853px;

}

#header img {border:none}

#share {
	position:absolute;
	top: 215px;
	left: 10px;
	}

	
#nav {
	position:absolute;
	top: 0;
	right:0;
	margin: 0;
	padding:.5em;
	padding-right: 0;
	white-space: nowrap;
	text-align:right;
	font-weight: bold;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#nav li {
	display: inline;
	list-style-type: none;
	padding: .5em;
	color: #fff;

}

#nav a:link, #nav a:visited {
color: #fff;
text-decoration: none;
outline:none;
}

#nav a:hover {
color: #6cb5ff;
text-decoration: none;
}

/*pass current link through body tag*/

body.series a#series, 
body.filmakers a#filmakers, 
body.participants a#participants, 
body.sponsors a#sponsors,
body.store a#store,
body.home a#home {
color: #fff;
text-decoration: none;
}	
	
	
#footer {
	clear:both;
	float:left;
	width:100%;
	background: #4D82B8;
	color: #fff;
	margin: 0;
	text-align:center;
}
#footer .gutter {padding: .5em;}

#footer a {color: #fff; outline: none}
#footer a:hover {color:#6cb5ff; outline:none;}

/* Start of Column CSS */
#container3 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;
	border: solid 1px #fff;
	min-width: 853px;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:33.333%;
	border-right: dotted 1px #cc9966
}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:33.33%;
	border-right: dotted 1px #cc9966
}

#container1,  #container2, #container3 {background: #d7c8b8 url(/destin/images/sand.jpg) repeat;}

#col1 {
	float:left;
	width:29.33%;
	position:relative;
	left:68.67%;
	overflow:hidden;
}
#col2 {
	float:left;
	width:29.33%;
	position:relative;
	left:72.67%;
	overflow:hidden;
}
#col3 {
	float:left;
	width:29.33%;
	position:relative;
	left:76.67%;
	overflow:hidden;
}
#col1, #col2, #col3 {padding-bottom: 1em}

a {color:#386da3; outline:none;}
a:hover {color:#6cb5ff; outline:none;}

h1 {
	color: #d14700;
	font: 2.5em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {color: #4D82B8;
font: 1.9em "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ad img {border:solid 1px #000; width: 90%}

.rounded {
border:solid 1px #ba4407; 
padding: .5em;
background-color:#f3eee6;
color: #ba4407;
margin: 1em 0;
}
.rounded a {color: #ba4407;}

.hilite { background-color: #ff0; }

#output {
	text-align:left;
	margin-bottom: 1em;
	}
#output a {color: #fff;}

#mytext {padding: .5em 40% 1em 3em; background: #fff;}
#mytext p {
	font: 16px Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
}

