/* CSS Document */

body {color: #000000; margin: 0; padding: 0; font-family: "Century Gothic", Helvetica, sans-serif; font-size: 13px; line-height: 130%;}

#container {color: #000000; margin: 0 auto; width: 822px;}

#header {color: #000000; margin: 0 auto; width: 822px; height: 165px; background-image: url(../images/Fit_Pick_Header_BG.jpg); background-repeat: no-repeat; background-position: top center;}
#fitPickLogo {color: #000000; margin-left: 49px; _margin-left: 24px; width: 135px; height: 135px; float: left;}
#navigation {height: 38px; padding: 112px 24px 0 0; float: right;}

#content {color: #000000; margin: 0 auto; width: 822px; background-image: url(../images/Fit_Pick_Content_BG.jpg); background-repeat: repeat-y; background-position: top center;}
#leftSide {color: #000000; float: left; padding-left: 32px; width: 380px;}
#rightSide {color: #000000; float: right; padding-right: 24px; padding-top: 72px; _padding-top: 84px; width: 380px;}
#fullColumn {color: #000000; float: left; padding-left: 32px; padding-right: 24px; width: 760px;}

#footer {color: #000000; margin: 0 auto; width: 822px; height: 155px; background-image: url(../images/Fit_Pick_Footer_BG.jpg); background-repeat: no-repeat; background-position: top center;}
#subText {color: #CCCCCC; padding: 60px 0 0 32px; font-size: 12px;}
#subLogos {color: #CCCCCC; padding-top: 17px; text-align: center;}
#subText a {color: #CCCCCC;}

.clear {clear: both;}
.siteDesignedBy {color: #CCCCCC; font-size: 12px; text-align: center;}
a.siteDesignedBy {color: #CCCCCC; font-weight: bold;}

h1, h2, h3, h4, h5, h6 {line-height: 115%; font-weight: bold; padding: 0; margin-top: 10px; font-family: "Century Gothic", Helvetica, Arial, sans-serif;}
h3 {font-size: 20px;}
h1, h2, h3{color: #FF6600; font-weight: bolder;}
h4, h5, h6 {color: #407C34; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif;}
h5 {font-size: 16px;}
#content #leftSide ul li, #content #fullColumn ul li {padding: 10px; margin-left: -10px;}
a, a:active, a:visited {color: #3F7D35;}
a:hover {color: #FF782A;}
#content ul {list-style-image: url(../images/bullet.gif);}
#content ul li ul {list-style-image: url(../images/check.gif);}
#content ul li ul li {padding: -10px;}

/* Drop Down Menu Styles */
#bar, #bar ul {padding: 0; margin: 0; list-style: none;}
#bar a {display: block;} /* For variable width menu items */
#bar li {float: left;} /* For variable width menu items */
#bar li ul {position: absolute; margin-left: 0; margin-top: -1px; width: 12em; left: -999em; background-color: #FFFFFF; border: 1px solid #96CC8D;}
#bar li ul li {width: 12em; padding: 0;}
#bar li:hover ul {left: auto;} /* Default hover */
#bar li:hover ul, #bar li.sfhover ul {left: auto;} /* IE hover */

#bar li a img {height: 38px; border-width: 0;}

#bar li a#home {background: url(../images/nav/Nav_Home.jpg) top left no-repeat;}
#bar li a#home:hover {background: url(../images/nav/Nav_Home_f2.jpg) top left no-repeat;}
#bar li:hover a#home, #bar li.sfhover a#home {background:url(../images/nav/Nav_Home_f2.jpg) top left no-repeat;}

#bar li a#about {background: url(../images/nav/Nav_About.jpg) top left no-repeat;}
#bar li a#about:hover {background: url(../images/nav/Nav_About_f2.jpg) top left no-repeat;}
#bar li:hover a#about, #bar li.sfhover a#about{background:url(../images/nav/Nav_About_f2.jpg) top left no-repeat;}

#bar li a#tools {background: url(../images/nav/Nav_Tools_and_Resources.jpg) top left no-repeat;}
#bar li a#tools:hover {background: url(../images/nav/Nav_Tools_and_Resources_f2.jpg) top left no-repeat;}
#bar li:hover a#tools, #bar li.sfhover a#tools {background:url(../images/nav/Nav_Tools_and_Resources_f2.jpg) top left no-repeat;}

#bar li a#links {background: url(../images/nav/Nav_Links.jpg) top left no-repeat;}
#bar li a#links:hover {background: url(../images/nav/Nav_Links_f2.jpg) top left no-repeat;}
#bar li:hover a#links, #bar li.sfhover a#links {background:url(../images/nav/Nav_Links_f2.jpg) top left no-repeat;}

#bar li a#media {background: url(../images/nav/Nav_Media.jpg) top left no-repeat;}
#bar li a#media:hover {background: url(../images/nav/Nav_Media_f2.jpg) top left no-repeat;}
#bar li:hover a#media, #bar li.sfhover a#media {background:url(../images/nav/Nav_Media_f2.jpg) top left no-repeat;}

#bar li a#contact {background: url(../images/nav/Nav_Contact.jpg) top left no-repeat;}
#bar li a#contact:hover {background: url(../images/nav/Nav_Contact_f2.jpg) top left no-repeat;}
#bar li:hover a#contact, #bar li.sfhover a#contact {background:url(../images/nav/Nav_Contact_f2.jpg) top left no-repeat;}

#bar li ul li a, #bar li ul li a:active, #bar li ul li a:visited, #bar li ul li a:hover {color: #3F7D35; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; font-weight: bold; padding: 0px 8px 0px 13px;}
#bar li ul li a:hover {color: #000000; background-color: #EFEFEF; padding: 0px 8px 0px 13px;}