/* CSS Document */

* { margin: 0; padding: 0; }

html { }

body { color: #666; font: 0.7em/1.6em Verdana, Arial, Helvetica, sans-serif; }
a { color: #336699; }
a:hover { text-decoration: none; }

input,
textarea,
select { color: #666; font: 0.8em Verdana, Arial, Helvetica, sans-serif; border: #336699 solid 1px; padding: 2px; }
input.checkbox,
input.radio { background: transparent; border: none 0px; }

#container { width: 740px; margin: 0 auto; }
#container #header,
#container #footer { width: 690px; padding: 40px 25px 0px; }

#container { background: url(bg-container.gif) repeat-y center top; }
#container #header { background: url(bg-header.gif) no-repeat center top; height: 100px; xborder: red dashed 1px; }
#container #header h1 { font-size: 2.5em; margin-left: 20px; background: url(ss-logo-200x60.gif) no-repeat left top; width: 200px; height: 60px; }
#container #header h1 span { display: none; }
#container #header p { float: right; font-size: 0.9em; text-align: right; margin: -35px 20px 10px 0px; color: #336699; }
#container #header a { color: #000; text-decoration: none; }
#container #header a:hover { color: #999; }

#container #header #menu { clear: both; padding-left: 1px; }
#container #header #menu ul { list-style: none; }
#container #header #menu ul li { float: left; }
#container #header #menu ul li a { display: block; padding: 3px 30px; background: #EEE; color: #336699; text-align: center; text-decoration: none; border-right: #FFF solid 3px; }
#container #header #menu ul li a:hover { background: #FFF; color: #336699; }
#container #header #menu ul li a.last { border-right: #EEE solid 3px; }
#container #header #menu ul li a.last:hover { border-right: #FFF solid 3px; }

#container #main { }
#container #main p { text-align: center; }
#container #main object { }
#container #main #content { width: 440px; float: left; padding-left: 45px; }
* html #container #main #content { width: 440px; w\dth: 440px; }
#container #main #content h1,
#container #main #content h2,
#container #main #content p,
#container #main #content form { display: block; margin-top: 15px; }
#container #main #content h1 { font: bold 1.4em Verdana, Arial, Helvetica, sans-serif; color: #336699; }
#container #main #content h2 { font: bold 1.2em "Tahoma", Verdana, Helvetica, sans-serif; color: #333; }
#container #main #content p { text-align: left; }
#container #main #content ul { margin: 10px 20px; }

#container #main #content form { border: #BDDFFF solid 1px; padding: 10px; }
#container #main #content form ul { list-style: none; margin: 0px; }
#container #main #content form ul li { margin-bottom: 20px; text-indent: 5px; }
#container #main #content form ul li label { width: 130px; background: #eee; color: #336699; display: block; border: #336699 solid 1px; border-bottom: 0px none; }
#container #main #content form ul li input {  }

#container #main #content .dataitem { border: #999 solid 1px; margin-top: 10px; background-color: #fff; }
#container #main #content .dataitem h2 { background: #eee; padding: 2px 5px; margin-top: 0px; color: #336699; }
#container #main #content .dataitem p { margin: 10px 5px 10px 120px; }
#container #main #content .dataitem .links { text-align: right; background: #eee; padding: 2px 5px; margin: 0px; }
#container #main #content .dataitem img { margin: 10px; border: #999 solid 1px; }

#container #main #promo { float: right; width: 190px; padding-right: 40px; }
#container #main #promo  a img { margin-top: 15px; border: none 0px; }
#container #main #promo .item { margin-top: 15px; border: #BDDFFF solid 1px; padding: 5px; }
#container #main #promo .item h3,
#container #main #promo .item p { display: block; padding: 5px; font-size: 0.9em; color:#999; }
#container #main #promo .item h3 { font-size: 1.1em; xcolor: #336699; }
#container #main #promo .item p { text-align: left; }

#container #footer { text-align: center; clear: both; background: #FFF url(bg-footer.gif) no-repeat center top; padding-top: 50px; }
#container #footer p { display: block; padding: 0px 20px 30px; }

#container #main #content th { background: #336699; color: #FFF; padding: 1px; }
#container #main #content td.outline { border: #999 solid 1px; padding: 1px; }
#container #main #content td.fill { border: #999 solid 1px; padding: 1px; background: #EEE; color: #336699; }
#container #main #content td.bg { padding: 1px; background: #EEE; }

#emaillayout { margin: 0px 20px 20px 20px; }
#emaillayout h1,
#emaillayout h2,
#emaillayout p { display: block; margin-top: 15px; }
#emaillayout h1 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #336699; }
#emaillayout h2 { font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #336699; }
#emaillayout ul li { margin-left: 10px; }
#emaillayout .details { border: #BDDFFF solid 1px; padding: 10px; }
