@charset "utf-8";
/*
     @@@   @@@@@@   @@@@@@@@@@   @@@@@@@@   @@@@@@   
     @@@  @@@@@@@@  @@@@@@@@@@@  @@@@@@@@  @@@@@@@   
     @@!  @@!  @@@  @@! @@! @@!  @@!       !@@       
     !@!  !@!  @!@  !@! !@! !@!  !@!       !@!       
     !!@  @!@!@!@!  @!! !!@ @!@  @!!!:!    !!@@!!    
     !!!  !!!@!!!!  !@!   ! !@!  !!!!!:     !!@!!!   
     !!:  !!:  !!!  !!:     !!:  !!:            !:!  
!!:  :!:  :!:  !:!  :!:     :!:  :!:           !:!   
::: : ::  ::   :::  :::     ::    :: ::::  :::: ::   
 : :::     :   : :   :      :    : :: ::   :: : :    
                                                     
                                            
@@@@@@@   @@@  @@@@@@@  @@@@@@@@  @@@@@@@   
@@@@@@@@  @@@  @@@@@@@  @@@@@@@@  @@@@@@@@  
@@!  @@@  @@!    @@!    @@!       @@!  @@@  
!@!  @!@  !@!    !@!    !@!       !@!  @!@  
@!@!!@!   !!@    @!!    @!!!:!    @!@!!@!   
!!@!@!    !!!    !!!    !!!!!:    !!@!@!    
!!: :!!   !!:    !!:    !!:       !!: :!!   
:!:  !:!  :!:    :!:    :!:       :!:  !:!  
::   :::   ::     ::     :: ::::  ::   :::  
 :   : :  :       :     : :: ::    :   : :  
                                            

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

/* begin basic global styles */
html, body, div, h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd {
	color: #000000;
	list-style: none;
	margin: 0;
	padding: 0;
}
html {
	background: #000000;
}
body {
	font: 12px arial;
}
a {
	color: #444;
	font-weight: bold;
	text-decoration: none;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.5em;
}
.floatright {
	float: right;
}
.floatleft {
	float: left;
}
/* Body Wrapper */

#main {
	background: #ffffff;
	margin: 100px auto;
	width: 777px;
	margin-bottom: 10px;
}
/* Heading Styles */

#header {
}
#mainTitle {
	text-align: center;
}
#mainTitle a {
	text-align: center;
}
#mainTagline {
	display:block;
	text-align: center;
	font-size: 18px;
}
/* Navigation Bars */

#topLinks, #bottomLinks {
	font-size: 1.5em;
	line-height: 2em;
	background: #00526E;
	text-align: center;
}
#topLinks li, #bottomLinks li {
	display: inline;
	list-style: none;
}
#topLinks li a, #bottomLinks li a {
	color: #fff;
	margin: 0 .5em;
}
#topLinks li a:hover, #bottomLinks li a:hover {
	color: #ccc;
}
/* Page Layout---2 columns */

#rightside {
} /*this should be set to the width of the sidebar*/
#leftside {
	width:220px;
	float:left;
}
/* wrapper for elements below nav */

#mainArea {
	padding: 1em;
}
/* Left Side Layout */

#leftLinks {
	padding:1em;
	text-align: center;
	background: url(http://thedeserttides.com/images/bggreydiag.gif) left top repeat;
	border: #1F297F solid 1px;
}
#leftLinks li {
	line-height: 1.55em;
	display: inline;
}
#leftLinks a, #leftLinks a:link {
	color: #000000;
}
#leftLinks a:hover {
	text-decoration:underline;
}
/* Sitemap sidebar link area */

#sidesm {
	border: 2px solid #618095;
	margin: 1em 0;
	padding:1em;
	background-color: #CAE0EF;
}
#sidesm li {
	line-height: 1.55em;
}
#sidesm a, #sidesm a:link {
	color: #000000;
}
#sidesm a:hover {
	text-decoration:underline;
}
/* Web Link Box */

#webLinkTop, #webLinkBottom {
	height: 270px;
	margin:1em 0;
	padding: em;
	background: url('/images/weblink.png') center no-repeat;
}
#webLinkTop, #webLinkBottom {
	margin:0;
}
#webLinkTop h2, #webLinkBottom h2 {
	text-align:center;
}
#webLinkTop dl dt, #webLinkBottom dl dt {
	float:left;
	width:100px;
	font-weight:normal;
}
#webLinkTop dl dd, #webLinkBottom dl dd {
	margin-left:100px;
}
#addressLeft {
	width:250px;
	float:left;
}
#addressRight {
	margin-left:250px;
}
#webLinkTop a, #webLinkBottom a {
	display: block;
	text-indent: -99999px;
	height: 225px;
	z-index: -5;
}
#webLinkTop a:focus, #webLinkBottom a:focus {
	outline:0;
}
/* Page Content Styles */

