body { margin: 0; padding: 0; background: black; font-family: Verdana,sans-serif; font-size: 11px; color: #000; background: #FBFBEF url(../images/top-back.jpg) repeat-x top left; }

div#outbox { width: 980px; margin: 55px auto 10px auto; }

div#header { height: 115px; padding: 0 16px; }

div#logo { width: 164px; float: left; }

div#header-right { width: 766px; float: right; text-align: right; }

form#search-form { height:25px; padding: 0; margin: 0; }
form#search-form table { float: right; margin: 0; padding: 0; border-collapse: collapse; }
form#search-form table tr { vertical-align: middle; }
form#search-form input.text { border: 1px solid #9CCAE1; width: 125px; height: 15px; margin: 0; padding: 2px; }
form#search-form input.button { background: transparent url(../images/search-button.gif) no-repeat scroll left top; border: none; color: white; font-size: 109%; font-weight: bold; width: 65px; height: 21px; margin: 0; padding: 0; text-align: center; }

div#menu { background: url(../images/menu-back.jpg) no-repeat top right; height: 40px; padding: 20px 0 0 0; margin: 24px 0 0 0; }
/*div#menu ul { list-style-type: none; margin: 0; padding: 0 18px 0 0; }
  div#menu ul li { display: inline; margin: 0; padding: 0; }*/
/*div#menu ul { list-style-type: none; margin: 0; padding: 0 0 0 79px; }*/
div#menu ul { list-style-type: none; margin: 0; padding: 0 0 0 39px; }
div#menu ul li { display: block; float: left; margin: 0; padding: 0; text-align: center; white-space: nowrap; }
div#menu ul li a { color: #fff; font-size: 109%; font-weight: bold; text-decoration: none; }
div#menu ul li a:hover { color: #F8D100; text-decoration: none; }

div#promo { height: 192px; width: 980px; background: url(../images/icpfsb-growing-together.jpg) no-repeat top left; }

div#page-panes { float: left; width: 698px; padding-left: 16px; }
div#page-panes div.top { background: url(../images/pp-top.jpg) no-repeat top left; padding: 18px; min-height: 45px; }
div#page-panes div.middle { background: url(../images/pp-middle.jpg) repeat-y top left; margin: 0 0 9px 0; }
div#page-panes div.bottom { background: url(../images/pp-bottom.jpg) no-repeat bottom left; }
div#page-panes h2 { background: url(../images/orange-square-7x7.gif) no-repeat center left; font-size: 118%; margin: 0 0 8px 0; padding: 0 0 0 14px; }
div#page-panes p { margin: 7px 0 7px 14px; }
div#page-panes table td p { margin: 5px 0; }
div#page-panes a { color: #F27B00; }
div#page-panes div.section p { margin: 4px 0; padding: 0; }
div#page-panes div.section p.nolink { color: #444; }

div#right-panes { float: right; width: 234px; }
div#right-panes div.top { background: url(../images/rp-top.jpg) no-repeat top left; padding: 17px 25px; }
div#right-panes div.middle { background: url(../images/rp-middle.jpg) repeat-y top left; }
div#right-panes div.bottom { background: url(../images/rp-bottom.jpg) no-repeat bottom left; }
div#right-panes h2 { color: #F4820F; font-size: 109%; margin: 0 0 8px 0; padding: 0; }
div#right-panes h2 a { color: #F4820F; text-decoration: none; }
div#right-panes p { margin: 0 0 8px 0; color: #3B91C0; font-size: 90%; }
div#right-panes p a { color: #3B91C0; }

h1#page-title, h1.title { background: url(../images/title-back.jpg) no-repeat top left; padding: 3px 17px; font-size: 155%; font-weight: bold; line-height: 29px; margin: 5px 0 11px; color: #fff; }
h1.title { margin-top: 11px; }

form#login-form { margin: 0; padding: 0; }
form#login-form div.entry { margin: 11px 0; }
form#login-form label { display: block; float: left; width: 60px; padding: 0 8px 0 0; text-align: right; }
form#login-form input.text { width: 105px; }
form#login-form input#login-submit { border: none; background: transparent; color: #F27700; font-weight: bold; float: right; margin-right: 15px; }
form#login-form a#login-register { color: #F27700; text-decoration: none; float: left; margin-left: 15px; line-height: 18px; }

div#login-info a#logout { color: #F27700; text-decoration: none;  font-weight: bold; float: right; margin-right: 15px; }

table#members { border-spacing: 0; width: 100%; font-size: 100%; }
table#members tr { vertical-align: top; }
table#members td { padding: 6px 0; }
table#members td.logo { width: 80px; }
table#members td.info { width: 250px; border-bottom: 1px solid #EEEAE7; }

table#member-info { border-spacing: 0; width: 100%; font-size: 100%; }
table#member-info td.logo { width: 80px; }

form#user-reg-form input.text { width: 270px; }
form#user-reg-form table { margin: 0 auto; }
form#user-reg-form table tr { vertical-align: top; }
form#user-reg-form table tr.block td { padding: 1em 0 0.5em 0; color: #F59736; font-size: 105%; font-weight: bold; }
form#user-reg-form table tr.labels td { padding: 1em 0 0 0; color: #3B91C0; }

form#member-reg-form input.text { width: 270px; }
form#member-reg-form table { margin: 0 auto; }
form#member-reg-form table tr { vertical-align: top; }
form#member-reg-form table tr.block td { padding: 1em 0 0.5em 0; color: #F59736; font-size: 105%; font-weight: bold; }
form#member-reg-form table tr.labels td { padding: 1em 0 0 0; color: #3B91C0; }

form input { font-family: Verdana,sans-serif; }
form input.text, form textarea { border: 1px solid #EEEAE7; width: 100%; }
form input.invalid { border: 1px solid #EA5200 !important; }
form input.button { border: 1px solid #318AB6; background: #B1D3E6; padding: 3px 7px; }
form span.required { color: #EA5200; font-weight: bold; }
form em.invalid { background:url("../images/icon-unchecked.gif") no-repeat 0px 0px; padding-left: 16px; padding-bottom: 2px; font-weight: bold; color: #EA5200; display: block; }
form em.valid { background:url("../images/icon-checked.gif") no-repeat 0px 0px; display: inline; margin-left: 0.3em; }
form .success_msg { font-weight: bold; color: #0060BF; margin-left: 19px; }

a img { border: none; }

div.section div.block { margin: 0 0 0 2em; }
img.icon { margin-right: 0.6em; vertical-align: middle; }
span.fileinfo { font-size: 94%; color: #555; }

ul.news { padding: 0; margin: 0; }
ul.news li { margin: 1em 0 0 0; }

p.error,div.error { background: red; color: white !important; padding: 3px; text-align: center !important; }
p.left,div.left { text-align: right; }
p.right,div.right { text-align: right; }
p.center,div.center { text-align: center; }

.clear { clear: both; }

