/*
 Theme Name: ColonClean
 Theme URI: http://wordpress.org/
 Description: Custom theme for ColonClean.com based on The default WordPress theme
 Version: 1
 Author: VJIB
 Template: colonclean
 Tags:
 
 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 
 */ * {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
}

img {
    border: none;
}

a {
    color: #333
}

body {
    background: url(images/body-bg.gif);
    background-color: Transparent;
}

h1 {
    font-weight: normal;
    font-size: 30px;
    margin-bottom: 8px;
    line-height: 30px;
    margin-top: 10px;
    text-transform: capitalize;
    color: #333;
    font-family: "Arial Narrow"
}

h2 {
    font-weight: normal;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-transform: capitalize;
    color: #333;
}

h3 {
    font-weight: normal;
    font-size: 18px;
    margin-bottom: 10px;
    margin-top: 20px;
}

li {
    margin-left: 20px;
    margin-bottom: 10px;
}

/* Main Wrappers */
#content {
    position: relative;
    left: 10px;
    padding: 20px;
    padding-right: 30px;
    font-size: 12px;
    line-height: 18px;
    color: #4d4d4d
}

#content p {
    margin-bottom: 10px;
}

#contentlander {
    position: relative;
    left: 10px;
}

#center {
    float: left;
    width: 735px;
    position: relative;
    left: 0px;
    margin-top: 125px;
    padding-bottom: 20px;
}

#right {
    float: right;
    width: 240px;
    padding-bottom: 200px;
    position: relative;
    margin-top: 90px;
    left: -6px;
}

#wrapper {
    margin: 0 auto;
    background: url(images/content-tile.gif);
    width: 976px;
}

/* Header */
#header {
    margin: 0 auto;
    background: url(images/bps_header.gif) no-repeat;
    height: 100px;
    width: 975px;
    position: absolute;
    top: 0px;
    float: left;
    margin-left: 5px;
}

#divsearchform {
    position: absolute;
    top: 45px;
    margin-left: 673px;
    width: 400px;
}

#searchform #s {
    background: none;
    border: none;
    height: 17px;
    font-size: 14px;
    font-weight: bold;
    color: #333;
    width: 187px;
}

#searchform #searchgo {
    position: relative;
    top: 8px;
}

#logo {
    position: absolute;
    top: 14px;
    margin-left: 10px;
    float: left;
}

/* Breadcrumbs */
#breadcrumbs {
    position: relative;
    top: 22px;
    left: 245px;
    font-size: 12px;
    color: #666;
    width: 375px;
}

#breadcrumbs a {
    text-decoration: none;
    font-size: 11px;
    color: #333
}

#breadcrumbs a:hover {
    text-decoration: underline
}

/* Top Right Navigation */
#toprightnav {
    position: absolute;
    top: 7px;
    margin-left: 656px;
    width: 352px;
}

#toprightnav a {
    float: left;
}

#mhrn {
    background: transparent url(images/top-right-mh.png) 100% 0px no-repeat;
    width: 79px;
    height: 33px;
}

#mhrnover {
    background: url(images/top-right-mh-over.png) no-repeat;
    width: 116px;
    height: 33px;
}

#mhrn:hover {
    background: transparent url(images/top-right-mh-over.png) 100% 0px no-repeat;
}

#phrn {
    background: url(images/top-right-ph.png) no-repeat;
    width: 116px;
    height: 33px;
}

#phrnover {
    background: url(images/top-right-ph-over.png) no-repeat;
    width: 116px;
    height: 33px;
}

#phrn:hover {
    background: url(images/top-right-ph-over.png) no-repeat;
}

#hlrn {
    background: url(images/top-right-hl.png) no-repeat;
    width: 116px;
    height: 33px;
}

#hlrnover {
    background: url(images/top-right-hl-over.png) no-repeat;
    width: 116px;
    height: 33px;
}

#hlrn:hover {
    background: url(images/top-right-hl-over.png) no-repeat;
}

/* Horizontal Navigation */
#hornav {
    height: 40px;
    background: url(images/hor-nav-tile.gif) repeat-x;
    position: absolute;
    top: 90px;
    margin-left: 5px;
    width: 960px;
}

#hornavitems {
    position: absolute;
    top: 0px;
}

#hornav a {
    float: left;
    display: block;
    text-decoration: none;
    font-size: 20px;
    padding: 7px 20px 1px 20px;
}

