/*=========== Global reset ======================*/
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
html, body, div, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, th, td { margin:0; padding:0 }
table { border-collapse: collapse; border-spacing:0 }
fieldset, img { border:0 }
caption, th { text-align: left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration: none }

/* The below restores some sensible defaults */
table, p {
margin: 0 0 1.6em 0;
padding: 0;
}
ul, dl, ol {
margin: 0 0 1.6em 2.8em;
padding: 0;
}
strong { font-weight: bold }
em { font-style: italic }
a img { border: none } /* Gets rid of IE's blue borders */
/*=========== END: Global reset ======================*/



/*======== COLORS ========
dark blue: #3b506d;
light gray: #ebebeb;
dark green: #627d6f;
med green: #536a21;
======== COLORS ========*/


html {
font-family: times, times new roman, georgia, serif;
font-size: 1em;
color: #000;
}

body {
background: #fff;
margin: 0 0 2em 0;
text-align: center;
}

#wrapper {
width: 900px;
margin: 0 auto;
text-align: left;
}

#top {
clear: both;
height: 167px;
}

.top-purple {
background: #9966cc url(/images/top-bg-purple.jpg) no-repeat left top;
}

.top-mauve {
background: #e66f66 url(/images/top-bg-mauve.jpg) no-repeat left top;
}

.top-yellow {
background: #e6cc66 url(/images/top-bg-yellow.jpg) no-repeat left top;
}

#top-body {

}

#top h1.logo {
float: left;
width: 100px;
height: 144px;
background: transparent url(/images/logo-fsc.png) no-repeat left top;
margin: 10px 0 0 25px !important;
_margin: 10px 0 0 15px !important; /** IE6 Hack **/
padding: 0 !important;
text-indent: -9999px;
}

#top h1.logo a {
width: 100px;
height: 144px;
display: block;
}

#top-right-col {
float: left;
width: 750px;
margin: 0 0 0 18px;
}

#top div.logo-name {
width: 410px;
height: 120px;
background: transparent url(/images/logo-name-fsc.png) no-repeat left 10px;
margin: 0 !important;
padding: 0 !important;
text-indent: -9999px;
}

#top div.logo-name a {
width: 410px;
height: 110px;
display: block;
}

#top #nav-top {
margin: 15px 0 0 75px;
}

#content-row {
_height: 500px; /** IE6 Hack **/
overflow: auto;
_overflow: visible; /** IE6 Hack **/
}

.content-purple {
background: #fff url(/images/content-bg-purple.jpg) repeat-y left top;
}

.content-mauve {
background: #fff url(/images/content-bg-mauve.jpg) repeat-y left top;
}

.content-yellow {
background: #fff url(/images/content-bg-yellow.jpg) repeat-y left top;
}

#left-column {
float: left;
width: 190px;
min-height: 500px;
_height: 500px; /** IE6 Hack **/
}

#left-column-body {

}

.left-bg-mauve {
background: transparent url(/images/left-bg-mauve.jpg) repeat-x left top;
}

.left-bg-purple {
background: transparent url(/images/left-bg-purple.jpg) repeat-x left top;
}

ul.left-nav {
list-style: none;
margin: 0;
padding: 0;
}

ul.left-nav li {
margin: 1em 0;
text-align: center;
}

ul.left-nav a {
cursor: pointer;
}

#right-column {
float: right;
width: 700px;
min-height: 500px;
_height: 500px; /** IE6 Hack **/
}

#right-column-body {
padding: 10px;
}

#footer {
clear: both;
font-size: 0.9em;
}

.footer-mauve {
height: 45px;
background: #cc6666;
color: #fff;
}

.footer-purple {
height: 45px;
background: #996699;
color: #fff;
}

#footer-body {
padding: 10px;
font-family: arial, helvetica, univers, sans-serif;
font-size: 0.9em;
}

#footer .logo-jda {
float: left;
width: 140px;
height: 25px;
margin: 0 0 0 20px;
}

#footer p {
margin: 0;
padding: 0.4em 0 0 0;
text-align: center;
}