body {
    background: #EEEAD2 repeat-x scroll left top ;
    font-family: arial,helvetica,verdana,sans-serif ;
    font-size: 12px ;
    line-height: 1.3 ;
    padding: 0 ;
    margin: 0 ;
}

h1#header, div#large_header {
    height: 130px ;
    margin: 0px ;
    padding: 0px ;
}

div#large_header {
    background: #ffffff no-repeat ;
    
}

div#small_header {
    display: none ;
}

#container {
    background: white ;
    padding: 1px 0 0 ;
    margin: 0 auto ;
    text-align: left ;
    width: 960px ;
    position: relative ;
    overflow: hidden ;
    border-left: 1px solid #bbbbbb ;
    border-right: 1px solid #bbbbbb ;
}

#content, #leftbar, #rightbar {
    float: left ;
}

#content, #leftbar, #rightbar, #navigation, #footer, #header {
    padding: 0 ;
    margin: 0 ;
}

#fader {
    position: absolute ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 20px ;
    background: transparent url(fadeout.png) repeat-x left top ;
    z-index: 1 ;
}

#navigation {
    height: 30px ;
}

#navigation_links {
    position: absolute ;
    top: 5 ;
    left: 5 ;
    width: 100% ;
    height: 25px ;
    z-index: 10 ;
}

#navigation {
    padding-top: 5px ;
    position: relative ;
    font-size: 20px ;
    font-weight: bold ;
}

#navigation ul {
    margin: 0;
    padding: 0 ;
    width: 960px ;
    height: 25px ;
    list-style: none ;
}

#navigation li {
    float: left ;
}

#navigation a {
    background: url(vbar.png) no-repeat right center ;
    display: block ;
    width: 192px ;
    text-decoration: none ;
    text-align: center ;
}

#navigation a:hover {
    text-decoration: underline ;
}

#content {
    width: 600px ;
    color: black ;
}

#leftbar {
    width: 180px ;
}

#rightbar {
    width: 180px ;
}

#footer {
    clear: both ;
}

/* this sets up the 3 color bars */
#cbar1 {
    float: left ;
    position: relative ;
    /* this is for an ie bug, otherwise overflow is broken and color spills
     * out */
    overflow: hidden ;
}

#cbar2 {
    float: left ;
    position: relative ;
    background: white ;
    right: 180px ;
}

#cbar3 {
    float: left ;
    position: relative ;
    right: 600px ;
}

/* this moves the content back in place */
#leftbar, #content, #rightbar {
    position: relative ;
    left: 780px ;
}

#social {
    position: absolute ;
    right: 3px ;
    top: 5px ;
}

.padded {
    padding: 3px ;
}

.header {
    font-weight: bold ;
/*    font-style: italic ; */
}

.boxxy {
    margin: 3px ;
    padding: 3px ;
    background: white ;
    color: black ;
    margin-bottom: 10px ;
}

a.header {
    text-decoration: none ;
}

/* for hiding default viewed content in large mode with a popup button */
.responsive-show {
    display: none ;
}

.responsive-hide {
}