#content {
	text-align: left;
	margin: 0px auto;
	padding:1em;
	font-size: 17px;
	width: 650px;
}
#content img {
	margin: 8px;
	padding: 5px;
}
#content li {
	list-style: disc;
	margin-left: 30px;
}
/* Bottom Keyterms */

#relatedInfo {
background: #;
	padding: 1em;
	text-align: center;
	clear:both;
	background: url(http://thedeserttides.com/images/bggreydiag.gif) left top repeat;
	border: #1F297F solid 1px;
}
#relatedInfo li {
	display:inline;
}
#relatedInfo h3 {
	color: #000;
	font-size: 18px;
}
#relatedInfo a {
	color: #000;
}
#relatedInfo a:hover {
	color: #ccc;
}
/* Weather */

#wrap {
	margin-bottom: 10px;
	margin-top: 30px;
	display: block;
	height: 200px;
	margin-bottom: 100px;
	padding-bottom: 5px;
	position: relative;
	background: #CAE0EF;
	margin: 10px;
	padding: 40px;
	border: #1F297F solid 1px;
	margin-bottom: 10px;
	background: url(http://thedeserttides.com/images/bggreydiag.gif) left top repeat;
}
#weather {
	text-align: right;
	padding:0px 30px 0px 0px;
	margin-top: 0px;
	float: right;
	width: 200px;
}
#weather img {
	float:left;
	margin:0;
}
/* Opt in form classes */

#optin {
	border: 2px solid #618095;
	margin: 1em 0;
	padding:1em;
	background-color: #CAE0EF;
}
#optin label {
	display:block;
}
#optin label span {
	width:45px;
	float:left;
	margin:7px 0;
	font-size:14px;
	font-weight:bold;
}
#optin label input {
	width:130px;
	height:15px;
	margin:5px 0;
}
#optin input[type="submit"] {
}
/* Cartoon of the day */

#cotd {
	margin: 0px 0;
	padding: 0px 60px;
	text-align:center;
	float: left;
	width: 160px;
}
#cotd h2 {
	font-size: 12px;
}
#cotd img {
	border: #00526E solid 1px;
}
/* Search box */

