/* The Basics */

* html, body, img, h1, h2, h3, h4, h5 { margin: 0; padding: 0; border: 0px;} /* Reset */

ul, li, ol { padding: 0px; margin: 0px; list-style: none;} /* Reset */

body { background-color: #fbfbfb; font-family:Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #666666; }

a:link { color: #000 }

a:visited { color: #666666; }

a:hover { color: #8cb350; }



/* Layout Design */

#wrapper { width: 921px; margin: 0 auto; background-image: url(images/wrapperbg.jpg); background-position: top center; background-repeat: repeat-y; }

#inside { width: 889px; height: 900px; margin: 0 auto; padding: 5px; background-image: url(images/insidebg.jpg); background-position: top center; background-repeat: repeat-x; background-color: #FFFFFF; }

#wrapperbottom { width: 921px; margin: 0 auto; }

#left { float: left; width: 265px; }

.errormsg{ font:Arial, Helvetica, sans-serif; color:#FF0000; }

#leftcontent { width: 234px; margin-left: 10px; margin-top: 10px; padding: 3px; }

#leftcontent p { padding: 8px; margin: 0px; }

#leftlogin { width: 234px; margin-left: 10px; margin-top: 10px; padding: 3px; }

.formpad { } .loginpad { margin-top: 15px; padding: 2px; } .loginpadb { margin-top: 7px; padding: 2px; } .btnpad { margin-right: 5px; margin-top: 12px; } .btnpadb { margin-top: 6px; }

#right { float: right; width: 618px; position: relative; }

#rightcontent { width: 580px; position: absolute; top: 310px; }

#rightcontent table { margin-left: 10px; }

#rightcontent table td { height: 25px; }

#rightcontent p { padding-left: 10px; }

#rightcontent ul li { float: left; }

#mainimage { position: absolute; left: -15px; }

#footer { width: 900px; margin: 0 auto; clear: both; }

#footer span { color: #000; }



/* Navigation */

#navigation { width: 580px; height: 46px; margin-top: 10px; background-color: #000000; }

#navigation ul { list-style: none; margin-left: 20px; position: relative; }

#navigation ul li.home { line-height: 46px; float: left; text-align: center; position: absolute; left: 5px; }

#navigation ul li.home a { line-height: 46px; width: 80px; }

#navigation ul li.home a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.home a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.home a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }



#navigation ul li.whatwedo { line-height: 46px; float: left; text-align: center; position: absolute; left: 100px; }

#navigation ul li.whatwedo a { line-height: 46px; width: 80px; }

#navigation ul li.whatwedo a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.whatwedo a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.whatwedo a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }



#navigation ul li.register { line-height: 46px; float: left; text-align: center; position: absolute; left: 200px; }

#navigation ul li.register a { line-height: 46px; width: 80px; }

#navigation ul li.register a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.register a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.register a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }



#navigation ul li.howitworks { line-height: 46px; float: left; text-align: center; position: absolute; left: 300px; }

#navigation ul li.howitworks a { line-height: 46px; width: 80px; }

#navigation ul li.howitworks a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.howitworks a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.howitworks a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }



#navigation ul li.contact { line-height: 46px; float: left; text-align: center; position: absolute; left: 400px; }

#navigation ul li.contact a { line-height: 46px; width: 80px; }

#navigation ul li.contact a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.contact a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.contact a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }



#navigation ul li.logout { line-height: 46px; float: left; text-align: center; position: absolute; left: 470px; }

#navigation ul li.logout a { line-height: 46px; width: 80px; }

#navigation ul li.logout a:link { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.logout a:visited { line-height: 46px; color: #FFFFFF; text-decoration: none; position: absolute; }

#navigation ul li.logout a:hover { line-height: 46px; border-top: 4px solid #8cb350; color: #8cb350; position: absolute; top: -4px; }