#bbtopnav, #bbtopnav:hover, #ootopnav, #bbtopnav:hover, #ggtopnav, #ggtopnav:hover, #ybtopnav, #ybtopnav:hover, #yotopnav, #yotopnav:hover, #ygtopnav, #ygtopnav:hover, #ybtopnavhover, #yotopnavhover, #ygtopnavhover {
    height: 29px;
}

#ybtopnavul li a, #ybtopnavul li a:hover, #yotopnavul li a, #yotopnavul li a:hover, #ygtopnavul li a, #ygtopnavul li a:hover {
    height: 29px;
}

#bbtopnav {
    background: url(images/top-nav-blue-tile.gif) repeat-x;
    color: #fff;
}

#bbtopnav:hover {
    background: url(images/top-nav-blue-tile.gif) repeat-x 0px -37px;
}

#ootopnav {
    background: url(images/top-nav-orange-tile.gif) repeat-x;
    color: #fff;
}

#ootopnav:hover {
    background: url(images/top-nav-orange-tile.gif) repeat-x 0px -37px;
}

#ggtopnav {
    background: url(images/top-nav-green-tile.gif) repeat-x;
    color: #fff;
}

#ggtopnav:hover {
    background: url(images/top-nav-green-tile.gif) repeat-x 0px -37px;
}

#ybtopnav {
    background: url(images/top-nav-grey-blue-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#ybtopnavul li a {
    background: url(images/top-nav-grey-blue-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#ybtopnav:hover, #ybtopnavul li a#ybtopnavhover {
    background: url(images/top-nav-blue-tile.gif) repeat-x 0px -37px;
    color: #fff;
    height: 29px;
}

#ybtopnavul li a:hover {
    background: url(images/top-nav-blue-tile.gif) repeat-x 0px -37px;
    color: #fff;
    height: 29px;
}

#yotopnav {
    background: url(images/top-nav-grey-orange-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#yotopnavul li a {
    background: url(images/top-nav-grey-orange-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#yotopnav:hover, #yotopnavul li a#yotopnavhover {
    background: url(images/top-nav-grey-orange-tile.gif) repeat-x 0px -37px;
    color: #fff;
}

#yotopnavul li a:hover {
     background: url(images/top-nav-orange-tile.gif) repeat-x 0px -37px;
    color: #fff;
}

#ygtopnav {
    background: url(images/top-nav-grey-green-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#ygtopnavul li a {
    background: url(images/top-nav-grey-green-tile.gif) repeat-x;
    border-right: 1px solid #666;
}

#ygtopnav:hover, #ygtopnavul li a#ygtopnavhover {
    background: url(images/top-nav-grey-green-tile.gif) repeat-x 0px -37px;
    color: #fff;
}

#ygtopnavul li a:hover {
    background: url(images/top-nav-green-tile.gif) repeat-x 0px -37px;
    color: #fff;
}

#ybtopnav a, #yotopnav a, #ygtopnav a {
    color: #6d6e71
}

#ybtopnavul li a, #yotopnavul li a, #ygtopnavul li a {
    color: #6d6e71
}

/* Right Menu */
#rightmenu {
    margin: 15px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 15px;
    padding-top: 30px;
}

#rightmenu a:link, #rightmenu a:active, #rightmenu a:visited {
    display: block;
    text-decoration: none;
}

.m1mh, .m1ph, .m1hl {
    font-size: 22px;
    padding-top: 10px;
    padding-left: 4px;
}

.m1mh {
    color: #734c37
}

.m1ph {
    color: #a27418
}

.m1hl {
    color: #324f37
}

.m1mh:hover {
    color: #b09772;
}

.m1ph:hover {
    color: #e9b371;
}

.m1hl:hover {
    color: #629469;
}

#m1tc {
    font-size: 22px;
    color: #333;
    padding-left: 19px;
}

.m1, .closed1, .open1, .m2 {
    font-size: 12px;
    color: #555;
    padding: 2px 0px 2px 5px;
}

#mhnav .m1:hover, #mhnav .youarehere1 {
    background: #b09772;
    color: #fff
}

#phnav .m1:hover, #phnav .youarehere1 {
    background: #e9b371;
    color: #fff
}

#hlnav .m1:hover, #hlnav .youarehere1 {
    background: #629469;
    color: #fff
}

#mhnav, #phnav, #hlnav {
    width: 200px;
}

/* Home + Lander Flash/HTML Launch */
#mentalhealthmain, #facemain {
    background: url(images/mental-health-tile.gif) repeat-x;
    height: 255px;
    width: 720px;
}

#physicalhealthmain, #bodymain {
    background: url(images/physical-health-tile.gif) repeat-x;
    height: 255px;
    width: 720px;
}

