html {
    background: url(/images/background.jpg) center top no-repeat;}

body {
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
    font-size: 80%;}

body * {
    line-height: 1.0;
    margin: 0;
    padding: 0;}
    
ul.menu, ol.menu, ul.menu li, ol.menu li {
    list-style-type: none;}

img {
    border: none;}

#header h1 {
    position: absolute;
    left: -999em;}

h1, h2, h3, h4, h5 {
    margin: 0.5em 0;}
    
h2 {    
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 180%;}

h3 {  
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 160%;}

h4 {  
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 140%;}

h5 {  
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
    font-size: 120%;}
    
p {
    margin: 0.5em 0;
    line-height: 1.2;      
    color: #3F403F;}
    
a {
    color: #332574;
    line-height: 1.2;
    text-decoration: underline;}

a:hover {
    text-decoration: none;}

a.readerLink {        
    color: #332674;
    font-style: italic;
    float: right;
    margin: 0.5em;}
        
a.readerLink:hover {
    color: #265072;}
    
br {
    line-height: 1.2;}

input.text, select, textarea {
    border: none;
    padding: 0.1em 0.2em;
    margin: 0.2em 0;}

textarea {
    font-family: Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
    font-size: 100%;}
    
input.checkbox {
    border: none;}
    
button {
    border: none;
    background: transparent;
    cursor: pointer;}
    
button.go {
    background: #A2C74F;
    border: 1px solid #ffffff;
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    margin: 0;
    padding: 0;
    line-height: 0.8;
    vertical-align: bottom;}
    
button.go:hover {
    background: #3F403F;}

blockquote {
    height: 1%;
    overflow: auto;}

blockquote p {
    font-family: "Times New Roman", Times, serif;
    margin: 1em;
    font-size: 115%;
    color: #000000;}

#middleCol ul, #middleCol ol {
    margin-left: 2em;
    overflow: auto;
    /*height: 1%;*/}

#middleCol li {
    margin: 0.5em;}

.required {
    color: #332674;
    padding: 0 0.1em;}

.error {
    color: #ED1D8F;}

.roundedCorner span {
	overflow:hidden;
	height: 2px;
	font-size:1em;
	border-style:solid;
    border: none;
    display: block;}

div.errorPage h2 {
    font-size: 200%;
    margin: 0;
    padding: 0;}

div.errorPage h3 {
    color: #332574;}

div.errorPage dl {
    padding: 1em;
    background: url(/images/leftCol_bg.png)}

div.errorPage dt {
    margin: 0.5em 0;
    font-weight: bold;
    color: #332574;}

div.errorPage dd {
    margin-bottom: 1em;}

div.errorPage ul {
    list-style-type: none;}

form div div.form_error {
    color: #742527;}

#middleCol {
    font-family: Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;}

    #middleCol ul, #middleCol ol {
        padding: 0.5em 0 0.5em 1.5em;}

    #middleCol li {
        padding: 0.2em;}

    #middleCol ul {
        list-style-type: disc;}

        #middleCol li ul {
            list-style-type: circle;}

    #middleCol ol {
        list-style-type: decimal;}

        #middleCol li ol {
            list-style-type: lower-roman;}
    
