html, body {margin: 0px; padding: 0px;}

body {background: #333333 url(img/bg_jbs.png); font-family: arial, helvetica; font-size: .9em; text-align: center;}

#header {margin: 0 auto; width: 750px;}

#logo {background: url(img/logo.gif) no-repeat left top; width: 158px; height: 71px; position: absolute; top: 35px; left: 50%; margin-left: -360px;}

#menu {/*position: absolute; top: px; left: 50%; margin-bottom: 0px; margin-left: 65px;*/
float: right; margin: 100px 20px 0px 0px; padding: 0px; font-size: .8em; font-weight: bold;}
#menu ul {margin-left: 0; padding-left: 0; white-space: nowrap;}
#menu li {display: inline; list-style-type: none;}
#menu a {text-decoration: none; color: #000000; border-radius: 6px; behavior: url(border-radius.htc); padding: 8px;}
#menu a:link, a:visited, a:active {background: #a7cf52 /*url(img/menu_gradient.jpg) no-repeat*/;}
#menu a:hover {background-color: #eeeeee;}


#container {position: absolute; left: 50%; top: 130px; margin-left: -375px; width: 750px;}

#content {background: #ffffff; margin: 0 auto; margin-top: -10px; margin-bottom: 0px; border-radius: 20px; behavior: url(border-radius.htc); width: 99%; text-align: left;}
/*.curved-content { -moz-border-radius:20px; / Firefox / -webkit-border-radius:20px; / Safari and chrome / -khtml-border-radius:20px; / Linux browsers / border-radius:20px; / CSS3 / }*/

#content-left-short {width: 340px; height: 550px; margin: 0px 0px 10px 50px;}
#content-left-long {width: 340px; height: 1750px; margin: 0px 0px 10px 50px;}

#content-left-short ul {list-style-type: circle; list-style-position: inside; margin: 0px 0px 10px 0px; padding: 0px;}
#content-left-short li {margin: 0px; padding: 0px;}
#content-left-long ul {list-style-type: circle; list-style-position: inside; margin: 0px 0px 10px 0px; padding: 0px;}
#content-left-long li {margin: 0px; padding: 0px;}

#content-right {float: right; width: 325px; padding: 0px; margin: 0px 10px 10px 0px;}
#content-right p {width: 325px; margin: 0px;}

#footer {background: #000000; margin: 0 auto; margin-top: 20px; border-radius: 7px; text-align: right; font-size: .8em; color: #666666; behavior: url(border-radius.htc); width: 100%;}
#footer p {padding: 10px;}
.curved-footer { -moz-border-radius:7px; / Firefox / -webkit-border-radius:7px; / Safari and chrome / -khtml-border-radius:7px; / Linux browsers / border-radius:7px; / CSS3 / }

h1 {background: url(img/greater_than.gif) no-repeat center left; font-size: 3.5em; font-weight: normal; color: #9ecc51; text-align: left; margin: 0px 0px 10px 18px; padding: 0px 0px 0px 30px;}
h2 {font-size: 1.2em; color: #9ecc51; margin: 0px; padding: 0px;}

#contactbox {}
#contactbox p {margin: 0px 0px 10px 0px;}
input {width: 175px; padding: 5px; border: 1px solid #9ecc51;}
textarea {width: 300px; height: 250px; padding: 5px; border: 1px solid #9ecc51;}
.submit-button {font-size: .8em; padding: 2px; width: 50px; border: 1 solid #666666;}

a:link {color: #333333; text-decoration: none;}
a:visited {color: #cccccc; text-decoration: none;}
a:active {color: #333333; text-decoration: none;}
a:hover {color: #333333; text-decoration: none;}