#healthylivingmain, #skinmain {
    background: url(images/healthy-living-tile.gif) repeat-x;
    height: 255px;
    width: 720px;
}

#mainimage {
    float: left
}

#sectiontext {
    width: 349px;
    float: left;
    padding: 0 15px;
	background: transparent url(images/colon_background.gif) 0px 0px no-repeat;
    color: #fff;
    font-size: 11px;
    line-height: 14px;
}

#sectiontext h1 {
    font-size: 30px;
    color: #fff;
    padding-top: 17px;
    margin-bottom: 5px
}

#sectiontext ul {
    margin: 25px 0 0 -4px;
    height: 80px;
    width: 170px;
    float: left;
    font-size: 12px;
}

#sectiontext li {
    margin-bottom: 3px;
}

#sectiontext li a {
    color: #fff;
    text-decoration: none;
}

#sectiontext li a:hover {
    text-decoration: underline;
}

/* Callouts*/
#calloutgroup1 {
    clear: both;
    position: relative;
    width: 720px;
    padding-left: 4px;
}

#calloutgroup2 {
    clear: both;
}

#calloutgroup3 {
    clear: both;
}

/* Callout Group 1 - 3 horizontally with rounded bottoms */
#cwrapper {
    width: 239px;
    float: left;
    font-size: 12px;
    padding: 0px;
}

#callout1, #callout2, #callout3 {
    background: url(images/callout-tile.gif) repeat-x bottom;
    width: 201px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 15px;
    padding-bottom: 10px;
	height: 165px;
}

#callout1 h1, #callout1 h1 a, #callout2 h1, #callout3 h1 {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 8px;
    line-height: 24px;
    margin-top: 5px;
    text-transform: uppercase;
	text-align: right;
}

#callout1 h1 a:link {
    text-decoration: none;
}

#callout1 h1, #callout1 h1 a {
    color: #b09772;
    font-family: "Arial Narrow";
}

#callout2 h1 {
    color: #e9b371;
}

#callout3 h1 {
    color: #629469;
}

#bottom {
    float: left;
    clear: both;
}

#mentalhealthcwrapper #callout1 h1, #facecwrapper #callout1 h1 {
    color: #306D85;
}

#physicalhealthcwrapper #callout1 h1, #bodycwrapper #callout1 h1 {
    color: #99481C;
}

#healthylivingcwrapper #callout1 h1, #skincwrapper #callout1 h1 {
    color: #3C6C28;
}

/* Callout Group 2 - 2 horizontally with photo to the left */
#article {
    float: left;
    width: 340px;
    margin-top: 15px;
    margin-left: 7px;
    margin-right: 5px;
    font-size: 11px;
}

#article h1 {
    font-size: 21px;
    font-weight: normal;
    color: #333;
    line-height: 21px;
}

#article #launch {
    float: left;
}

#photo {
    height: 200px;
    width: 100px;
    float: left;
    margin: 10px;
    margin-right: 15px;
    margin-top: 0px;
    border: 1px solid #ccc;
}

#acopy {
    width: 200px;
    float: right
}

/* Callout Group 3 - 3 horizontally at the bottom - list items */
#bottomcallout {
    background: url(images/bottomcallout-bg.gif) no-repeat;
    padding: 15px;
    margin-top: 25px;
    margin-left: 13px;
    width: 191px;
    float: left;
    color: #333;
}

#bottomcallout a {
    display: block;
    text-decoration: none;
    font-size: 11px;
}

#bottomcallout a:hover, #bottomcallout2 a:hover {
    text-decoration: underline
}

#bottomcallout #t1 {
    font-size: 10px;
    text-transform: uppercase;
}

#bottomcallout #t2 {
    text-transform: uppercase;
    font-size: 18px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#bottomcallout ul {
}

#bottomcallout li {
    list-style: disc;
    margin: 0px;
    padding: 1px;
    margin-left: 15px;
}

#bottomcallout2 {
    background: url(images/bottomtopcallout-bg.gif) no-repeat;
    padding: 15px;
    margin: 9px;
    margin-left: 3px;
    margin-top: 15px;
    width: 202px;
    float: left;
    color: #333;
}

#bottomcallout2 a {
    display: block;
    text-decoration: none;
    font-size: 11px;
}

#bottomcallout2 #t1 {
    font-size: 10px;
    text-transform: uppercase;
}

#bottomcallout2 #t2 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 18px;
    margin-top: 3px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
    text-align: left;
    margin-left: 50px;
}