#header {
    background: #666767;
    padding-left: 200px;
    color: #bbbbbb;
    position: relative;
    z-index: 50;}           
    
    #header a, #header a:visited {
        color: #ffffff;
        text-decoration: none;
        background: none;
        display: block;}
    
    #header a:hover {
        color: #dddddd;}

    #header a.isSecure, #header a.isSecure:visited {
        cursor: default;
        color: #bbbbbb;
        position: relative;}

        #header a.isSecure span.secureInner {
            position: absolute;
            margin-left: -999em;
            left: 1em;
            top: 1em;
            display: block;
            line-height: 1.4em;
            background: #ffffff;
            color: #000000;
            border: 1px solid #000000;
            padding: 0.2em;
            z-index: 500;}

    #header a.isSecure:hover {
        color: #bbbbbb;
        background: #666767;}

        body #header a.isSecure:hover span.secureInner {
            margin-left: 0;}
    
    #header ul {
        margin: 0 auto;
        width:575px;
        display: block;}
        
        #header li {
            float: left;
            padding: 1em 0 0.5em 0;
            margin: 0 1em;}
            
            #header li.nomember {
                text-align: center;}
                
                li.nomember span {
                    float: left;
                    margin: 0 1em;}
                    
                li.nomember span.nomember {
                    display: block;
                    position: absolute;
                    font-weight: bold;
                    width: 25%;
                    margin-left: 8%;
                    background: #000000;
                    color: #CADB2C;}
    
#leftCol {
    background: url(/images/leftCol_bg.png);}
    
    #leftCol a, #leftCol a:visited {
        color: #3F403F;
        text-decoration: none;}
    
    #breadcrumbs {
        margin-top: 1em;
        color: #000000;}
    
        #breadcrumbs a, #breadcrumbs a:visited {
            color: #666767;
            font-size: 95%;}
            
        #breadcrumbs a:hover {
            color: #444444;
            text-decoration: underline;}
            
        #breadcrumbs li {
            float: left;
            margin-right: 0.3em;}

		#breadcrumbs div.languages {
			padding: 0.2em 0;}
    
    
    #login {
        color: #3F403F;
        background: #88CBEF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -o-border-raduis: 5px;
        border-radius: 5px;
        -moz-box-shadow: 2px 2px 5px #444444;
        -webkit-box-shadow: 2px 2px 5px #444444;
        -o-box-shadow: 2px 2px 5px #444444;
        box-shadow: 2px 2px 5px #444444;}
        
    #login form {}
        
        #login input.text {
            width: 8em;
            margin-bottom: 0;
            color: #3F403F;}
            
        #login a, #login a:visited {
            color: #ffffff;
            text-decoration: underline;
            font-size: 90%;}
            
        #login a:hover {
            color: #444444;}
        
        #login table {
            width: 95%;
            border-collapse: collapse;}

        #login td {
            padding: 0.2em;}
            
            #login td.pword {
                width: 50%;}
            
            #login td.pwordLink {
                padding-bottom: 1em;}
        
        #login button {}
        
        #login h3 {
            padding: 0.5em 0 0 0.5em;
            color: #ffffff;
            font-size: 110%;
            font-weight: normal;
            width: 100%;}
            
        #login .tabs {
            background: url(/images/login_status_bg.png) left bottom no-repeat;
            padding-left: 0.5em;
            width: 100%;}
            
            #login .tabs a, #login .tabs a:visited {
                margin-left: 1.5em;
                text-decoration: none;}
                
        #login div.pwordLink {
            padding: 0.2em 0.2em 0.5em 0.2em;}
    
    #listServe {
        background: url(/images/listServe_top.png) top no-repeat;
        width: 164px;
        padding-top: 13px;}
        
        #listServe h3 {
            font-size: 220%;
            text-transform: uppercase;
            color: #2BAAE1;}
        
        #listServe form div {
            background: url(/images/listServe_bg.png) bottom no-repeat;
            padding-left: 0.5em;}
            
            #listServe input.text {
                width: 90%;}
    
    #leftNav {
        margin-bottom: 2em;}
        
    #leftNav ul {
        list-style-type: none;}
        
        #leftNav li {
            display: block;
            margin-bottom: 0.2em;}
            
            #leftNav li ul {
                margin-left: 1em;}
                    
                    #leftNav li li a, #leftNav li.current li a {
                        background-image: none;}
                        
        #leftNav li.current a {
            background-image: url(/images/leftNav_arrow_open.png);}
            
        #leftNav a {
            padding: 0.5em 0 0.5em 0.2em;
            width: 100%;
            display: block;
            background: url(/images/leftNav_arrow.png) 97% center no-repeat;}
            
        #leftNav a:hover {
            background-color: #CADB2C;}

