@media print {
BODY {background-color: white; font-family:Arial, Helvetica, Verdana, sans-serif}
.printhide {display:none}
.wide {page:wide}
.break {page-break-before: auto }
}


@media screen {
/* New Stuff */
body {Scrollbar-face-color: #0000CD; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #000099; scrollbar-3dlight-color: #CCFFFF; scrollbar-arrow-color: #FFFFCC; scrollbar-track-color: #FFFFCC; scrollbar-darkshadow-color: #000066; margin: 0; font-family: arial,helvetica,ms sans serif,sans-serif; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; width: 100%; height: 100%; font-size: 10pt}
#container {height: 100%; width: 100%; margin: 0}
#header {margin: 0; background-color: #000033; height:: 230px;}
#sitetitle {position: relative; background: url(../images/h_background.jpg) no-repeat; width: 100%; height: 100px}
#sitelogo a {width: 50%; color: white; filter: Shadow(Color=#000000, Direction=225); font-size: 24pt; font-family: Verdana,Arial,sans-serif;}
#sitelogo  {float: left;}
#sitetitleimg {width: 50%; position: absolute; right: 0; text-align: right; color: white; Filter: Shadow(Color=#000000, Direction=225)}
#sitemenu {}
#ggheadliner {
	padding: 20px 0  20px 0;
	width: 100%;
	text-align: center;
	}
p.dropcap:first-letter {font-size: 3em; float: left; color: maroon; font-family: serif}


h1, h2, h3, h4, h5, h6  {font-size: 12pt; }
h2 {color: #009900; font-family: Georgia; serif;}
em {color: #990000;}
#left {float: left; width: 20%; background: #FFFFCC; margin: 0}
#center { background: #CCFF99; margin: 0; float: right;}
#right {float: right; width: 20%; background: #CCFFFF; margin: 0}
div.maincol {Margin: 0;}
.maincol a {text-decoration: underline; }
div.maincol p {padding-left: 20px; margin-right: 20px;}
/* Login Page */
.fail {color: #FF0000; text-align: center}
#login {height: 100%; width: 100%; text-align: center; background: transparent}
#loginformcontainer {height: 180px; width: 400px; color: #ffffff; filter: Shadow(Color=#000000, Direction=225)}
#loginform {height: 95%; width: 95%; text-align: center; filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#87ceeb,endColorstr=#000066); position: absolute; top: 25%; left: 25%; float: right}
#logintitle {filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#FFCCCC,endColorstr=#CC0000); width: 100%}
#logintitletext {width: 100%; color: #FFF8DC; filter: Shadow(Color=#2F4F4F, Direction=225); font-family: Times New Roman, serif; font-size: 14pt; font: normal}
.Loginfield {width: 100%; color: #FFF8DC; filter: Shadow(Color=#2F4F4F, Direction=225); font-family: Arial, san-serif; font-size: 14pt; font: normal; margin-top: 15px}
.hidden {border: hidden}

/* Shadow */
.shadow1 {width: 100%; position: relative; top: 0; height: 1px; background: #000000; font-size: 1pt}
.shadow2 {width: 100%; position: relative; top: 0; height: 1px; background: #808080; font-size: 1pt}
.shadow3 {width: 100%; position: relative; top: 0; height: 1px; background: #D3D3D3; font-size: 1pt}

/* Content Header */
#contenthead {margin: 0; width: 960px}
#pagetitle {float: left; width: 59%; text-align: center; color: #000080; margin: 0; line-height: 1em}
#user {float: left; width: 20%; text-align: center; color: #000080; font-size: 9pt; margin: 0; line-height: 1.5em}
#datetime {float: right; width: 20%; text-align: center; color: #000080; font-size: 9pt; font-weight: bold; margin: 0; line-height: 1.5em}

/* Column Structure */
#content {margin: 0; width: 100%; min-height: 500px}
.maincol {width: 100%; margin: 0; text-align: justify; min-height: 600px}
.linkcol {float: left; width: 220px; margin: 0; text-align: center}
.adcol {float: right; width: 220px; margin: 0; text-align: center}

#content .maincol p {text-align: justify;}
#content .maincol img {margin: 0 0 0 5}

/* Footer */
#footer {}

/* Favorites */
#favorites {margin: 0 0 0 0; text-align: center; width: 200px; border: solid; border-color: #9933FF; background: #FFCCFF;}
#favorites ul {margin: 0; width: 100%; text-align: left; color: #339999}
#favorites ul li a {font-size: 9pt; }
#favorites ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#favorites ul li span.favbullet {font-size: 9pt; color: #000000; font-weight: bold}
#favtitle {margin: 0 0 0 0; text-align: center; width: 200px; background: #9933FF; color: #FFFFFF; font-size: 12pt; font-weight: bold}

/* Popular */
#popular {margin: 0 0 0 0; text-align: center; width: 200px; border: solid; border-color: #FAC409; background: #ffe6ca;}
#popular ul {margin: 0; width: 100%; text-align: left; color: #339999}
#popular ul li a {font-size: 9pt; }
#popular ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#popular ul li span.popbullet {font-size: 9pt; color: #000000; font-weight: bold}
#poptitle {margin: 0 0 0 0; text-align: center; width: 200px; background: #fac409; color: #FFFFFF; font-size: 12pt; font-weight: bold}



/* Stuff */
#stuff {text-align: center; width: 200px; border: solid; border-color: #3366CC; background: #E0FFFF}
#stuff ul {margin: 0; width: 100%; text-align: left; color: ##339999; }
#stuff ul li {list-style-type: square}
#stuff ul li:hover {background: #FFFFCC; width: 100%}
#stuff ul li a {font-size: 9pt;}
#stuff ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#stufftitle {text-align: center; width: 200px; background: #3366CC; color: #FFFFFF; font-size: 12pt; font-weight: bold}
#stuffbullet {color: #00CC00}

/* Search Box */
#search {text-align: center; width: 200px; border: solid; border-color: #28CA00; background: #CCFF99}
#search ul {margin: 0; width: 100%; text-align: left; color: #339999; }
#search ul li {list-style-type: square}
#search ul li a {font-size: 9pt;}
#searchtitle {text-align: center; width: 200px; background: #28CA00; color: #FFFFFF; font-size: 12pt; font-weight: bold}
#searchbtn {color: #00CC00}

/* Links Form */
#links {text-align: center; width: 100%;}
#links form {margin: 0; width: 100%; text-align: center; border: solid; border-color: #9933FF; background: #FFCCFF}
#links fieldset {border: none}
#links fieldset .fieldlabel {font-size: 10pt; float: left; width: 150px; text-align: right}
#links fieldset .field {font-size: 9pt;; width: 98%}
#links fieldset  input { width: 100%}
#linkstitle {text-align: center; width: 100%; background: #9933FF; color: #FFFFFF; font-size: 12pt; font-weight: bold}
#links .linksbtn {color: #9933FF; text-align: center}
#links ul {text-align: left}
#links ul li {text-align: left}

/* Real Estate */
#real {text-align: center; width: 200px; border: solid; border-color: #FF0000; background: #FFDFDF}
#real ul {margin: 0; width: 100%; text-align: left; color: ##339999; }
#real ul li {list-style-type: square}
#real ul li a {font-size: 9pt;}
#real ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#realtitle {text-align: center; width: 200px; background: #FF0000; color: #FFFFFF; font-size: 12pt; font-weight: bold}

/* Feedback */
#feedback {margin: 0 0 0 0; text-align: center; width: 200px; border: solid; border-color: #000000; background: #F5F5F5;font-size: 9pt;}
#feedback ul {margin: 0; width: 100%; text-align: left; color: ##339999; }
#feedback ul li {list-style-type: square}
#feedback ul li a {font-size: 9pt;}
#feedback ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#feedbacktitle {text-align: center; width: 200px; background: #000000; color: #FFFFFF; font-size: 12pt; font-weight: bold}

/* Headlines */
#headlines {margin: 0 0 0 0; text-align: center; width: 200px; border: solid; border-color: #000000; background: #F5F5F5;font-size: 9pt;}
#headlines a {font-size: 10pt}
#headlinestitle {text-align: center; width: 200px; background: #000000; color: #FFFFFF; font-size: 12pt; font-weight: bold}


/* News Items */
#news {margin: 0 0 0 0; text-align: center; width: 100%; font-size: 9pt;}
#news a {font-size: 10pt}
#newstitle {text-align: center; width: 100%; background: #000000; color: #FFFFFF; font-size: 12pt; font-weight: bold}
#news form {margin: 0; width: 100%; text-align: center; border: solid; border-color: #000000; background: #F5F5F5}
#news fieldset {border: none}
#news fieldset .fieldlabel {font-size: 10pt; float: left; width: 100px; text-align: right}
#news fieldset .field {font-size: 9pt;; width: 98%}
#news fieldset  input { width: 100%}
#news .newsbtn {color: #FFFFFF; text-align: center; background: #696969; border-style: solid; border-color: black}
#news input .newsbtn:hover   {background: #D3D3D3; color: #000000}
#news ul {text-align: left}

/* Financial */
#financial {margin: 0 0 0 0; text-align: center; width: 200px; border: solid; border-color: #009999; background: #CEFFCE;}
#financial ul {margin: 0; width: 100%; text-align: left; color: ##339999}
#financial ul li a {font-size: 9pt; }
#financial ul li a:hover {background: #000066; color: #FFFFFF; width:95%}
#financial ul li span.favbullet {font-size: 9pt; color: #000000; font-weight: bold}
#fintitle {margin: 0 0 0 0; text-align: center; width: 200px; background: #009999; color: #FFFFFF; font-size: 12pt; font-weight: bold}

/* Beaches */
img.beachitem {float: right}

/* Members */
#members { font-size: 10pt;}
#memberstitle {text-align: center; width: 100%; background: #39529F; color: #FFFFFF; font-size: 12pt; font-weight: bold}
#members form {margin: 0; width: 100%; text-align: left; border: solid; border-color: #39529F;}
#members h2 { font-size: 10pt;}
#members .instructions {font-size: 10pt; text-align: left}
#members .step {font-size: 12pt; font-weight: bold; color: #336666; float: left; padding: 10}
#members .stepnum {font-size: 48pt; font-weight: bold; color: #CC9900; float: left;}
#members fieldset {border: none}
#members fieldset .fieldlabel {font-size: 10pt; float: left; width: 150px; text-align: right}
#members fieldset .field {font-size: 9pt; text-align: left}
#members fieldset .yesno {float: left}
#members fieldset .question {font-size: 8pt;}
#members fieldset .chkbox {font-size: 9pt;float: left}

/* Old Stuff */
.printshow	{display:none}
.nav {font-family: Webdings; text-decoration: none; color: #000080; cursor: hand; font: x-large}
.tabs { font-family: arial, verdana, sans-serif; font-size:12pt; color:#000000; font-weight:bold; cursor:pointer; }
.tbltitle { font-family: arial, verdana, sans-serif; font-size:14pt; color:#FFFFFF; font-weight:bold; background: #000080 }
.tblcolumn { font-family: arial, verdana, sans-serif; font-size:12pt; color:#000000; font-weight:bold; background: #D3D3D3 }
.oddrow { background: #F5F5F5; font-size: x-small }
.evenrow{ background: #ffffff; font-size: x-small  }
img: { Filter: Shadow(Color=#000000, Direction=225) }
A { text-decoration:none; color: #0033FF; font-size:11pt; font-weight:bold; }
A:hover { text-decoration:underline; }
A:hover {color: "#0066FF";cursor: pointer;}

input:hover { font-weight: bold; color: #000080; background: #F0FFFF; position: relative;}
tfoot { font-family: arial, verdana, sans-serif; font-size:12pt; color:#FFFFFF; font-weight:bold; background: #000080 }
.red {color: #ff0000; font-weight: bold}
.sort { cursor:pointer; {A:hover text-decoration:underline; color:#FFFFFF} }
.spcls  { A:hover { text-decoration:underline; color: #ff3300;})
.newitem { A:hover { text-decoration:underline; color: #000066; }}
.details { A:hover { text-decoration:underline; color: #000000; }}
.item { font-family: Arial,sans-serif; color: #000000; {A:hover text-decoration:underline; color:#000080}}
.std { font-family: verdana, arial,geneva; font-size:10pt; }
.heading { font-family: verdana, arial,geneva; font-size:14pt; font-weight:bold; color:#800000; }
.sheading { font-family: verdana, arial,geneva; font-size:11pt; font-weight:bold; }
.xheading { font-family: verdana, arial,geneva; font-size:10pt; font-weight:bold; }
.xsmall { font-family: verdana, arial,geneva; font-size: x-small }
.field { font-family: verdana,arial,geneva; font-size:10pt; }
.label { font-family: Arial,sans-serif; font-size: xx-small; color: gray }
.tablable { font-family: verdana,arial,geneva; font-size:10pt; color:#ffffff; background-color:#aaaaaa; }
.tabdata { font-family: verdana,arial,geneva; font-size:12pt; color:#ffffff; background-color:#6699ff; }
.problem { font-family: verdana,arial,geneva; font-size:10pt; font-weight:bold; color:#800000; }
.author  { font-family: verdana,arial,geneva; font-size:11pt; font-weight:bold; color:#ffffff; }
.sauthor  { font-family: verdana,arial,geneva; font-size:8pt; color:#ffffff; }
.prose { font-family: verdana,arial,geneva; font-size:10pt; line-height:1.5em; }
.redlabel  { font-family: verdana,arial,geneva; font-size:8pt; color:#ff0000; }
.btnl { width:145px; height:20px; font-family:verdana,arial,geneva; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#3333cc; border:1px solid #3333cc; padding-top:2px; cursor:hand; }
.btnlh { width:145px; height:20px; font-family:verdana,arial,geneva; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#6699ff; border-left:2px solid #9999ff; border-top:2px solid #9999ff; border-right: 2px solid #0000cc; border-bottom:2px solid #0000cc; padding-top:1px; cursor:hand; }
.details { A:hover text-decoration:underline; cursor: hand;}
.btnt { width:60px; height:20px; font-family:verdana,arial,geneva; font-size:8pt; font-weight:bold; color:#ffffff; padding-top:2px; cursor:hand; }
.btnth { width:60px; height:20px; font-family:verdana,arial,geneva; font-size:8pt; font-weight:bold; color:#ffffff; background-color:#6699ff; border-left:2px solid #9999ff; border-top:2px solid #9999ff; border-right: 2px solid #0000cc; border-bottom:2px solid #0000cc; padding-top:1px; cursor:hand; }
.FootNote { font-family: verdana, arial,geneva; font-size:8pt; color: #aaaaaa;}
.tbox {filter: chroma(#FFFFCC)}
.atitle { text-decoration:none; font-size:16pt; font-weight: heavy; color: #0066FF;  A:hover { text-decoration:underline; color: ##0066FF; }}
}