#bottomcallout2 #t3 {
    float: left;
    font-size: 30px;
    font-weight: bold;
    margin-left: 2px;
}

#bottomcallout2 ul {
    margin-left: 10px;
}

#bottomcallout2 li {
    list-style: disc;
    margin: 0px;
    padding: 1px;
    margin-left: 15px;
}

/* Read More on Keyword */
#readmore {
    background: url(images/read-more-on.gif) 5px 5px no-repeat #d1d2d4;
    height: 18px;
    width: 200px;
}

#launch {
    margin-top: 10px;
}

#launchtext {
    width: 195px;
    background-color: #734C37;
    padding: 3px 0 3px 5px;
}

#launchtext a, #mhlaunchtext a, #phlaunchtext a, #hllaunchtext a {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

#launchtext a:hover, #mhlaunchtext a:hover, #phlaunchtext a:hover, #hllaunchtext a:hover {
    text-decoration: underline;
}

#mentalhealthcwrapper #launchtext, #mhlaunchtext, #facecwrapper #launchtext {
    width: 195px;
    background-color: #46684c;
    padding: 3px 0 3px 5px;
}

#physicalhealthcwrapper #launchtext, #phlaunchtext, #bodycwrapper #launchtext {
    width: 195px;
    background-color: #734c37;
    padding: 3px 0 3px 5px;
}

#healthylivingcwrapper #launchtext, #hllaunchtext, #skincwrapper #launchtext {
    width: 195px;
    background-color: #629469;
    padding: 3px 0 3px 5px;
}

/* PPC */
#ppc {
    width: 600px;
    background: #FFF;
    margin-top: 15px;
}

#ppc .ppclisting {
    display: block;
    padding-left: 15px;
    padding-bottom: 10px;
    background: url(images/bullet1.gif) no-repeat;
}

#ppc .ppctitle {
    display: block;
    padding: 1px 0 1px 20px;
    text-transform: capitalize;
    font-size: 14px;
    font-weight: bold;
    color: #CC0000;
    margin-top: 10px;
}

#ppc .ppcdescription {
    display: block;
    padding-left: 20px;
    font-size: 12px;
    width: 500px;
    text-decoration: none;
    color: #595959;
}

#ppc .ppchost {
    display: block;
    padding-left: 0px;
    text-decoration: underline;
    font-size: 12px;
    margin-left: 20px;
    color: #666;
}

.kw {
    text-transform: capitalize;
    color: #666;
    font-weight: bold;
}

#wt {
    float: right;
    position: relative;
    top: -20px;
    font-size: 11px;
    padding-right: 20px;
    color: #8c8c8c;
}

#ppc .ppctitle:hover {
    color: red;
}

#ppc .ppchost:hover {
    text-decoration: underline;
}

#ppcsl {
    font-size: 10px;
    color: #999;
    padding-right: 10px;
}

#ppcsl a {
    color: #999;
    padding: 2px;
}

#alfor {
    color: #666;
    font-size: 15px;
    padding: 7px;
    padding-left: 10px;
    width: 583px;
    text-transform: capitalize;
}

/* Site Search PPC */
#sitesearchppc {
    width: 650px;
    padding: 5px;
    padding-left: 0px;
}

#sitesearchppc .ppclisting {
    display: block;
    padding-left: 0px;
    padding-bottom: 10px;
}

#sitesearchppc .ppctitle {
    display: block;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    color: #E44145;
    margin-top: 10px;
}

#sitesearchppc .ppcdescription {
    display: block;
    font-size: 11px;
    text-decoration: none;
    color: #5d646d;
}

#sitesearchppc .ppchost {
    display: block;
    font-size: 10px;
    color: #404040;
}

/* Footer */
#footer {
    clear: both;
    width: 950px;
    height: 36px;
    background: url(images/footer.gif) no-repeat;
    margin: 0 auto;
    padding: 3px 10px;
    text-align: center;
}

#footer a {
    text-decoration: none;
    color: #666;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 11px;
    display: inline;
    padding-right: 10px;
    padding-left: 10px;
}

#footer a:hover {
    text-decoration: underline;
}

/* Sitemap */
#sitemap a {
    display: block;
}

#sitemap td {
    padding-right: 70px;
}

#s1 {
    font-size: 22px;
    margin-top: 20px;
}

#s2 {
    font-size: 18px;
    margin-top: 20px;
}

/* Attribution */
#attribution {
    font-size: 10px;
    color: #666;
    padding-top: 2px;
}