#pageTop {
    width: 450px;
    height: 217px;
    background: url(/images/page_top_image.png) no-repeat;
    margin: 0 auto;
    margin-top: -20px;}
    
    #pageTop img {
        position: absolute;
        margin-top: 23px;
        margin-left: 12px;}

div.testamonial {
    font-family: "Times New Roman", Times, serif;
    font-size: 140%;
    width: 75%;
    margin-bottom: 2em;}
    
    div.testamonial p {
        margin: 0.2em;
        color: #000000;}
    
    div.testamonial p.credit {
        margin-top: 0.2em;
        float: right;
        font-style: italic;}

div.inlineImages {
    width: 320px;
    padding: 10px;
    background: url(/images/leftCol_bg.png);
    float: left;
    margin: 0 0.5em 1em 0;
    text-align: center;}

    div.inlineImages p {
        text-align: left;}

    div.inlineImages .caption {
        font-style: italic;
        text-align: right;}

    div.inlineImages .credit {
        font-weight: bold;
        text-align: right;}

    #middleCol div.inlineImages ul {
        margin-left: 2em;
        padding: 0;}

    #middleCol div.inlineImages li {
        float: left;
        list-style-type: none;
        margin: 5px 5px 0 0;}
    
    div.inlineImages a, div.inlineImages a:visited {
        color: #B4B3B3;
        text-decoration: none;}

    div.inlineImages a img, div.inlineImages a:visited img {        
        border: 1px solid #ffffff;}
        
    div.inlineImages a:hover, div.inlineImages a.current, div.inlineImages a:visited.current {
        color: #666767;}
    
    div.inlineImages a:hover img {
        border: 1px solid #000000;}

#footer {
    background: url(/images/footer_dancer.png) right bottom no-repeat;
    padding-top: 29px;
    margin-top: 1em;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
    clear: both;}
    
    #footer h3 {
        color: #3F403F;
        font-weight: normal;
        font-size: 98%;
        float: left;
        margin: 0;}
        
        #footer h3 span {
            background: #CADB2C;
            padding: 0.2em 2em 0.2em 1em;
            display: block;
            width: 9.2em;
            font-family: Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
            height: 2em;}
            
    #footer ul {
        background: #CADB2C;
        width: 12em;
        clear: left;
        position: absolute;
        margin-left: 0;
        padding-left: 0;}
        
        #footer li {
            padding: 0.2em 0 0.2em 0.5em;
            list-style-type: none;
            border-top: 1px solid #B4B3B3;}
            
            #footer li a, #footer li a:visited {
                color: #666767;
                text-decoration: none;}
                
            #footer li a:hover {
                color: #444444;}
    
    #footer div {  
        border-bottom: 1px solid #3F403F;
        width: 100%;
        overflow: hidden;}
                
    #footer a.pageTop, #footer a.pageTop:visited, #footer a.pageTop_nodocs, #footer a.pageTop_nodocs:visited {
        background: url(/images/page_top_bg.png) left no-repeat;
        text-decoration: none;
        color: #ffffff;
        width: 145px;
        padding: 0.2em 0 0.2em 1.8em;
        display: block;
        font-size: 98%;
        margin-left: -2.1em;
        float: left;
        height: 2em;}
        
    #footer a.pageTop_nodocs, #footer a.pageTop_nodocs:visited {
        background-image: url(/images/page_top_nodocs.png);
        width: 207px;
        padding-left: 1em;
        height: auto;
        margin: 0;}
        
    #footer a.pageTop:hover, #footer a.pageTop_nodocs:hover {
        color: #dddddd;}
        
