body {font-family: arial, verdana, helvetice, sans-serif; margin: 15px 0px; background-color: #fff; color: #000; }
.main {width: 780px; position: relative;}
.banner {width: 100%; background: url(img/logo.jpg) top left no-repeat; height: 22px; text-align: right; color: #fff; padding-top: 38px; font-size: 12px;  border-bottom: solid 1px #666; margin-bottom: 5px}
.banner a:link, .banner a:active, .banner a:visited {color: #fff; text-decoration: none; font-size: 10px; margin: 0px 4px}
.banner a:hover {color: #609}
object, .foundationyouth {float: left; margin-right: 5px }
.homeimage {float:left; padding-right: 5px; border-right: solid 50px #f00}
.practitionerimage {float:left; padding-right: 5px; border-right: solid 50px #81C894}
.issueimage {float:left; padding-right: 5px; border-right: solid 50px #008BBF}
.selfimage {float:left; padding-right: 5px; border-right: solid 50px #F58220}
.floatright {float:right}
.floatleft {float: left}
.nav {position: absolute; top: 120px; left: 0px; width: 278px; background: url(img/navback.jpg) top left no-repeat; padding-top: 55px; text-align: left; padding-bottom: 130px}
.nav a:link, .nav a:active, .nav a:visited, .youthpage, .motivationpage, .issuepage, .selfpage {display: block; height: 25px; width: 230px; border-bottom: solid 1px #999; padding: 5px 0px 0px 5px; text-decoration: none; font-size: 13px; color: #868686; font-weight: bold}
.nav a:hover {color: #fff}
.nav img {display: block; height: 78px; margin: 80px 0px 20px 0px; padding-bottom: 5px}
.nav img.green {border-bottom-color: #81C894}
.nav img.red {border-bottom-color: #f00}
.motivation a:hover, .motivationpage {width: 241px; background: #f00 url(img/redmen.jpg) top right no-repeat; color: #fff}
.issue a:hover, .issuepage {width: 241px; background: #008BBF url(img/bluemen.jpg) top right no-repeat; color: #fff}
.youth a:hover, .youthpage {width: 241px; background: #81C894 url(img/greenmen.jpg) top right no-repeat; color: #fff}
.self a:hover, .selfpage {width: 241px; background: #F58220 url(img/orangemen.jpg) top right no-repeat; color: #fff}
.youthsubnav, .motivationsubnav, .issuesubnav, .selfsubnav {display: block; padding-bottom: 20px; border-bottom: solid 1px #999; width: 235px}
.selfsubnav a:link, .selfsubnav a:active, .selfsubnav a:visited, .issuesubnav a:link, .issuesubnav a:active, .issuesubnav a:visited, .youthsubnav a:link, .youthsubnav a:active, .youthsubnav a:visited, .deadsublinkgreen, .motivationsubnav a:link, .motivationsubnav a:active, .motivationsubnav a:visited, .deadsublinkred, .deadsublinkblue, .deadsublinkorange{padding: 5px 0px 5px 25px; display: block; width: 210px; height: auto; font-weight: normal; border-width: 0px}
.issuesubnav a:hover {color: #008BBF}
.youthsubnav a:hover {color: #81C894}
.motivationsubnav a:hover {color: #f00}
.selfsubnav a:hover {color: #F58220}
.action {float: right; margin-top: 20px}

.content {padding-top: 80px; padding-left: 280px; text-align: left; font-size: 12px; }
.greentitle, .redtitle, .bluetitle, .orangetitle {font-weight: bold; font-size: 14px; letter-spacing: 2px}
.greentitle {color: #6CB07F;}
.redtitle {color: #f00}
.bluetitle {color: #008BBF}
.orangetitle {color: #F58220}
.deadsublinkgreen {font-weight: bold; font-size: 12px; color: #81C894} 
.deadsublinkred {font-weight: bold; font-size: 12px; color: #f00} 
.deadsublinkblue {font-weight: bold; font-size: 12px; color: #008BBF}
.deadsublinkorange {font-weight: bold; font-size: 12px; color: #F58220}
div.left {float: left; width: 245px}
div.right {float: right; width: 245px} 
.footerred, .footergreen, .footerblue, .footerorange {padding: 3px 0px; clear: both; text-align: center; font-size: 10px; color: #fff; letter-spacing: 2px}
.footerorange a:link, .footerorange a:visited, .footerorange a:active, .footerblue a:link, .footerblue a:visited, .footerblue a:active, .footerred a:link, .footerred a:visited, .footerred a:active, .footergreen a:link, .footergreen a:visited, .footergreen a:active{text-decoration: none; font-size: 10px; color: #FFF;  }
.footerred a:hover, .footergreen a:hover, .footerblue a:hover, .footerorange a:hover {text-decoration: underline}
.footerred {background-color: #f00}
.footergreen {background-color: #6CB07F}
.footerblue {background-color: #008BBF}
p.clear {clear: both}
.footerorange {background-color: #F58220}
.italic {font-style: italic;}
.bannerlinks {background: url(img/gradient_03.jpg) top left repeat-x; padding: 3px 17px}
ul.red {color: #333}
ul.red a {color: #333; text-decoration: none}
ul.red a:hover {color: #f00}