#attribution a {
    font-size: 10px;
    color: #e9b371;
    text-transform: none;
    padding: 0 2px 0 2px;
}

#login {
    background: url(images/loginhover.gif) no-repeat;
    display: block;
    width: 115px;
    height: 10px;
    position: relative;
    left: 850px;
    top: 31px;
}

#homeflash {
    width: 720px;
    height: 250px;
    margin-bottom: 5px;
}

#tagCloudLinks a:link, #tagCloudLinks a:visited, #tagCloudLinks a:active {
    text-transform: capitalize;
    font-size: 12px;
    color: #555;
    padding: 2px 0px 2px 5px;;
    margin-left: 15px;
    text-decoration: none;
    display: block;
    width: 210px;
}

#tagCloudLinks a:hover {
    color: #fff;
    background: #333;
}

#tagCloudLinks {
    background: url(images/iframe-tile.gif);
    height: 220px;
}

#tagcloudiframe {
    background-color: transparent;
}

#sitesearch {
    width: 675px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -10px;
}

#noresults {
    padding: 25px 0;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
}

#sitesearch .kw, #ppc-sitesearch .kw {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
    color: #333
}

/* Styles for Search Results */
#sitesearch #resulttime {
    display: none;
}

#sitesearch .resultlisting, #ppc-sitesearch .ppclisting {
    padding: 15px 0;
    border-bottom: 1px dotted #ccc;
}

#sitesearch .resultlisting b {
    color: #666;
}

#sitesearch .rtitle, #ppc-sitesearch .ppctitle {
    display: block;
    color: #333;
    font-size: 20px;
    line-height: 16px;
    text-decoration: none;
    font-weight: bold;
}

#sitesearch .rtitle:hover, #ppc-sitesearch .ppctitle:hover {
    text-decoration: underline;
}

#sitesearch .rsummary {
    display: block;
    padding-top: 5px;
    text-decoration: none;
    font-size: 11px;
    line-height: 13px;
    color: #333;
    font-weight: normal;
}

#sitesearch .rsummary:hover {
    text-decoration: none;
}

#sitesearch #alfor {
    font-size: 18px;
}

#sitesearch .kw {
    font-size: 18px;
}

/* Styles for Pagination */
#paginator {
    padding: 10px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    background: url(images/paginator.gif) repeat-x;
    color: #333;
}

#paginator td {
    padding-top: 5px;
}

.paginatortoprow {
    display: none;
}

#paginator img {
    margin-top: 2px;
}

#paginator .pagenums {
    font-weight: normal;
    padding-top: 10px;
    color: #666;
}

#VitaminImage {
    margin: 40px 0 -20px;
    text-align: center;
}

#WheelChairImage {
    position: relative;
    float: right;
    left: 14px;
}

#paginator .alignleft {
    float: left;
    width: 50%;
    text-align: left;
}

#paginator .alignright {
    float: right;
    width: 50%;
    text-align: right;
}

/*static ads*/
#staticads {
    display: block;
}

#staticads ul {
    list-style: none;
}

#staticads a:link, #staticads a:visited {
    display: block;
    font-size: 14px;
    margin: 5px 0px 5px 0px;
}

#staticads .title {
    color: #476c87;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#staticads .left {
    float: left;
    margin: 0px 0px 15px 15px;
    width: 325px;
}

#staticads .right {
    float: right;
    margin: 0px 20px 15px 0px;
    width: 325px;
}

/*network links*/
#netLinks {
    margin: 0 auto;
    text-align: left;
    width: 900px;
}

#netTitle {
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 20px;
}

#linksTitle {
    color: #333333;
    font-weight: bold;
    margin-bottom: 5px;
}

#netBlock {
    float: left;
    width: 225px;
}

#netBlock a:link, #netBlock a:active, #netBlock a:visited {
    color: #000;
    display: block;
    padding-bottom: 5px;
}

#ybtopnavul, #yotopnavul, #ygtopnavul, #rightnavul {
    margin: 0px;
    padding: 0px;
}

#ybtopnavul li, #yotopnavul li, #ygtopnavul li, #rightnavul li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#ybtopnavul li, #yotopnavul li, #ygtopnavul li {
    float: left;
    display: block;
    text-decoration: none;
    font-size: 20px;
    /*padding:7px 20px 1px 20px;*/
}

#rightnavul li {
    margin: 0px !important;
    padding: 0px !important;
}

#rightnavul a {
    font-size: 12px;
    color: #555;
    padding: 2px 0px 2px 5px;
}

#rightnavul a:hover {
    text-decoration: underline
}