/*  Author: John Bradin
	Date: 17/3/07
	Description: SeaReef main CSS file – contains styling for standard html tags, common tags used throughout SeaReef as well as importing section specific style sheets.	*/
@import url(homepage.css);
@import url(marinefish.css);
@import url(invert.css);
@import url(setup.css);
* {
margin:0;
padding:0;
}

html, body{ /* hack to always show scroll bar */
min-height:100%;
margin-bottom:1px;
}

body{
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
color:#FFFFFF;
background:url(images/bg_col_fade.jpg) repeat-y center #323232;
}

h1, h2, h3 {
text-decoration:underline;
padding:4px 0 10px 0;
}

h1{
font-size: 24px;
}

h2{
font-size: 20px;
}

h3{
font-size: 14px;
text-decoration:none;
}

h3 a {
text-decoration:none;
font-size: 14px;
}

p {
line-height: 1.5;
}

a {
text-decoration:underline;
color:#FFFFFF;
}

a:hover {
color:#333333;
}

img {
border:#FFFFFF solid 4px;
}

#container {
margin:0 auto 0 auto;
width:1005px;
}

/* ------------  NAV Style ------------ */
#nav_container {
width:423px;
height:198px;
float:right;
overflow:hidden;
}

ul#nav {
list-style:none;
height:198px;
}

#setup {
width:373px;
}

#setup a {
padding:70px 0 0 0;
overflow: hidden;
height: 0px !important; 
height: 0px; 
display:block;
margin:0 0 8px 0;
background:url(../nav/setup_maint.gif) top left no-repeat;
text-indent:-4000px;
}

#setup a:hover {
background-position: 0 -70px;
}

#fish, #invert, #forum, #tour {
width:78px;
}

li#fish, li#invert, li#forum, li#tour {
text-align:left;
float:left;
}

li#fish, li#invert, li#forum{
margin:0 20px 0 0;
}

li#tour {
margin:0 0 0 1px;
}

#fish a, #invert a, #forum a, #tour a {
padding:120px 0 0 0;
overflow: hidden;
height: 0px !important; 
height: 0px; 
display:block;
text-indent:-4000px;
}

#fish a {
background:url(../nav/marine_fish.gif) top left no-repeat;
}
#invert a {
background:url(../nav/invert.gif) top left no-repeat;
}
#forum a {
background:url(../nav/forum.gif) top left no-repeat;
}
#tour a {
background:url(../nav/tour.gif) top left no-repeat;
}
#fish a:hover, #invert a:hover, #forum a:hover, #tour a:hover {
background-position: 0 -120px;
}

/* -------- Shared Sub Menu --------------------------- */

#fish_sub_menu, #invert_sub_menu, #setup_sub_menu{
float:left;
width:152px;
height:297px;
margin-right:20px;
}

ul#sub_menu {
padding:15px 20px 15px 0;
list-style:none;
text-align:right;
}

ul#sub_menu li#heading {
font-size:15px;
font-weight:bold;
text-decoration:underline;
padding-bottom:7px;
}

ul#sub_menu li {
padding:2px 0 2px 0;
}

ul#sub_menu li a {
text-decoration:none;
padding-right:15px;
background:url(images/link_white.gif) no-repeat top right;
}

/* ------------ Section headings / Intros ------------ */

#seaTank {
padding:25px 50px 20px 50px;
}

#h_intro_nav, #fish_intro_nav, #invert_intro_nav, #setup_intro_nav {
overflow:hidden;
padding:0 0 20px 50px;
}

#home_content, #fish_content, #invert_content, #setup_content {
float:left;
width:905px;
padding:0 50px 0 50px;
}

#home_section_intro, #fish_section_intro, #invert_section_intro, #setup_section_intro {
float:left;
width:475px;
height:158px;
padding:20px 18px 20px 18px;
}

.floatleft {
float: left;
margin:0 8px 0 0;
}

.floatright {
float:right;
margin:4px 8px 0 8px;
}

.floatright_thinbord {
border:#FFFFFF solid 2px;
}

