/* CSS Document */


body{	font-family: "Myriad Pro",  Geneva, Arial, Helvetica, sans-serif ; font-size:15px; color: #000; margin:0; padding:0; background-image:url(http://www.marinegeek.com/bb/images/mgc-bg.jpg); background-position:top; background-repeat:repeat-x; background-color:#0d0b3a;   }
	
	
#wrapper{width:998px; height:auto; margin:auto; background-color:#FFFFFF; }

.topheader{width:998px; height:auto; margin:auto; background-color:#000; padding-top:5px;

}

.topad{width:490px; height: auto;float:left; text-align:center; padding-bottom:5px;}
	
	
.marine-aquarium-expo{width:220px; height:548px; display:block; background-image:url(banners/seamax-seattle-2011.jpg); background-position:top;}

.marine-aquarium-expo span{ display:none;}

/*Pagelime IDs*/

#blognews{ width:auto;}

#faq{ width:998px; margin:auto; border: 0 1px 1px 1px solid #000000; display:block; background-color:#FFFFFF;}

#nav{border-bottom:3px  #0093e3 solid ; border-top:3px #0093e3 solid ; border-left:1px #666 solid ; border-right:1px #666 solid; height:34px; padding:0; margin:0;   }

#nav li{ list-style:none; background-image:url(images/divider.gif); background-position:right;}

#nav li a{ display:block; float:left; height:34px; list-style:none; text-decoration:none; padding:0; margin-left:6px; cursor:pointer;}

#nav span { display:none;}

#nav li a.home { width:93px; background: url("images/home.gif") no-repeat 0 0;}
#nav li a.forums {width: 103px; background: url("images/forums.gif") no-repeat 0 0;}
#nav li a.geek-blog {width: 125px; background: url("images/geek-blog.gif") no-repeat 0 0;}
#nav li a.auction {width: 118px; background: url("images/auction.jpg") no-repeat 0 0;}
#nav li a.directory {width: 127px; background: url("images/directory.jpg") no-repeat 0 0;}
#nav li a.geek-tv {width: 107px; background: url("images/geek-tv.gif") no-repeat 0 0;}
#nav li a.calculator {width: 154px; background: url("images/calculators1.gif") no-repeat 0 0;}
#nav li a.sponsors {width: 120px; background: url("images/sponsors.jpg") no-repeat 0 0;}




/*  */


#header{ height:163px; width:1001px;background-image:url(http://marinegeek.com/images/marine-geek-header.jpg); background-repeat:no-repeat; position:relative; 	margin-top: 0px; border-bottom:5px solid #000; 
}

.logo-marinegeek{ border:0; position:absolute; top:0px; left:50px; cursor:pointer ; height:149px; width:300px;}

.logo-marinegeek span { display:none;}

#header-dir{ height:149px; width:1001px;background-image:url(images/animal-geek-directory.jpg); background-repeat:no-repeat; position:relative; 	margin-top: 0px;
}



#column{ height:auto; width:1001px; margin:auto;}

#column1{ height:auto; width:1001px;}

#leftcolumn{background-color:#0076de;}


.menu{border-bottom:3px  #0093e3 solid ; border-top:3px #0093e3 solid ; border-left:1px #666 solid ; border-right:1px #666 solid; height:34px; width:999px; margin:auto; background-color:#FFFFFF;}


/* NAVIGATION BAR  */
#main-menu{display:block; height:34px;  width:100%; background-image:url(http://marinegeek.com/bb/images/marinegeekcms/marinegeek_navbg.png); background-repeat:repeat-x; background-color:#0057A3; padding-left:0px; margin:0;}

#main-menu a{ display:block; padding:8px; text-transform:uppercase; 
color:#FFFFFF; float:left; width:auto; height:auto;
font-size:15px;

font-family: "Times New Roman",Times,serif;
min-width:60px; padding-left:8px;  padding-right:8px; 
text-align:center;
text-decoration:none;

}


#main-menu a:hover{ background-color:#007fd0; text-decoration:none; }

/*  END NAVIGATION BAR  */


/*------------------- HOME PAGE CSS -------------------*/

#body-container{width:100%; height:auto; background-color:#003879;}



/* Left Column*/
#left-column{float:left; width:220px; background-color:#000000; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:12px; }


#macna2010{height:547px; width:220px; margin:auto; background-image:url(banners/maxinfo.jpg); background-repeat:no-repeat; background-position:top;}




#leftnews{  height:auto;  height:auto ; width:200px; padding:10px; color:#FFFFFF; font-size:15px;}


