/*
      Created by Keith Donegan of Code-Sucks.com
      
      E-Mail: Keithdonegan@gmail.com
      
      You can do whatever you want with these layouts,
      but it would be greatly appreciated if you gave a link
      back to http://www.code-sucks.com
      
*/

* { padding: 0;margin: 0; }

body {
 font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
 font-size: 11px;
 background: #FFF url('images/bg.gif') top center repeat-y;
}
#wrapper { 
 margin: 0 auto;
 background: #000;
 width: 1000px;
}
#faux {
 background: #FFF url(/images/footer_bg.gif) top left repeat-x;
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 797px;
}
#header {
 color: #333;
 width: 797px;
 height: 172px;
 background: #FFF url('images/header.gif');
}
/* Header Image Links, added 070708 to over logo and
   "Save..." text in the header image. Doesn't cause problems
   with IE6 */
.homelink a {
	position: relative;
    height: 105px;
    width: 115px;
    display: block;
    top: 28px;
    left: 37px;
    background: transparent;
}
.homelink a:hover {
    border: 0px;
}
a.biglink {
    background-color: #FFF8AF;
    color: #EF8100;
}
.challenge_link a {
	position: relative;
    height: 50px;
    width: 350px;
    display: block;
    top: -18px;
    left: 162px;
    background: transparent;
}
.challenge_link a:hover {
    border: 0px;
}
/* END Header Image Links */

/* END Header Image Links */
a {
 text-decoration: none;
 font-weight: bold;
 color: #78ba16;
}
h1 {
 color: #3d65b2;
 font-size: 20px;
}
h4 {
 color: #6aa43f;
 font-size: 14px;
}
em {
 font-size: 14px;
 text-style: normal;
}
strong {
 font-size: 14px;
}
.blue {
 color: #336699;
}
.green {
 color: #7ABF3B;
}
.orange {
 color: #FF9431;
}
ul {
 padding: 0 0 10px 30px;
}
a:hover {
 border-bottom: 1px solid;
}
.front_navigation {
 position: relative;
 top: -5px;
 font-weight: bold;
 color: #6aa43f;
 text-align: center;
}
.front_navigation a {
 color: #f2cb41;
 font-weight: bold;
 font-size: 14px;
}
.leading {
 font-size: 14px;
}
.boldblue {
 font-size: 16px;
 color: #000;
 font-weight: bold;
 padding: 3px;
}
p {
 padding-top: 0px;
 padding-bottom: 10px;
}
#black_right_bar {
 float: right;
 width: 200px;
 background: #000 url('images/black_right_bar.gif') no-repeat top left;
 height: 600px;
}
#leftcolumn { 
 display: inline;
 color: #333;
 width: 140px;
 padding-left: 10px;
 float: left;
 /* 070408 Added to fix "black bar" problem on hobbyist page */
 /* 070708 Removed until other sidebar problems are fixed */
 /*min-height: 1000px*/
 
}
#rightcolumn { 
 float: right;
 color: #333;
 width: 602px;
 padding: 15px 30px 15px 15px;
 display: inline;
 position: relative;
 height: expression( this.scrollHeight < 400 ? "399px" : "auto" ); /* sets min-height for IE */
 min-height: 400px;
}
#rightcolumn ol,#rightcolumn li { 
 margin-left: 20px;
}
.sidebar_left {
 float:left;
 margin: 10px;
}
.sidebar_right {
 float:right;
 margin: 10px;
}
.sidebar_blue {
 width: 140px;
 padding: 10px;
 background-color: #6b87c9;
 color: #f9d300;
 font-weight: bold;
}
.sidebar_yellow {
 width: 140px;
 padding:10px;
 background-color: #fff9d5;
 color: #7b7d7d;
 font-weight: bold;
}
.sidebar_header p {
 padding: 10px;
}
.table_blue {
 margin: 5px;
 background-color: #6b87c9;
 color: #f9d300;
 font-weight: bold;
}
.table_underline {
 margin: 5px;
 color: #333;
 font-style: italic;
 font-weight: bold;
 border-bottom: 1px solid #333;
}
.table_gray {
 margin: 5px;
 background-color: #f2f2f2;
 color: #336699;
 font-weight: bold;
}
.small_gray {
 font-size: 10px;
 font-weight: bold;
 color: #7b7d7d;
}
#footer {
 background: #FFF url(/images/casaverdes2.gif) no-repeat top right;
 height: 250px;
 width: 1000px;
 clear: both;
 color: #333;
}
.clear { clear: both; background: none; }

