@charset "utf-8";

a[href^="http:"] { background: url(../images/layout/link_external.gif) no-repeat left center; padding-left: 10px}
body{ margin: 0; padding: 0; font: 11px Verdana; color: #232323; text-align: center; min-width: 960px;}
div, form{ margin: 0; padding: 0;}
h1{ font: bold 20px Century Gothic; color: #000000;}
h2{ font: bold 20px Century Gothic; color: #333333; border-bottom: 1px dotted #404040; margin-top: 10px;}
h2:first-letter{ float: left; font-size: 30px; color: #000000;}
h3{ font: bold 17px Century Gothic; color: #333333; border-bottom: 1px dotted #404040;}
h3:first-letter{ float: left; font-size: 25px; color: #000000;}
h4{ font: bold 15px Century Gothic; color: #333333; border-bottom: 1px dotted #404040;}
h4:first-letter{ float: left; font-size: 22px; color: #000000;}
input, select, option{ font: 10px Arial; color: #000000; text-transform: none;}

#wrapper{ margin: 10px auto; width: 960px; text-align: left;}

#header{ width: 960px; height: 110px; background: url(../images/layout/header.gif) no-repeat top left;}
#header h1 { margin: 0 0 0 -2000px;}

form#signup{ background: url(../images/layout/bg_signup.gif) repeat-x top left; border: 1px solid #c4c1a0; font: bold 10px Century Gothic; color: #666350; text-align: center; text-transform: uppercase;}

table#specs{ padding: 1px; border: 1px solid #404040; text-align: left;}
table#specs th{ padding: 2px; background: url(../images/layout/bg_signup.gif) repeat-x top left; background-color: #c8c5aa; text-align: left;}
table#specs td{ padding: 2px; border-bottom: 1px solid #CCCCCC;}
table#specs tr.header{ background-color: #dddddd; font-weight: bold;}
table#specs tr:hover{ background-color: #c8c5aa;}

a.button{ float: left; padding: 2px 5px; margin-right: 10px; border: 1px solid #dd4510; background-color: #7a0b08; background-image: none; color: #FFFFFF; font: bold 12px Century Gothic; text-decoration: none;}
a.button:hover{ background-color: #dd4510; background-image: none;}
.centerpiece{ padding: 2px; border: 1px solid #c4c1a0; background-color: #FFFFFF;}

#secondarynav{ margin-top: 1px; background-color: #404040; border: 1px solid #c4c1a0; text-align: right;}
#secondarynav p{ margin: 7px; font: bold 10px Century Gothic; color: #c8c5aa; float: left;}
#secondarynav ul{ margin: 0; padding: 0; text-indent: 0; list-style-type: none; font: bold 12px Garamond; text-transform: uppercase;}
#secondarynav li{ margin: 0; padding: 8px; display: inline; border-left: 1px solid #c4c1a0;}
#secondarynav li:hover{ background-color: #993300;}
#secondarynav a{ line-height: 29px; color: #FFFFFF; text-decoration: none;}

#mainnav{ float: left; width: 190px; font: bold 10px Century Gothic; text-transform: uppercase; text-align: center; line-height: 28px;}
#mainnav ul{ margin: 0 10px 0 0; padding: 0; text-indent: 0; list-style-type: none;}
#mainnav li{ background-color: #FFFFFF; border: 1px solid #c4c1a0; margin: 1px 1px 0 0;}
#mainnav li:hover{ background-color: #e3e1c7;}
#mainnav a{ color: #666666; text-decoration: none;}

#flash{ padding: 2px; border: 1px solid #c4c1a0; background-color: #FFFFFF;}

#homecontent{
	margin: 0 auto;
	float: none;
	width: 600px;
	text-align: justify;
}

#homesubcontent{ width: 220px; float: left; font-size: 10px;}
#homesubcontent ul{ list-style-type: none; text-indent: 0; background: url(../images/layout/bg_signup.gif) repeat-x top left; background-color: #c8c5aa; border: 1px solid #c4c1a0; margin: 1px 1px 0 10px; padding: 10px;}
#homesubcontent li{ margin-top: 5px;}
#homesubcontent h4{ margin: 0;}
#homesubcontent img{ margin-bottom: 5px;}
#homesubcontent a{ color: #0042c7;}
#homesubcontent a:hover{ color: #7da2ff;}

#subcontent{ margin: 1px 0 10px 0; float: left; width: 656px; text-align: justify;}

#footernav{ clear: left; background: url(../images/layout/bg_footernav.gif) repeat-x top left; border: 1px solid #e3e3e3; font-size: 10px;}
#footernav ul{ margin: 0; padding: 7px 0; text-indent: 0; list-style-type: none;}
#footernav li{ margin: 0; padding: 0 2px 0 5px; display: inline;}
#footernav li:after{ content: " |";}
#footernav a{ color: #404040; text-decoration: none;}
#footernav a:hover{ text-decoration: underline;}

#footer{ text-align: right; font-size: 10px;}