.image_no_border_float_left {
border:0;
float:left;
}

.image_no_border_float_right{
border:0;
float:right;
padding:0 0 0 3px;
}

.h_paragraph {
font-size:16px;
font-weight:bold;
text-decoration:underline;
}

#tabbed_content {
float:left;
width:514px;
}

#tab_feat_item_floatright {
padding:4px 8px 4px 0;
width:154px;
text-align:center;
float:left;
clear:right;
}

.tab_feat_item {
padding:4px 8px 4px 0;
width:154px;
float:left;
text-align:center;
}

.tab_feat_item_alt {
font-size:10px;
text-align:center;
}

#ajaxcontentarea h2 {
font-weight:normal;
}

#ajaxcontentarea h3 {
text-decoration:underline;
font-size:18px;
font-weight:normal;
}

/* ------------ Show Hide Elements ------------ */

.qa_fish, .qa_invert, .qa_maint{
padding:6px 0 3px 30px;
margin:10px 10px 15px 0;
}
.qa_fish {
background:#A24910 url(images/marinefish/qa_top_left.gif) left top no-repeat;
}

.qa_invert {
background:#990C52 url(images/invert/qa_top_left.gif) left top no-repeat;
}

.qa_maint {
background:#0A670E url(images/setup/qa_top_left.gif) left top no-repeat;
}

.qa_fish p, .qa_invert p, .qa_maint p{
padding:0 20px 6px 0;
}

.save{
   behavior:url(#default#savehistory);}
a.dsphead{
   text-decoration:none;
   margin-left:1.5em;}
a.dsphead:hover{
   text-decoration:underline;}
a.dsphead span.dspchar{
   font-family:monospace;
   font-weight:normal;}
.dspcont{
   display:none;
}

ul#fish_key_stats, ul#invert_key_stats {
list-style:none;
float:left;
}

ul#fish_key_stats li.halfli, ul#fish_key_stats li.fullli, ul#invert_key_stats li.halfli, ul#invert_key_stats li.fullli {
text-align:right;
padding:3px 4px 0 4px;
margin-right:25px;
}

ul#fish_key_stats li.halfli, ul#fish_key_stats li.fullli {
border-bottom:#FF9933 1px solid; 
}

ul#invert_key_stats li.halfli, ul#invert_key_stats li.fullli {
border-bottom:#990C52 1px solid; 
}

ul#fish_key_stats li.halfli, ul#invert_key_stats li.halfli {
width:317px;
}

ul#fish_key_stats li.fullli, ul#invert_key_stats li.fullli {
width:481px;
text-align:left;
}

.stat_heading {
text-align:left;
float:left;
}

#popular_fish #max_size {
text-align:right;
border-bottom:#FF9933 2px solid; 
padding-bottom:2px;
}

.popular_fish {
float:left;
border-bottom:#FF9933 1px solid;
padding:3px 4px 0 4px;
}

#popular_invert #max_size {
text-align:right;
border-bottom:#990C52 2px solid; 
padding-bottom:2px;
}

.popular_invert {
float:left;
border-bottom:#990C52 1px solid;
padding:3px 4px 0 4px;
}

.pop_name {
float:left;
}

.pop_name p i {
font-size:10px;
}

.max_size {
float:right;
}

div.clearer {clear: left; line-height: 0; height: 0;}

/* Form Elements */
label, textarea {
display:block;
}

.textarea, .textarealong { 
font-size:13px;
background-color:#F0F0F0; 
border: 1px solid #D7D7D7;
width:350px;
margin-bottom:5px;
}

.textarealong {
height:52px;
}

.submit, .submit_invert {
font-size:14px;
color:#FFFFFF;
padding:0 5px 0 5px;
}

.submit { 
background-color:#B15418;
border: 1px #9E4B16 solid;
margin:5px 0 0 215px;
}

.submit_invert {
background-color:#AC0E5C;
border: 1px #930E50 solid;
margin:5px 0 0 165px;
}

.forum_item {
width:490px;
float:left;
padding:3px 5px 5px 3px;
margin-left:4px;
}