#super_wrap {
    width: 900px;
    text-align: left;
    margin: 0 auto; /* centers div on browser */
    background: #8ED3CF url(/statics/assets/img/swrap_bg.gif) no-repeat;
    height:650px;
    border: solid #6da4a1 4px;
}
#content_wrap {
    width:525px;
    height:650px;
    float:left;
}
#sidebar_wrap {
    width:370px;
}


#scrollwrap{
    background:white;
    width:400px;
    padding:0 5px;
    margin:0 auto;
    margin-top:50px;
}

#scrollpane {
    height: 535px;
    width:420px;
}

/* override side menu */
#main_menu li{
    width: 145px;
}

#wrap {
    display:block;
    overflow:hidden;
    height:650px;
}

#content {
    margin-top:0;
}








/* ------- Main Navigation ------- */
body {
    text-align:center; /* centers div on IE */
    margin: 0;
    padding: 0;
    margin-top:20px;
    font-family:"Century Gothic", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    font-size:90%;
}


#content {
    width: auto;
    margin:0 auto;

}

#sidebar_wrap {
    width: 370px;
    height:650px;
    float: right;
}

#sidebar_content {
    width: auto;

}

#main_menu {
    position:absolute;
    top:376px;
    padding:0;
    margin:0;
}

#main_menu img {
    width:370px;
}

#copyright {
    text-align:right;
    width: 900px;
    margin:8px auto;
}

/* -------Miscelleneous ------- */
form {
    margin: 0;
    padding: 0;
}

img {
    border: none;
}

hr.clear, .clear {
    clear: both;
    visibility: hidden;
}





/* LINKS */

/* Basic Fonts and Colors */


body {
    font: 14px/1.7em "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
    color: #333;
    background-color: #FEF2B8;
    background: url(/statics/assets/img/people_bg.gif) repeat;
}
a {
    color:red;
}
a:link, a:visited {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    border: 0;
}
abbr {
    border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 1em;
}

ul {
    list-style: none;
}

#sub_nav {
    font-size:110%;
}

#main_menu {
    font-size: 90%;
}

h1 {
    margin-bottom:0;
}

h1 span {
    visibility: hidden;
}

h1, h2, h3 {
    background-repeat:no-repeat;
}

.dialog div {
    text-align:justify;
}

.dialog a {
    color:#FF0000;
}



/* LAYOUT * /


/* Sidebar Navigation With Varying Circle Bullets */

#sidenav ul {
    margin: 0;
    padding:0;
    text-align: left;
    width:277px;
    margin-left:40px;
    margin-top:6px;
}

#sidenav ul li a{
    width:277px;
    height:42px;
    display:block;
}

#sidenav ul li {
    width:277px;
    background: url(/statics/assets/img/side_nav2.png) no-repeat top left;
    height:42px;
}

#sidenav ul li span  {
    display:none;
}

#sidenav ul li.active {
    background: url(/statics/assets/img/side_nav_over2.png) no-repeat;
}

/* special bullets */
#sidenav ul li#menu_1 {

    padding-left: 60px;

}

#sidenav ul li#menu_2 {
    background-position:0 -46px;
}

#sidenav ul li#menu_3 {

    background-position:0 -107px;
}

#sidenav ul li#menu_4 {

    background-position:0 -165px;
}

#sidenav ul li#menu_5 {

    background-position:-40px -220px;
}

#sidebar_content ul li:hover{
    background: url(/statics/assets/img/side_nav_over2.png) no-repeat;
}

#sidebar_content ul li a:hover{
    color:#66CCFF;
    text-decoration:none;
}

#content {
    position: relative;
}

#sub_nav {
    width:520px;
    position:absolute;
    top:565px;
}

#sub_nav ul {
    margin:0;
    padding:0;
    text-align:center;

}

#sub_nav ul li{
    display:inline;

    background:url(/statics/assets/images/bullet_arrow.gif) no-repeat left center;
}

#sub_nav ul li a {
    color:#fff;
    text-decoration: none;
    padding-left:15px;
}

#sub_nav ul li a:hover {
    color:#FFFFCC;
    text-decoration: none;
}



/* subscription */
#email_subscription {
    width:300px;
    position:absolute;
    overflow:hidden;
    z-index:5100;
    background-color:transparent;
}

#email_subscription form {
    padding:10px;
}

#email_subscription legend {
    display:none;
}

#email_subscription input.submit {
    width:80px;
}

#subscription_email, #subscription_name {
    width:235px;
    border:1px solid #95b8c8;
    color:#95b8c8;
}

img,form,dl,dd,dt,fieldset,legend  { border:0;margin:0;padding:0; }

.corners li {
    margin-bottom:10px;
}
#loginbox{
    background: #b8f6f6 url(/statics/assets/images/reg_back.jpg);
    width:420px;
    padding:10px;
    border:solid 2px white;
    margin:0 auto;
}



#kpp_loginbox_content{
    text-align:right;
    position:absolute;
    left:220px;
    top:125px;
}


a {
    text-decoration:none;
}

#sub_nav ul li a:hover {
    color:#66CCFF;
}



/* headings */
h1#heading_step1{
    background:url(/statics/assets/img/heading_step1.png) no-repeat;
    height:43px;
    text-indent:-6000px;
}

/* headings */
h1#heading_step2{
    background:url(/statics/assets/img/heading_step2.png) no-repeat;
    height:43px;
    text-indent:-6000px;
}

/* headings */
h1#heading_step3{
    background:url(/statics/assets/img/heading_step3.png) no-repeat;
    height:55px;
    text-indent:-6000px;
}

/* headings */
h1#heading_step4{
    background:url(/statics/assets/img/heading_step4.png) no-repeat;
    height:43px;
    text-indent:-6000px;
}

#log_status {


    width:auto;
    float:left;

    text-align:left;

}

#log_status a {

}

#sidenav ul li a.active{
    background:none;
    border:solid 1px red;
}




form{
    margin:0;
    padding:0;
}


/* bug fix: on FF mac where flash partially pops over an overlay */
#flashcontent{

    z-index:0;
    width:370px;
    height:364px;
}





#msg {
    width:100%;
    margin-left: 40px;
    background:url(loading.gif) no-repeat 0 50%;
    padding-left:25px;
}


.flabel{
    width:80px;
    display:block;float:left;
}

#copyright{
    margin-top:10px;
}