* {
margin: 0;
padding: 0;
}

html {
background: #2a2a2a url('images/htmlbg.gif') left 175px repeat-x;
}

body {
/*
width: 825px;
margin: 0 auto;
*/
font-family: arial, sans-serif;
}

a img {border-width: 0}

#topouter {
background: transparent url('images/shadowtop-trans.png') top left no-repeat;
padding: 26px 36px 0 36px;
height: 52px;
width: 753px;
margin: 0 auto;
}

#topinner {
border-bottom: 1px solid black;
height: 51px;
}

#topinner #tagline {
background: transparent url('images/taglinebg-trans.png') top left no-repeat;

color: #00406E;
font-weight: bold;
padding-left: 50px;
padding-top: 20px;
float: left;
width: 481px;
height: 33px;
}

#topinner #login {
background: transparent url('images/memberbg-trans.png') top left no-repeat;
padding-top: 20px;
color: white;
font-weight: normal;
float: right;
width: 207px;
text-transform: uppercase;
font-size: 1.2em;
padding-left: 15px;
height: 33px
}

#topinner #login span {
font-weight: bold;
}

#middleouter {
width: 753px;
margin: 0 auto;
clear: both;
padding: 0 36px;
background-color: transparent;
background-image: url('images/shadowmid-trans.png');
background-position: left top;
background-repeat: repeat-y;
}

#middleinner {
background: white url('images/middlebg.gif') top left repeat-y;
overflow: auto;

}

#nav {
border-bottom: 1px solid black;
width: 100%;
height: 2em;
background-color: white;
}

#nav ul {
overflow: auto;
}

#nav li {
float: left;
list-style-type: none;
padding: .5em 0;
}

#nav li a {
text-decoration: none;
color: black;
font-weight: bold;
text-transform: uppercase;
font-size: .75em;
padding: .5em 10px 0.5em 25px;
background: white url('images/navbullet.gif') 5px center no-repeat;
}

h1 {
background: white url('images/banner.gif') top left no-repeat;
height: 151px;
/* text-indent: -9000px; */
border-bottom: 3px solid white;
}

#content {
color: white;

position: relative;
}

#content:focus {
	outline-width: 0;
}

#content p, #content div>ul, #content div>ol {
margin: 0 0 1em 0;
font-size: .75em;
}

#content dd {
font-size: .75em;
}

#content h3 {
font-size: .75em;
font-size: 1em;
}

#content h4 {
font-size: .75em;
}

#content #left {
float: left;
width: 277px;
background-color: #004F85;
padding: 15px;
margin-right: 1px;
min-height: 500px;
}

#content #bigleft {
float: left;
width: 500px;
background-color: #004f85;
padding: 15px;
margin-right: 1px;
min-height: 500px;
}

#content #bigleft a {
color: #fff;
font-weight: bold;
}

#content #bigleft dd {
margin-bottom: 1em;
}

#content #center {
float: left;
width: 177px;
background: #818181 url('images/featured.gif') left 10px no-repeat;
margin-right: 1px;
padding: 15px;
padding-left: 30px;
}

#content #center h2 {
display: none;
}



#content #center h3 img {
margin-left: -25px;
margin-top: 60px;
}

#content #right {
float: left;
width: 177px;
padding: 15px;
padding-left: 30px;
min-height: 500px;
}

#content #right {
background: transparent url('images/new.gif') left 10px no-repeat;
}

#content #right h2 {
display: none;
}

#content #right h3 {
font-size: .75em;
}

#content #right .date {
display: block;
font-size: .8em;
font-weight: normal;
background-color: #D57003;
margin-bottom: 1em;
padding: 2px;
}

#content h2 {
font-weight: normal;
font-size: 1.5em;
text-transform: uppercase;
}

#content h2 span, #seedemo span {
font-weight: bold;
}

#seedemo {
font-size: 1.2em !important;
font-weight: normal;
text-transform: uppercase;
text-align: center;
}

#content ul {
list-style-type: none;
}

#content ol {
padding-left: 30px;
}

#content ul>li {
padding-left: 15px;
background: transparent url('images/yellowbullet.gif') left 3px no-repeat;
}

#payroll {
position: absolute;
bottom: 0;
right: 0;
width: 222px;
height: 211px;
background: transparent url('images/payrollbg-trans.png') center bottom no-repeat;
text-align: center;
}

#payroll.payrollhack {
position: static;
margin-left: -30px;
margin-right: -15px;
}

#payroll p {
margin: .5em 0;
}

#payroll p.payroll1 {
color: white;
font-weight: bold;
font-style: italic;
}

#payroll p.payroll2 {
color: #006F53;
font-weight: bold;
font-style: normal;
}

#payroll p.payroll3 {
color: black;
font-weight: bold;
font-style: normal;
font-size: .8em;
}

#payroll p.payroll3 a {
color: white;
font-weight: bold;
}

#footerouter {
margin: 0 auto;
width: 753px;
clear: both;
padding: 0 36px;
background: transparent url('images/shadowmid-trans.png') top left repeat-y;
}

#footerinner {
color: white;
padding: .5em 0;
background-color: black;
}

#footerinner ul {
list-style-type: none;
}

#footerinner a {
color: white;
text-decoration: none;
text-transform: uppercase;
font-size: .8em;
}

#footerinner #footerlinks {
float: right;
}

#footerinner #footerlinks li {
float: right;
border-left: 1px solid white;
padding: 0 .5em;
}

#footerinner #footerlinks li.last {
border-width: 0;
}

.clear {
clear: both;
}

.hide {
visibility: hidden;
}

.gobutton {
background: transparent url('images/go-trans.png') center center no-repeat;
height: 15px;
width: 38px;

text-decoration: none;
vertical-align: middle;
}

fieldset {
border-width: 0;
}

label {
display: block;
float: left;
width: 40%;
margin: .5em 0;
}

label.full {
clear: left;
width: 100%;
float: none;
}

label span {
display: block;
}

textarea {
height: 8em;
width: 100%;
}


#memberships img {
padding: 10px;
background-color: white;
margin: 0 !important;
}