html {
    background-color: #EDEFEF;
}

body{
    padding: 0;
    margin: 0;
    font-family: Arial,Helvetica,sans-serif;
}

#topbar{
    margin: 0;
    padding: 0;
    background-color: #0d0d0d;
    height: 34px;
}

#topbar-inner{
    padding: 4px;
    color: #c9dcd8;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

#topbar-inner a{
    text-decoration: none;
    border: none;
    color: #CDD9D7;
}

#small-brown-sofa{
    float: left;
    border: none;
}

#topsofa{
    font-size: 20px;
    margin-left: 55px;
}

#top-left-quote{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 20px;
    left: 0px;
}
h1#front{
    padding: 0;
    margin: 0 0 0 30px;
    position: absolute;
    left: 10px;
    top: 0;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 34px;
}

h2{
    margin-top: 0;
    padding: 0;
    color: #c15f18;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 19px;
}

h2#slogan{
    padding: 0;
    margin: 10px 0 0 30px;
    position: absolute;
    left: 10px;
    top: 40px;
    color: #736353;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 18px;
}

h3{
    margin-top: 0;
    padding: 0;
    color: #c15f18;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    font-size: 14px;
    clear: both;
}

#bottom-right-quote{
    padding: 0;
    margin: 0;
    position: absolute;
    top: 100px;
    left: 285px;
}

#toppane, #toppane-tight{
	position: absolute;
    width: 100%;
    padding: 0;
    margin: 0;
    background-color: #cdd9d7;
}

#toppane{
    height: 220px;    
}

#toppane-tight{
    height: 180px;
}

#toppane-inner, #toppane-inner-tight{
    padding: 0;
	position: absolute;
    width: 800px;
	left: 50%;
	margin-left: -400px;
	margin-right: 0;
}

#toppane-inner{
    margin-top: 40px;
}

#toppane-inner-tight{
    margin-top: 20px;
}

#big-brown-sofa{
    float: right;
    padding: 0;
    margin: 0;
}

#menubar, #menubar-tight{
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 34px;
    background-color: #5a4a3d;
}

#menubar{
    top: 254px;
}

#menubar-tight{
    top: 214px;
}

#menubar-inner{
    padding: 0;
	position: absolute;
    width: 800px;
    height: 34px;
	left: 50%;
	margin-left: -400px;
	margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
}
.menuitem{
    float: left;
    padding: 0;
    margin: 0;
    height: 34px;
    width: auto;
}

 a.menu-link{
    padding: 9px 12px;
    height: 16px;
    width: auto;
    margin: 0;
    text-decoration: none;
	display: block;
	color: white;
    font-size: 12px;
}

* html a.menu-link{
    width: 1px; /*ie6 needs a width but will never get too tight*/
}

a.menu-link:link, a.menu-link:visited{
    background-color: #5a4a3d;
}

a.menu-link:hover{
    background-color: #736354;
}

a.selected{
    color: #dc792f;
}

#main, #main-tight{
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
	background-image: url(../images/main_gradient.jpg);
	background-repeat: repeat-x;
    background-color: #cdd9d7;    
}

#main{
    top: 288px;
}

#main-tight{    
    top: 248px;
}

#content{
    padding: 0;
    margin: 0;
    position: relative;
    color: #736353;
}

#content-inner{
    padding: 0;
    position: relative;
    left: 50%;
	margin-left: -400px;
	margin-right: 0;
    font-size: 13px;
    margin-top: 55px;
    margin-bottom: 0;
    width: 800px;
}

#content-left, #content-mid, #content-right, #bottom1, #bottom2, #bottom3{
    padding: 0;
    position: relative;
    width: 30%;
    float:left;
}

* html #content-right{
    width: 29%;
}

#content-left, #content-mid{
    margin: 0 3% 0 0;
}

* html #content-left, * html #content-mid{
    margin: 0 2% 0 0;
}

#bottom1, #bottom2{
    width: 31%;
    margin: 0 2% 0 0;
}

#content-right{
    margin: 0;
}

#cross-platform{
    padding: 0;
    margin: 0 0 0 30px;
}

#demo-chart{
    margin: 0 0 0 80px;
    padding: 0;
}

* html #demo-chart{
    margin: 0;
}

#footer{
    position: relative;
    float: left;
    clear: both;
    margin: 10px 0 0 0;
    padding: 0;
    background-color: #736354;
    width: 100%;
    height: 70px;
}

#footer-inner{
    position: absolute;
    left: 50%;
	margin-left: -400px;
	margin-right: 0;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 4px;
    width: 800px;
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 12px;
}

#bottom3 a{
    color: white;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: normal;
}

#bottom3 a:link, #bottom3 a:visited{
    text-decoration: none;    
}

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

.left-dl{
    width: 58px;
    float: left;
}

.mid-dl{
    width: 300px;
    float: left;
    margin-left: 20px;
}
.right-dl{
    float: left;
    margin-left: 20px;
}
a {
    color: #5A4A3D;
    font-weight: bold;
    font-size: 13px;
}

.planned {
    background-color: #736354;
    color: white;
    font-weight: normal;
    font-size: 11px;
    padding: 1px 4px 1px 6px;
}
a img {
    border: none;
}

.emphasis{
    color: #c15f18;
    font-weight: bold;
}

#psal-logo{
    position: absolute;
    left: 500px;
    bottom: 3px;
}

.clear-both{
    clear: both;
}

.float-right{
    float: right;
    padding-left: 10px;
}

/*Poll*/

.sf-poll-form{
	margin: 0;
	padding: 0;
}

.sf-poll{
	position: relative; /*so z-index works as expected on children*/
	padding: 0;
	margin: 0;
	font-size: 11px;
}

.sf-poll-inner{
	padding: 0px 6px;
}

.sf-poll-question{
	font-size: 14px;
	font-weight: bold;
	padding: 0px 0px 6px 0px;
	margin: 0;
}

.sf-poll-item{
	position: relative;
	padding: 0;
	margin: 0;
}

.sf-poll-input{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 25px;
	height: 25px;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.sf-poll-bar-background{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 19px;
	padding: 0;
	margin: 0;
	z-index: 0;
}

.sf-poll-bar-sliding-cover{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 19px;
	padding: 0;
	margin: 0;
	z-index: 1;
}

.sf-poll-label{
	position: absolute;
	top: 1px;
	left: 26px;
	height: 25px;
	font-size: 13px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	z-index: 2;
}

.sf-poll-details{
	position: absolute;
	top: 21px;
	left: 0px;
	height: 25px;
	padding: 0;
	margin: 0;
}

.sf-poll-details-inner{
	padding: 0px 13px;
	font-size: 13px;
}

.sf-poll-buttons-bottom{
	margin: 0;
	padding: 0;
}

#sf-poll-vote-button{
	float: left;
}

#sf-poll-view-details-button{
	float: right;
}

.sf-poll-msg{
	padding-top: 6px;
	font-size: 12px;
	font-weight: bold;
}

#filler {
    height: 300px;
    font-size: 19px;
}

#filler a{
    font-size: 19px;
}

#filler h2 {
    font-size: 30px;
}

#help td{
    width: 200px;
    text-align: center;
}

#help th{
    text-align: center;
    font-weight: bold;
}

#toc, #toc a {
    font-size: 16px;
    font-weight: bold;
    color: #5A4A3D;
}

#toc ul {
    list-style-image: url("/images/sofa_bullet.gif");
    list-style-type: circle;
}

#toc li {
    margin: 8px 0px;
}