/* Begin Menu Definitions */

#menu {
    position: absolute;
    top: 50px;
    padding-left: 18px;
}

#menu a {
    height: 52px;
    display: block;
    background: transparent;
}

#menu a:hover {
    border: 0;
}

#menu b {
    display: none;	
}

#menu li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#heat {
    width: 170px;
    height: 52px;
    background: transparent url("images/navigation.gif") 0px 0px no-repeat;
}

#heat:hover {
    background: transparent url("images/navigation.gif") -170px 0px no-repeat;
}

#water {
    width: 170px;
    height: 55px;
    background: transparent url("images/navigation.gif") 0px -53px no-repeat;
}

#water:hover {
    background: transparent url("images/navigation.gif") -170px -53px no-repeat;
}

#controls {
    width: 170px;
    height: 57px;
    background: transparent url("images/navigation.gif") 0px -110px no-repeat;
}

#controls:hover {
    background: transparent url("images/navigation.gif") -170px -110px no-repeat;
}

#hobbyist {
    width: 170px;
    height: 57px;
    left: 285px;
    background: transparent url("images/navigation.gif") 0px -167px no-repeat;
}

#hobbyist:hover {
    background: transparent url("images/navigation.gif") -170px -167px no-repeat;
}

/* End Menu Definitions */

.products {
    position: relative;
    top: 303px;
    padding-left: 35px;
}

.products a {
    font: 12px;
    color: #fff;
    text-decoration: underline;
    line-height: 1.3em;
}

.products a:hover {
    color: #b1d75e;
    border: 0;
}

.bottom_nav {
    color: #ffa150;
    padding: 160px 0 0 25px;
    float: left;
    width: 400px;
    display: inline;
}

.copyright {
    color: #666;
    font-size: 11px;
    display: inline;
}

.casaverdes,.casaverdes a {
    background: transparent;
    height: 257px;
    width: 546px;
    float: right;
    display: inline;
}

.casaverdes a:hover {
    border: 0;
}

.bottom_nav a {
    color: #ffa150;
}

.mike {
    padding: 10px 0 5px 25px;
    font-style: italic;
}

.jim {
    padding: 10px 0 5px 25px;
    font-style: italic;
}

/* IMPORTANT Expanding Submenu (+) */
.expand_menu,
.expand_menu ul {
    margin:0;
    padding:0;
    list-style:none;
}
.expand_menu {}
.expand_menu li {
  margin:0;
  padding:0;
  margin-bottom:1px;
}
.expand_menu a {}
.expand_menu a:hover {}
.expand_menu a.sublink {
    padding: 0 0 0 15px;
    border-bottom: 0px;
    font-weight: normal;
    font-size: 12px;
}
.expand_menu ul a {}
.hidden {
    display: none;
}

.toplinks {
 line-height: 240%;
 padding: 15px 0 0 0;
}

.toplinks a {
 color: #6aa43f;
 padding: 5px 10px 5px 10px;
 font-size: 14px;
 font-weight: bold;
 border-bottom: 1px solid #6aa43f;
}

.toplinks a:hover {
 color: #3D65B2;
}
#heatchoices a:hover {
 border: 0;
 background: #D9EBB1;
 display: block;
}

#heatchoices img {
 border: 0;
}