@charset "UTF-8";
/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333; background: url('../images/layout/body-bg.gif') repeat-y; margin: 0px; }
a { color: #FF0000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }

.cleaner { clear: both; }

#container { width: 950px; overflow: hidden; margin: 0; background: #FFF url('../images/layout/site-bg.gif') repeat-y; }
.horizontal-line { width: 695px; height: 1px; margin:  15px auto  15px auto; padding: 0; background: #e7e7e7; }


/* LEFT SIDEBAR */
#leftside-wrapper { width: 199px; float: left; margin: 0; background: url('../images/navigation/navigation-bg.gif') repeat-y; }

/* navigation */
#navigation { width: 199px; height: 200px; padding: 0; margin: 0; }
#navigation a { float: right; height: 40px; text-decoration: none; background-position: 0 0; margin: 0; padding: 0; }

#navigation a.home { background: url('../images/navigation/home.gif') no-repeat; width: 190px; }
#navigation a.facts { background: url('../images/navigation/facts.gif') no-repeat; width: 190px; }
#navigation a.warning-signs { background: url('../images/navigation/warning-signs.gif') no-repeat; width: 190px; }
#navigation a.skills-review { background: url('../images/navigation/skills-review.gif') no-repeat; width: 190px; }
#navigation a.contact { background: url('../images/navigation/contact.gif') no-repeat; width: 190px; }

#navigation a.home-a { background: url('../images/navigation/home.gif') no-repeat; width: 190px; background-position: 0 -40px; }
#navigation a.facts-a { background: url('../images/navigation/facts.gif') no-repeat; width: 190px; background-position: 0 -40px; }
#navigation a.warning-signs-a { background: url('../images/navigation/warning-signs.gif') no-repeat; width: 190px; background-position: 0 -40px; }
#navigation a.skills-review-a { background: url('../images/navigation/skills-review.gif') no-repeat; width: 190px; background-position: 0 -40px; }
#navigation a.contact-a { background: url('../images/navigation/contact.gif') no-repeat; width: 190px; background-position: 0 -40px; }

/* guidelines pic */
.guidelines { border: 0; padding: 80px 0 50px 0; }


/* aha */
#aha { width: 655px; margin: 25px auto 0 auto; padding: 0 20px; font-size: 15px; line-height: 1.5em; }
#aha img { float: right; margin-left: 20px;}


/* RIGHT SIDEBAR */
#rightside-wrapper { width: 751px; float: left; margin: 0; }
#rightside-wrapper .welcome { width: 695px; margin: 25px auto 0 auto; padding: 0; background-color: #FF0000; background-image: url(../images/layout/welcome-bg.gif); }
#rightside-wrapper .welcome h1 { font-size: 24px; font-weight: normal; line-height: 1.4em; color: #FFF; padding: 20px; margin: 0; }

/* content */
#content-wrapper { width: 695px; margin: 0 auto; padding: 0; }
#content-wrapper .titles { margin: 0; padding: 0 0 15px 0; }

#content-wrapper #leftside { float: left; width: 325px; padding: 0 20px 25px 0; margin: 0; text-align: left; border-right: 1px solid #e7e7e7; }
#content-wrapper #leftside ul { list-style: disc; font-size: 13px; line-height: 1.5em; color: #000; padding: 10px 10px 0 13px; margin: 0; }
#content-wrapper #leftside li { padding: 0 0 8px 0; margin: 0; }
#content-wrapper #leftside p { font-size: 13px; line-height: 1.5em; color: #000; padding: 15px 8px 0 13px; margin: 0; }
#content-wrapper #leftside p.subtitle { font-size: 17px; line-height: 1.4em; color: #FF0000; padding: 15px 8px 0 2px; margin: 0; }

#content-wrapper #rightside { float: right; width: 315px; padding: 0 0 25px 25px; margin: 0; }
#content-wrapper #rightside li { padding: 0 0 8px 0; margin: 0; }
#content-wrapper #rightside p { font-size: 13px; line-height: 1.5em; color: #000; padding: 10px 10px 0 1px; margin: 0; }
#content-wrapper #rightside p.subtitle { font-size: 15px; line-height: 1.4em; color: #FF0000; padding: 5px 8px 3px 2px; margin: 0; }
#content-wrapper #rightside .logo { border: 0; padding: 35px 0 0 75px; }

#content-wrapper-2 { width: 695px; margin: 25px auto 0 auto; padding: 0;  border-top: 1px solid #E7E7E7;}
#content-wrapper-2 h2 { font-size: 24px; font-weight: normal; line-height: 1.4em; color: #FF0000; padding: 20px 0 10px 0; margin: 0; }
#content-wrapper-2 h3 { font-size: 18px; font-weight: normal; line-height: 1.4em; color: #FF0000; padding: 0px 0 10px 0; margin: 0; }
#content-wrapper-2 h4 { font-size: 15px; font-weight: normal; line-height: 1.4em; color: #FF0000; padding: 15px 0 10px 0; margin: 0; }
#content-wrapper-2 p { font-size: 13px; line-height: 1.5em; color: #000; margin: 0; }
#content-wrapper-2 #leftside { float: left; width: 327px; padding: 0 20px 0 0; margin: 0; text-align: left; }
#content-wrapper-2 #leftside p { padding: 0 10px 20px 0; }
#content-wrapper-2 #leftside ul { list-style: square; font-size: 13px; line-height: 1.5em; color: #000; padding: 3px 10px 0 13px; margin: 0; }
#content-wrapper-2 #leftside li { padding-bottom: 4px; margin: 0; }
#content-wrapper-2 #leftside .image-right { border: 0; float: right; margin: 10px 0 10px 15px; }
#content-wrapper-2 #leftside .image-left { border: 0; float: left; margin: 10px 15px 10px 0; }
#content-wrapper-2 #rightside { float: right; width: 307px; padding: 0 20px 25px 20px; margin: 0; border-left: 1px solid #E7E7E7; background-color: #F4F4F4; }
#content-wrapper-2 #rightside p { padding: 0 0 20px 0; }
#content-wrapper-2 #rightside ul { list-style: square; font-size: 13px; line-height: 1.5em; color: #000; padding: 3px 10px 0 13px; margin: 0; }
#content-wrapper-2 #rightside li { padding-bottom: 4px; margin: 0; }




/* FOOTER */
#footer-wrapper { width: 695px; margin:  0 auto 25px auto; padding: 10px 0 25px 0; border-top: 1px solid #E7E7E7; }
#footer-wrapper .copy { float: left; font-size: 10px; color: #B4B4B4; text-transform: uppercase; }