div.paginator {
    float: right;
    clear: both;
    padding: 1em;
    color: #3F403F;}
    
    div.paginator a {
        color: #3F403F;
        text-decoration: none;}
        
     div.paginator a:hover {
        color: #000000;}
        
     div.paginator a span {
        margin: 0 0.2em;}
        
    div.paginator span.current {
        color: #000000;}

div.readerSearch {
    background: url(/images/forum_header_bg.png) center repeat-y;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;
    color: #ffffff;
    padding: 0em 1em;}
    
a.searchReset {
    color: #ffffff;
    position:relative;
    top:-0.5em;}
    
div.searchRound div {
    background: url(/images/forum_header_bg.png) center repeat-y;}
    
    div.readerSearch input.text, div.readerSearch select {
        color: #3F403F;
        margin-right: 1em;
        margin-left: 0.2em;}
        
    div.readerSearch label.search {
        font-weight: bold;
        font-size: 110%;}
        
    div.readerSearch button {
        margin-left: 1em;}
    
    div.readerSearch label, div.readerSearch input, div.readerSearch select {
        top: -0.5em;
        position: relative;}
        
    div.readerSearch button {
        padding: 0;
        top: -0.2em;
        position: relative;}
        
    div.readerSearch button::-moz-focus-inner {
        padding: 0;
        border: none;}

/* POPUPS */

div.popup {
    position: absolute;
    top: 20em;
    left: 10em;
    font-family: "Trebuchet MS", Arial, Verdana, Helvetica, "Luxi Sans", sans-serif;}
    
    div.popup .text, div.popup select {        
        color: #8C8C8C;
        width: 92%;}
    
    div.popup h3 {
        background: url() left bottom no-repeat;
        width: 100%;
        padding: 0.2em 0 0.5em 1em;
        margin: 0;
        font-weight: normal;
        font-size: 110%;}
        
    div.popup p {
        clear: right;}

    div.popup div {
        background-position: bottom;
        background-repeat: no-repeat;
        padding: 0 1em 1em 1em;}
        
        div.popup div div {
            padding: 0;
            background: none;}
        
    div.popup a {
        float: right;}

    div.popup button {
        position: relative;
        margin-left: 80%;}

div.reminder {
    width: 218px;
    color: #ffffff;}
    
    div.reminder h3 {
        background-image: url(/images/reminder_tab.png);}
        
    div.reminder div {
        background-image: url(/images/reminder_bg.png);}
        
div.sendPass {
    width: 193px;
    color: #ffffff;
    background: #88CBEF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    -moz-box-shadow: 2px 2px 5px #444444;
    -webkit-box-shadow: 2px 2px 5px #444444;
    -o-box-shadow: 2px 2px 5px #444444;
    box-shadow: 2px 2px 5px #444444;}
    
    div.sendPass h3 {
    padding-top: 0.5em;}
        
    div.sendPass div {
        color: #3F403F;}
        
    div.sendPass .required {
        color: #ffffff;}
        
    div.sendPass .reqDef {
        font-size: 95%;
        display: block;
        margin: 0.5em 0;}

div.register {
    color: #ffffff;
    width: 211px;}
        
    div.register h3 {
        background-image: url(/images/register_top.png);}
        
    div.register div {
        background-image: url(/images/register_bg.png);}
        
        div.register div div {
            background: none;}
        
    div.register input.text {
        width: 95%;}

div.error {
    background: url(/images/leftCol_bg.png);
    border: 1px solid #ffffff;
    padding: 0.5em;
    color: #C90C0C;}
    
div.success {
    color: #0B2C5B;}

div.error h2 {
    font-size: 120%;}

/* 2-COL LAYOUT - DON'T TOUCH*/
#main {
    padding-left: 210px; /* Left column width + left column padding + desired margin*/}
    
#main .column {
    position: relative;
    float: left;}
    
    #middleCol {
        width: 100%;}
    
    #leftCol {
        width: 165px;
        margin-left: -100%;
        padding: 0 15px;
        right: 210px;}