/*******************************************************
TITLE: Fixed Three-Column Layout v1.0
DATE: 200801
AUTHOR: The CSS Tinderbox - http://www.csstinderbox.com
*******************************************************/

/* << ----------------// General Styles //------------ */
body {
margin:0;
padding:0;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
background:url(../i/background.gif); background-repeat:repeat;
color:#666666;
}

html {min-height: 100%; margin-bottom: 1px;}

p {
	margin:4px 0 6px 0;
	color:#666666;
	line-height:17px;
}
strong {font-weight:bold;}
em {font-style:italic;}
h1, h2, h3, h4 {font-weight:bold; margin:10px 0 0 0;}
h1 {margin:10px 0 15px 0; font-size:20px; color:#168681;}
h2 {font-size:14px;}
h3 {margin-bottom:15px; font-size:15px;}
h4 {margin:0 0 0px 0; font-size:15px; font-weight:normal; color:#666666; line-height:19px;}
h5 {margin:0 0 0px 0; font-size:14px; font-weight:bold; line-height:19px;}
/*strong {color:#000000;}*/

a:link, a:visited {color:#0a5d59; text-decoration:underline;}
a:hover, a:active {color:#0a5d59; text-decoration:none;}
ul {margin:5px 0 5px 20px; padding:0; list-style-type:disc;}

ol {margin:5px 0 5px 30px; padding:0; list-style-type:decimal;}
ul li, ol li {margin:0 0 4px 0; padding:0;}

.ttip {padding:4px; margin:0;}
.ttip img{margin-bottom:4px;}

/* << ----------------// Outer container that holds all the columns //------------ */

#outershadow {
margin:0 auto;
width:962px;
background-image:url(../i/outer_shadow.gif); background-repeat:no-repeat;
}

#mainContainer {
margin:0 auto;
padding:0;
width:908px;
background-color:#FFFFFF;
background-image:url(../i/container_bg.gif); background-repeat:no-repeat;
}

/* << ----------------// Header //------------ */
#header {
margin:0;
padding:0;
width:908px;
height:119px;
color:#ffffff;
background:url(../i/header_bg.gif); background-repeat:no-repeat;
}

#companies {padding:21px 0 0 206px;}


#flashintro {float:right; margin:20px 0; width:659px; height:200px; background-color:#FFFFFF;}

/* << ----------------// Horizontal navigation //------------ */
#navHorizontal {
margin:0 0 0 250px;
padding:88px 0 0 0;
width:658px;
height:30px;
line-height:30px;
}

#navHorizontal ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
font-size:14px;
font-weight:bold;
margin:0 0 0 -5px;
padding:0 0 5px 0;
list-style:none;
display:inline;
}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:10px 12px 5px 10px;
color:#FFFFFF;
text-decoration:none;
}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#454545;
text-decoration:none;
}

/* << ----------------// Left column //------------ */
#columnOne {
float:left;
margin:0;
padding:25px 5px 10px 35px;
width:170px;
height:300px;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {
font-size:12px;
}

#columnOne h2, #columnThree h2 {
font-size:16px;
}

/* #columnOne ul {margin:20px 0 15px 40px;} */

#columnOne h1 {margin:0; padding:0; color:#33a8b3;}
#columnOne h5 {margin:0; padding:0; color:#999999; font-size:13px;}

#columnOne a {text-decoration:none; color:#999999;}

#columnOne input {font-size:9px;}

#columnOne ul {margin:15px 0 10px 0; height:23px; list-style:none;}

#columnOne form {display:block;}

.picborder {margin-bottom:0;}

.leftbreaktop {margin:0 0 10px 0; padding:0; border-top:1px dashed #33a8b3;}
.leftbreak {margin:10px 0; padding:0; border-top:1px dashed #33a8b3;}
.recipe {display:block;}
.recipe.a {text-decoration:none;}
ul.recipe {margin:15px 0 10px 0; padding:0 0 0 30px; height:23px; background-image:url(../i/icon_recipe.gif); background-repeat:no-repeat; list-style:none;}
.subscribe {display:block;}
.subscribe.a {text-decoration:none;}
ul.subscribe {margin:15px 0 10px 0; padding:0 0 0 30px; height:23px; background-image:url(../i/icon_subscribe.gif); background-repeat:no-repeat; list-style:none;}

.menu {display:block;}
ul.menu {margin:15px 0 10px 0; padding:0 0 0 30px; height:23px; background-image:url(../i/icon_jrh.gif); background-repeat:no-repeat; list-style:none;}
a.menu {text-decoration:none; color:#33a8b3;}
.leftmenu {margin:5px 0; padding:0; border-top:1px solid #33a8b3;}

/* << ----------------// Vertical navigation //------------ */
#navVertical {
margin:0 -5px 0 -5px;
padding:0;
width:229px;
background-color:#454545;
}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0 0 0 -5px;
padding:0;
list-style:none;
border-bottom:1px solid #999999;
}

#navVertical ul li a:link, #navVertical ul li a:visited {
padding:5px 8px 5px 8px;
color:#eeeeee;
text-decoration:none;
display:block;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#454545;
text-decoration:none;
background-color:#eeeeee;
}

/* << ----------------// Middle column //------------ */
#columnTwo {
float:left;
margin:0;
padding:0 20px 10px 39px;
width:435px;
}

#newstitle {margin:15px 0 10px 0; padding: 6px; background:#33a8b3; color:#FFFFFF; font-weight:bold;}
#newsdivide {margin:0 0 15px 0; padding:0; border-bottom:1px solid #33a8b3;}

.inputstyle {margin:5px 0; width:100%; border:1px solid #d8e7ec; background-color:#e9f8ff;}
.redstyle {color:#FF0000;}
.notice {font-size:10px;}
textarea {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px;} 


/* << ----------------// Right column //------------ */
#columnThree {
float:left;
margin:0;
padding:0 5px 10px 5px;
width:194px;
}

#columnThree img{margin-left:20px;}
#columnThree p{margin:15px 10px 0 0; text-align:right; font-size:12px;}


/* << ----------------// Footer //------------ */
#footer {
margin:0;
padding:70px 5px 5px 10px;
width:895px;
height:23px;
text-align:right;
font-size:10px;
background-image:url(../i/footer_bg.gif); background-repeat:no-repeat;
clear:both;
}

#footer a:link, #footer a:visited {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#FFFFFF;
text-decoration:underline;
}

#footer p {padding:0 8px 0 0; color:#FFFFFF;}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //------------ */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear {display:block; clear: both; height:5px;}

.formbutton {margin-top:10px;}
.faqstyle {color: #006666}