/* screen.css
 * site: onoville.com
 * created: 2008-02-05
 * webmaster@CattCo.org
 */
 
@import url("base.css");
html {background-color:#6d9dff;}
body {background-color:#6d9dff; text-align:center; font-size:62.5%; font-family:Verdana,Helvetica,Arial,sans-serif;}
/* blue jean blue #2a4ea1 */
strong {font-weight:bold;}
em {font-style:italic;}
a:link,
a:visited {color:#003366 !important; font-size:1em;}
a:hover {color:#009933 !important;}
a:focus {}
a:active {}

img {margin:0; padding:0; border:none;}

h1 {font-size:2em;/*24px*/}
h2 {font-size:1.6666em;/*20px*/}
h3 {font-size:1.5em;/*18px*/ line-height:1.8em;}
h4 {font-size:1.25em;/*15px*/}
h5 {font-size:1.1em;/*13px*/}
h6 {font-size:1em;}

h1, h2, h3, h4, h5, h6 {margin:0.3333em 0 0 0; font-family:Georgia, serif; font-weight:bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}

p, li, div, dd {line-height:1.8em;}
p {margin:0.5em 0 0.7em 0;}

ul {list-style-type:disc; list-style-image:url('../graphics/bg_li_square_rnd.gif'); padding:0 0 0 1.4em;}
ol {list-style-type:roman-numeral; padding:0 0 0 1.4em;}

sub {vertical-align:sub !important; font-size:0.8333em;}
sup {vertical-align:super !important; font-size:0.8333em;}

table {width:99%;}
th {font-weight:bold; text-transform:uppercase;}
/* width was 992px */
#w1 {margin:0 auto 1em auto; width:960px; background-color:#fff; text-align:left; overflow:hidden; font-size:1.2em;}
#header {clear:both; width:100%; overflow:hidden;}
#logo {float:left; display:block; width:400px; height:100px; text-align:left;}
#logo a {display:block; width:100%; height:100%; background:transparent url(../graphics/logo_onoville_marina.png) 0 0 no-repeat; text-align:left; text-indent:-99em;}
#logo span {}
#nav {float:left; margin:1em 0; padding:0; width:25%; overflow:hidden; background-color:#00157d;}
#nav ul {list-style:none; margin:0.7em 0; padding:0 1em; text-align:right;}
#nav li {text-align:right; font-family:Georgia, serif;}
#nav li a:link,
#nav li a:visited {display:block; padding:0.5em 0.5em; font-size:1.2em; font-weight:bold; text-decoration:none; color:#fff !important; text-align:right;}
#nav li a:hover {text-decoration:underline; color:#fffc00 !important;}
#nav li a:focus {}
#nav li a:active {}
#nav li.x {background-color:#10142d;}

#main {float:left; padding:0 1%; width:73%; overflow:hidden;}
#content {padding:0 2em;}
#sidebar {display:none;}

#footer {clear:both; float:left; margin:2em 0 1em 0; padding:1em 0 4em 0; border-top:2px solid #516ab5; width:100%; overflow:hidden; background:#fff url(../graphics/women_kayaking_filtered.jpg) 50% 50% no-repeat;}
#footer ul {list-style:none; display:block; float:left; margin:0 0 0 1%; padding:0; width:48%; overflow:hidden;}
#footer a:link,
#footer a:visited {color:#fff !important;}
#footer a:hover {color:yellow !important;}

#cc_visa {float:left; display:block; width:54px; height:33px; background:transparent url(../graphics/visa.gif) 0 0 no-repeat; text-indent:-99em;}
#cc_mc {float:left; display:block; width:54px; height:33px; background:transparent url(../graphics/mastercard.gif) 0 0 no-repeat; text-indent:-99em;}
#member_imi {float:left; display:block; width:135px; height:50px; background:transparent url(../graphics/institute.gif) 0 0 no-repeat; text-indent:-99em;}


.right {float:right; margin:1em 0 1em 1em;}
.left {float:left; margin:1em 1em 1em 0;}
.w250 {width:250px;}
.tn {}

tr.x {background-color:#ccffff;}

#photo {width:100%; text-align:center;}
#photo img {margin:0 auto 0 auto; width:150px;}

#photo_gallery .imageElement {float:left; margin:0.5em; width:170px; height:150px;}

#fee_schedule_non_electric {width:99%;}
#fee_schedule_electric {width:99%;}

#fee_schedule_non_electric th,
#fee_schedule_electric th,
#fee_schedule_non_electric td,
#fee_schedule_electric td {padding:0.3em 0.2em;}

#fee_schedule_non_electric th,
#fee_schedule_electric th {font-weight:bold;}

#tbl_directory td,
#tbl_directory th {padding:0.3em 0.2em;}

#ad_header {float:right; width:550px; text-align:right; vertical-align:bottom; background-color:#ff0:}

.boat-rentals {clear:both; overflow:hidden;}
.boat-rental {float:left; padding:0.5em 1%; width:47%;}
.boat-rental h4 {font-weight:bold;}
.boat-rental table {width:100%;}
.boat-rental table th {padding:0.3em; font-weight:bold;}
.boat-rental table td {padding:0.3em;}
td.num {text-align:right;}