#search {
	text-align:center;
	padding: px;
	position: absolute;
	border: 0px;
	margin-top: 0px;
}
#search {
	opacity:0.5;
	filter:alpha(opacity=60)
}
#search {
	text-transform:uppercase
}
#search {
	width:400px;
	float:left;
}
#search input, #search option {
	margin:0 5px;
}
#search fieldset {
	border: 0px;
}
/*------------------------------------------
Forms
------------------------------------------*/
#content form {
	text-align:center;
}
#content form span {
	display:block;
	clear:both;
}
#content form span label {
	width:75px;
	float:left;
	text-align:right;
	line-height:24px;
}
#content form span input[type=text], #content form label textarea {
	width:375px;
}
#content form span textarea {
	height:75px;
	width:375px;
}
#content form input[type=submit] {
	margin:0 auto;
}
/*------------------------------------------
Site Map area Possibly Reusable
------------------------------------------*/
#sitemap {
	margin-left:5px;
}
#sitemap dt {
	margin-left:10px;
}
#sitemap h3 {
	margin-left:10px;
	text-decoration:underline;
}
#sitemap dd {
	margin-left:20px;
	text-transform:capitalize;
}
/* Referer Keyword */
#referer a, #referer a:link {
	border:2px solid #FF0000;
	margin-bottom:10px;
	padding:11px;
	background-color:#FF3;
	text-align:center;
	display:block;
	text-transform:uppercase;
	font:14pt 'Tahoma', 'Helvetica', 'Arial', 'Sans-serif';
	letter-spacing:1px;
}
body {
	padding: 0;
	margin: 0;
	background: #eee;
	color: #29535F;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size: 90%;
	line-height: 150%;
	background: url(http://thedeserttides.com/images/bggreydiag.gif) left top repeat;
}
html {
	padding: 0;
	margin: 0;
	background: #eee;
	color: #29535F;
	font-family: arial, verdana, helvetica, tahoma, sans-serif;
	font-size: 80%;
	background: url(http://thedeserttides.com/images/bggreydiag.gif) left top repeat;
	line-height: 150%;
}
.thumb {
	display: block;
	float: left;
	width: 150px;
	border: solid 1px #333;
	margin: 5px;
}
img {
	border: 0;
}
a {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
#centrecontainer {
	position: absolute;
	margin: 30px;
	left: 0px;
	width: 100%;
}
#outercontainer {
	width: 800px;
	border: solid #1F297F 1px;
	margin: 0 auto;
	color: #171D5F;
	background: #fff;
}
#header {
	width: 800px;
	height: 130px;
	background-image: url(http://thedeserttides.com/images/header.jpg)no-repeat;
}
#header_inner {
	height: 120px;
	background-image: url(http://thedeserttides.com/images/header.jpg);
}
#header_inner h1 {
	display: none;
}
#container {
	border: 20px solid #FFF;
	width: 760px;
	height: 400px;
	background-color: #fff;
}
#containerleft {
	float: left;
	width: 350px;
	height: 350px;
	background-image: url(http://thedeserttides.com/images/logo.jpg);
	border-right: 20px solid #FFF;
	padding: 10px;
}
#containerleft a {
	text-decoration: none;
	color: #FFF;
}
#containerleft a:hover {
	text-decoration: none;
	color: #FF80A8;
}
#containerleft h2 {
	margin: 0 0 1em 0px;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	line-height: .6em;
	font-size: 250%;
	text-align: right;
}
#containerright {
	float: left;
	width: 350px;
	height: 350px;
	overflow: auto;
	padding: 10px;
	background: #fff;
}
#containerright h1 {
	margin: 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	line-height:1em;
	font-size: 160%;
	padding-bottom: 5px;
	width: 85%;
}
#containerright h2 {
	margin: 0 0 5px 0;
	padding: 0;
	color: #9F1D1D;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: .8px;
	line-height:1em;
	font-size: 120%;
	border-bottom: 1px solid #9F1D1D;
	padding-bottom: 5px;
	width: 75%;
}
#containerright h3 {
	color: #3390CF;
	margin: 0 0 5px 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	letter-spacing: -.1px;
	line-height:1em;
	font-size: 112%;
	padding-bottom: 5px;
	width: 75%;
}
#containerright h4 {
	margin: 0 0 5px 0;
	padding: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	color: #3676AF;
	font-weight: 580;
	line-height:1.2em;
	margin: 5px 0 3px 0;
	font-size: 93%;
	text-transform: uppercase;
	padding-bottom: 5px;
	width: 75%;
}
#containerright img {
	float: left;
	margin: 5px;
}
#containerright ul {
	display: block;
	width: 100%;
	padding: 0 20px;
}
li {
	list-style: none;
	margin: 0;
	font-size: 10.5px;
	font-weight: 700;
	color: #666;
}
.contactForm {
	width: 400px;
}
.contactForm input {
	float: left;
	font-size: 12px;
	width: 260px;
	margin: 5px 5px 0 0;
	background: #eee;
	border: solid 1px #1F297F;
	color: #1F297F;
	font-family: verdana, sans-serif;
}
.contactForm label {
	width: 265px;
	display: block;
	text-align: left;
}
.title {
	color: #8C0829;
 font-weight 800;
	font-family: verdana, sans-serif;
	font-size: 12px;
}
.title {
}
.genText {
	display: block;
	width: 265px;
	color: #1F297F;
	background: #eee;
	border: solid 1px #1F297F;
	font-family: verdana, sans-serif;
}
.contactForm .genButton {
	width: 100px;
	clear: both;
	margin: 10px 0 10px 0;
}
#footer {
	background-color: #122F5F;
	width: 800px;
	margin: 0 auto;
'
}
#menu {
	position: relative;
	margin: 0;
	height: 40px;
	padding: 0 0 0px 0px;
}
#menu ul {
	margin: 0;
	height: 40px;
	padding: 0 0 0px 0px;
}
#menu li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}
#menu a {
	float: left;
	display: block;
	background-image:url(http://thedeserttides.com/images/button2.gif);
	text-align: center;
	border-left: #999 solid 1px;
	width: 15%;
	margin: 0px 0px 0px 0px;
	padding: 3px 20px 10px 19px;
	text-decoration: none;
	color: #fff;
}
#menu a:hover {
	color: #eee;
	background-image:url(http://thedeserttides.com/images/button1.gif);
}