* { padding: 0; margin: 0; outline: 0; }

body { font: 12px/16px Tahoma, Arial, sans-serif; color: #898989; background: #fff; text-align: left; }
.cl { font-size: 0; line-height: 0; height: 0; clear: both; }
.cl-form { font-size: 0; line-height: 0; height: 7px; clear: both; }

a img { border: 0; }
a { color: #c1d62f; text-decoration: none; }
a:hover { text-decoration: underline; cursor: pointer; }

.left { float: left; display: inline; }
.right { float: right; display: inline; } 
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.shell { margin: 0 auto; width: 900px; }
.paper .shell { background: url(images/paper.jpg) no-repeat center 0; }

h1#logo { padding-top: 16px; font-size: 0; line-height: 0; text-indent: -4000px; float: left; }
h1#logo a { background: url(images/logo.gif) no-repeat 0 0; width: 233px; height: 72px; display: block; }

#header {}

#navigation { height: 44px; background: url(images/nav.png) no-repeat 0 0; float: right; width: 631px; }
#navigation ul { list-style-type: none; }
#navigation ul li { float: left; display: inline; padding-right: 1px; }
#navigation ul li a { height: 28px; padding-top: 8px; display: block; background-image: url(images/nav.gif); background-repeat: no-repeat; font-size: 11px; color: #fff; text-align: center; position: relative; z-index: 1; }
#navigation ul li a.nav-what { background-position: 0 0; width: 117px; } 
#navigation ul li a.nav-what-active{background-position: -0 0; width: 117px; background-image: url(images/nav-h.gif); text-decoration: none;}
#navigation ul li a.nav-become { background-position: -118px 0; width: 159px;}
#navigation ul li a.nav-become-active{background-position: -118px 0; width: 159px; background-image: url(images/nav-h.gif); text-decoration: none;}
#navigation ul li a.nav-assess { background-position: -278px 0; width: 163px;}
#navigation ul li a.nav-assess-active{background-position: -278px 0; width: 163px; background-image: url(images/nav-h.gif); text-decoration: none;}
#navigation ul li a.nav-cert { background-position: -442px 0; width: 182px;}
#navigation ul li a.nav-cert-active{background-position: -442px 0; width: 182px; background-image: url(images/nav-h.gif); text-decoration: none;}
#navigation ul li a:hover, #navigation ul li.active a { background-image: url(images/nav-h.gif); text-decoration: none;}

#main { padding-top: 34px; }

.boxes-cnt { padding-top: 48px; width: 770px; margin: 0 auto; }
.box {width: 256px; float: left; }
.small-box {background: url(images/small-box-bg.gif) no-repeat 0 0; width: 252px; height: 77px; text-align: center; display:block; margin-top:3px;}
a.small-box:hover {background-position:0 bottom; text-decoration: none;}
a.small-box strong {font-size: 16px; color: #fff; text-transform: uppercase; line-height: 20px; display:block; padding-top:7px;}
a.small-box span {font-size: 12px; color: #959595; font-weight: normal; padding:0 10px; display:block;}

.small-box-cnt {width: 235px; padding-top: 8px; float: left;}
.small-box-cnt h2 {font-size: 16px; color: #fff; text-transform: uppercase; line-height: 20px;}
.small-box-cnt h3 {font-size: 12px; color: #959595; font-weight: normal;}

#side-nav {float: left; width: 240px;}
#side-nav ul {list-style-type: none;}
#side-nav ul li {width: 240px;}
#side-nav ul li a {display: block; background: url(images/side-nav-bg.gif) no-repeat 0 0; height: 26px; width: 230px; font-family: arial, sans-serif; font-size: 9px; text-transform: uppercase; color: #fff; padding-left: 10px; padding-top: 10px;}
#side-nav ul li a:hover, #side-nav ul li.active a:hover { background: url(images/side-nav-bg-h.gif); text-decoration: none;}
#side-nav ul li a.first {background-image: url(images/side-nav-first.gif); height: 23px;}
#side-nav ul li a.first:hover, #side-nav ul li.active a.first:hover {background-image: url(images/side-nav-first-h.gif);}

#side-nav ul li a.last {background-image: url(images/side-nav-last.gif); height: 24px;}
#side-nav ul li a.last:hover, #side-nav ul li.active a.last:hover {background-image: url(images/side-nav-last-h.gif);}
#side-nav ul li.active a.last {background-image: url(images/side-nav-last-active.gif);}

#side-nav ul li a.mid-active {background: url(images/side-nav-bg-h.gif);}
#side-nav ul li a.first-active {background-image: url(images/side-nav-first-h.gif); height: 23px;}
#side-nav ul li a.last-active {background-image: url(images/side-nav-last-active.gif);}
/*
#side-nav ul li.active a {background: url(images/side-nav-bg-active.gif);}

#side-nav ul li.active a.first {background-image: url(images/side-nav-first-active.gif);}
#side-nav ul li.active a.last {background-image: url(images/side-nav-last-active.gif);}
*/


#content {padding-left: 42px; float: left; width: 590px;}
#content h2 {font-size: 18px; color: #c1d62f; text-transform: uppercase; line-height: 24px; font-weight: normal; letter-spacing: 2.5px;}
#content h3 {color: #626262; font-size: 15px; font-weight: bold;line-height:19px; }
#content h3.space {padding-left: 80px;}
.article {padding-top: 30px; font-size: 13px; font-family: tahoma, sans-serif; line-height: 19px;}
.article p {padding-bottom: 10px;}

#footer {font-family: arial,sans-serif; font-size: 14px; color: #b1b1b1; padding-top: 65px; padding-left: 10px;}
#footer ul {list-style-type: none;}
#footer ul li {float: left; display: inline; padding-right: 20px;}
#footer ul li a {color: #b1b1b1;}

.find { padding-top: 10px;}
.find span {float: left; padding-right: 10px; display: block; width: 125px;}
.find ul { float: left;}
.find ul li a.facebook {background: url(images/facebook.gif) no-repeat 0 2px; padding-left: 20px; display: block; height: 20px;float: left;}
.find ul li a.twitter {background: url(images/twitter.gif) no-repeat 0 0; padding-left: 20px; display: block; height: 20px;float: left;}
.find ul li a.linkedin {background: url(images/linkedin.jpg) no-repeat 0 0; padding-left: 20px; display: block; height: 20px;float: left;}

#tools { margin-left: 10px; }
#tools p { width: 520px; padding-bottom: 15px; text-align: justify; font-size: 13px; font-family: tahoma, sans-serif;  line-height: 19px;}
#tools p a { display: inline; height: auto; width: auto; background: none; color: #bfd62e; }
.tool { float: left; display: inline; width: 159px; margin: 0 18px 30px 0; background: url(images/tool-shadow.gif) no-repeat 0 0; }
.tool span { display: block; text-align: center; text-transform: uppercase; font-size: 11px; color: #c2d82e; padding-top: 15px; }
.tool span a{ color:#c2d82e; }
#tools h2 { font-size: 18px; font-weight: normal; text-transform: uppercase; color: #c2d82e; letter-spacing: 2.1px; }
#tools h3 { font-size: 15px; font-weight: bold; color: #898989; margin: 10px 0 30px 20px; }
#tools a.notext { display: block; height: 153px; width: 153px; background-repeat: no-repeat; background-image: url(images/tools.gif); }
#tools .book { background-position: 0 0; }
#tools .book:hover { background-position: right 0; }
#tools .book-active { background-position: right 0; }
#tools .rsi { background-position: 0 -153px; }
#tools .rsi:hover { background-position: right -153px; }
#tools .rsi-active { background-position: right -153px; }
#tools .sequence { background-position: 0 -306px; }
#tools .sequence:hover { background-position: right -306px; }
#tools .sequence-active { background-position: right -306px; }
#tools .activities { background-position: 0 -459px; }
#tools .activities:hover { background-position: right -459px; }
#tools .activities-active { background-position: right -459px; }
#tools .questions { background-position: 0 -612px;}
#tools .questions:hover { background-position: right -612px;}
#tools .questions-active { background-position: right -612px;}