/* CSS Document */
 
body {background:url(images/page_bg2b.jpg) top center no-repeat; background-color: #5E622F; text-align: center; margin: 0px; font: 0.75em Verdana, Helvetica, Arial, sans-serif;}
body textarea {font: 1em Verdana, Helvetica, Arial, sans-serif;}
#main {width:870px; margin-left: auto; margin-right:auto; text-align: left; margin-top: 0px;}
#header {background:url(images/header_bg.jpg) no-repeat; width: 855px; height: 234px; margin-top: 31px;}
#nav {position: relative; width: 853px; height: 39px; background:url(images/nav_bg.jpg) no-repeat; margin: 0; padding: 0px;border: 1px solid #0382B8;}
#nav li {margin: 0; padding: 0; list-style-type: none; position: absolute; top: 0; height: 39px; _height: 37px; width: 142px;}
.navitem {position: absolute; left: 0px; top: 0px; margin: 0; padding: 0; z-index: 10; background-color: #0f0; width: 142px; height: 39px;  display: none;}

.link {z-index: 20; position: absolute; left: 0px; top: 0px; }
#nav li a  {display: block; height: 32px; _height: 37px; width: 142px; text-align: center; font: 1.2em Verdana; font-weight: bold; text-decoration: none; color: #3D3F1F; padding-top: 11px;}
.navitem.alink4 {width: 143px;}
.link0 {left: 0px;}
.link1 {left: 142px;}
.link2 {left: 284px;}
.link3 {left: 426px;}
.link4 {left: 568px;}
.link5 {left: 711px;}

#nav li.link0 a:hover, .alink0 {background:url(images/nav_bg.jpg) no-repeat 0 -39px; color: #000;}
#nav li.link1 a:hover, .alink1 {background:url(images/nav_bg.jpg) no-repeat -142px -39px; color: #000;}
#nav li.link2 a:hover, .alink2 {background:url(images/nav_bg.jpg) no-repeat -284px -39px; color: #000;}
#nav li.link3 a:hover, .alink3 {background:url(images/nav_bg.jpg) no-repeat -426px -39px; color: #000;}
#nav li.link4 a:hover, .alink4 {background:url(images/nav_bg.jpg) no-repeat -568px -39px; color: #000;}
#nav li.link5 a:hover, .alink5 {background:url(images/nav_bg.jpg) no-repeat -711px -39px; color: #000;}

#nav.current-link0 li.link0 a, #nav.current-link0 li.link0 a:hover {background:url(images/nav_bg.jpg) no-repeat 0 -78px; color: #E5E5E5; cursor: default;}
#nav.current-link1 li.link1 a, #nav.current-link1 li.link1 a:hover {background:url(images/nav_bg.jpg) no-repeat  -142px -78px; color: #E5E5E5; cursor: default;}
#nav.current-link2 li.link2 a, #nav.current-link2 li.link2 a:hover {background:url(images/nav_bg.jpg) no-repeat  -284px -78px; color: #E5E5E5; cursor: default;}
#nav.current-link3 li.link3 a, #nav.current-link3 li.link3 a:hover {background:url(images/nav_bg.jpg) no-repeat -426px -78px; color: #E5E5E5; cursor: default;}
#nav.current-link4 li.link4 a, #nav.current-link4 li.link4 a:hover {background:url(images/nav_bg.jpg) no-repeat -568px -78px; color: #E5E5E5; cursor: default; width: 143px;}
#nav.current-link5 li.link5 a, #nav.current-link5 li.link5 a:hover {background:url(images/nav_bg.jpg) no-repeat -711px -78px; color: #E5E5E5; cursor: default;}

#content{width: 835px; background-color: #fff; margin: 0; padding: 1px 10px 10px 10px; _padding-top: 19px; text-align: center;}
#contentarea{width: 700px; text-align: left; margin-left: auto; margin-right: auto; margin-top: 20px;}
#contentarea h2 {font-size: 1.2em; font-weight: bold; border-bottom: 1px solid #5E622F;}
#contentarea h2#greetings {font-size: 1.6em; font-weight: bold; border-bottom: none; color: #5E622F; text-align: center;}
#contentarea h3 {font-size: 1em; font-weight: bold;}
.portbox {float: right; width: 320px; padding-left: 20px;}
.morespace {height: 25px;}
#contentarea a:visited {color: #00f;}
#contentarea a:hover {color: #5E622F;}

.boxes {width: 200px; margin: 10px 15px 10px 15px; float: left;}
ul.dblspace li {margin-bottom: 11px;}
#contentbottom {background:url(images/content_bottombg.jpg) no-repeat; width: 855px; height: 52px; margin: 0px;} 


ul.subnav { text-align: center;}
ul.subnav li { list-style-type: none; border-right: 1px solid #000; padding: 0px 10px 0px 10px; display: inline; margin: 0;}
ul.subnav li.last {border-right: none;}



.homeHighlight { width: 190px; _width: 210px; margin: 10px; background:url(images/fadeybox_bg.jpg) repeat-x; height: 227px; float: left; position: relative; padding: 35px 10px 0 10px;}
.homeHighlightLft {position: absolute; top: 0; left: 0; background:url(images/fadeybox_corners.jpg) no-repeat; width: 34px; height: 35px;z-index: 10;}
.homeHighlightRt {position: absolute; top: 0; left: 176px; background:url(images/fadeybox_corners.jpg) -34px 0px no-repeat; width: 34px; height: 35px;}
.homeHighlight p {text-align: justify;  margin: 0; padding: 10px 0 0 0;}
.homeHighlight h3 {position: absolute; top: 20px; left: 12px; z-index: 20; margin: 0; padding: 0;}
.clear {clear: both;}
.homeHighlight p.aright {text-align: right;}
.homeList {margin: 0; padding: 0; background:url(images/fadeybox_corners.jpg) no-repeat;}
#homebg {background:url(images/jbb_cuddle.jpg) top right no-repeat;}
#paraone {text-align: justify; width: 530px;}
#homebg p span.bigger {font-size: 1.3em; font-weight: bold;  color: #7E9338}
#homebg p span.big {font-size: 1.2em; color: #4D4954;}
#homebg p span.reg {font-size: 1em;}
#paratwo {width: 470px;}
#hpspacer {height: 30px;}
#bottomnav {text-align: center; margin: 3px 0 10px 0;}
#bottomnav li {display: inline; padding: 0 5px 0 5px; margin: 0;}
#bottomnav li a, #bottomnav li a:visited {color: #fff; font-size: 0.9em; text-decoration: none;}
#bottomnav li a:hover {text-decoration: underline;}

.codecomment {color: #999; font-weight: bold;}
.cvar {color: #006;}
.cact {color: #606;}
.samplebox {background-color: #DADDB9; padding: 10px; border: 1px solid #5E622F; clear: both;}
.codebox {padding: 10px; background-color: #ddd; border: 1px dashed #000; margin-bottom: 10px;}
.styleGuide {color: #966;}

a.cb, a.cb img {border: none;}
.codebox ul {margin:0; padding: 0;}
.codebox ul ul {margin-left: 12px; padding-left: 12px;}
.codebox ul.ulSpace {margin-top: 12px;}
.codebox ul li {list-style-type: none;}
.ind1 {padding-left: 25px;}
.ind2 {padding-left: 20px;}
.ind3 {padding-left: 20px;}
.ind4 {padding-left: 20px;}
#contentarea div.samplediv div.samplebox h3 {font-size: 1.4em; text-align: center;}
#contentarea div.samplediv div.samplebox h4 { font-size: 1.3em; padding: 3px; border-bottom: 1px solid #fff;}
.samplediv {position: relative;}
 
 
#contentarea div.samplediv div.samplebox div.codebox p {padding-top: 0; padding-bottom: 0;}
.msThumb {float: right; margin-left: 10px;}
.txtCodeEle {font-style: italic; color: #555;}
iframe.HGFframe {width: 200px; height: 150px; float: right; border: 1px solid #fff;}
iframe.mainmap { width: 165px; height: 200px; float: right; border: 1px solid #fff;}
#flowers {text-align: center; border: 1px solid #fff;}
#flowers img {width: 350px; height: 238; }