#leftnews strong{ color:#FFCC00;}


/*Body */


#body{ float:left;  padding:20px; width:543px; height:auto; position:relative; line-height:1.75em; background-color:#FFFFFF; text-align:justify;   }


/* Right Column*/

#right-column{float:right; width:188px; height:auto}

#blog-box{background-color:#003879; width:168px; height:auto; font-family: Times;	color: #FFFFFF;	font-size: 14px; padding-top:40px!important; padding:10px; background-image:url(images/aquarium-blog.gif); background-repeat:no-repeat; background-position:top center; 
}


.store-locator{  display:block;width:178px; height:auto; padding-left:10px; padding-top:68px; padding-bottom:5px; background-image:url(images/aquarium-store-locator.jpg); background-repeat:no-repeat; background-position:center; font-size:12px; border:0; cursor:pointer; }

#affiliates{width:188px; height:auto ; background-color:#dbf2fb;}



#button-tank-month{ font-size:25px; display:block; height:40px; width:430px; margin:auto; padding:10px; background-color:#000099; color:#FFFFFF; cursor:pointer; text-decoration:none; background-image:url(images/button-tank-of-month.gif); background-position:left;  }

#button-tank-month:hover{ background-position:right; }




/*------------------- Fonts General -------------------*/



/* header */
.dictionary1 {
	
}

.dictionary2 {
	font-size: 18px;
	font-style: italic;
}

/* body */

.welcome { 
	font-family: "Myriad Pro", Geneva, Arial, Helvetica, sans-serif ;  font-size:28px;
	color: #1b58ab; font-style:italic;
	margin:0;
}


.content2 { 

}


.content3 { font-size:12px; color: #fff;}


.content{ 
font-family:arial; 
font-size:12px;
color:#242D66;
}


.menu{ 
font-family:arial; 
font-size:12px;
color:#242D66;
font-weight:500
}

.title{ 
font-family:arial; 
font-size:28px;
color:#FF3333;
}

.gray{ 
font-family:arial; 
font-size:12px;
color:#999999;
}

.white { 
font-family:arial; 
font-size:12px;
color:#ffffff;
}

.footer{ 
font-family:arial; 
font-size:11px;
color:#fff; 
height:74px; width:981px; margin:auto; padding: 10px;
background-image:url(images/footer-bg-forum.gif); background-position:right; 
}



.footer A:link    {text-decoration: none ;color: #fff;}
.footer A:visited {text-decoration: none}
.footer A:active  {text-decoration: none}
.footer A:hover   {text-decoration: underline;}




.icon {
	color: #006699;
	font-family: Arial;
	font-size: 10px;
}

.icon A:link    {text-decoration: none}
.icon A:visited {text-decoration: none}
.icon A:active  {text-decoration: none}
.icon A:hover   {text-decoration: underline; color: #000066;}


.li{ list-style-type:none;
}


.list-links a{ color:#FFF;}

/*FORM*/

form {
  margin: 0;
  padding: 0;
  font-size: 100%;
 /* min-width: 560px;
  max-width: 620px;
  width: 590px;*/
}

form fieldset {
  clear: both;
  font-size: 100%;
  border-color: #000000;
  border-width: 1px 0 0 0;
  border-style: solid none none none;
  padding: 10px;
  margin: 0 0 0 0;
}

form fieldset legend {
  font-size: 150%;
  font-weight: normal;
  color: #000000;
  margin: 0 0 0 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

label u {
  font-style: normal;
  text-decoration: underline;
}

input, select, textarea {
  font-family: Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000000;
}

textarea {
  overflow: auto;
}

form div {
  clear: left;
  display: block;
  width: 354px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

form fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

form fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

form fieldset div.notes p.last {
  margin: 0em;
}

form div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

form div.required fieldset legend {
  font-weight: bold;
  
}

.required{ width:450px;}

.optional{ width:450px;}

form div label {
  display: block;
  float: left;
  width: 100px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
    width:130px;

}

form div.required label, label.required {
  font-weight: bold;
  width:130px;
}

form div label.labelCheckbox, form div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

form div fieldset label.labelCheckbox, form div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

form div img {
  float: left;
  border: 1px solid #000000;
  margin: 0 0 5px 0;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

form div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

form div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

form div select, form div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputText, form div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

form div input.inputFile {
  width: 211px;
}

form div select.selectOne, form div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

form div input.inputCheckbox, form div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

form div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

form div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form div.submit div input.inputSubmit, form div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

form div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}