* { padding: 0; margin: 0; font-size: 100%; line-height: 1.7em;}
html { height: 100%; }
body { position: relative; height: 100%; text-align: center; font: 75% Verdana, Arial, Helvetica, sans-serif; color: #333; background: url(images/bg.png) repeat-y center; }

/* PNG fix for IE6 */
img, div {behavior: url(iepngfix.htc)} 
img { border: 0; }

#wrapper { position: relative; margin: 0 auto; padding-bottom: 10px; width: 900px; min-height: 100%; height: auto !important; height: 100%; text-align: left; }
#header { position: relative; height: 30px; background-color: #fff; width: 900px; }

/* Column 1 */
#column1 { position: relative; margin: 0 0 10px 30px; padding: 10px 0 10px 10px; background-color: #eee; float: left; display: inline; z-index: 9; }
#mainLogo { position: absolute; left: 20px; top: 20px; width: 150px; height: 108px; display: block; background-image: url(images/logo_150.png); background-repeat: no-repeat; z-index: 10; border: 0px; }
#outNow { position: absolute; left: 540px; top: 90px; width: 110px; height: 110px; display: block; background-image: url(images/badge.png); background-repeat: no-repeat; z-index: 10; border: 0px; }
#mainImage { width: 610px; float: left; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }

/* Main menu */
#mainNav { position: relative; margin-bottom: 10px; width: 610px; height: 39px; clear: both; border-right: 1px solid #ccc; border-left: 1px solid #ccc;}
.menu { width: 610px; }
ul.menu li { width: 122px; list-style-type: none; float: left; text-align: center; }
.menu a { width: 122px; height: 39px; font: bold 100% Arial, Helvetica, sans-serif; color: #fff !important; display: block; background: url(images/menu.png) no-repeat; line-height: 2.5em; text-decoration: none; }
.menucell1 a { background-position: 0px 0px; }
.menucell1 a:hover { background-position: 0px -39px; }
.menucell2 a { background-position: -122px 0px; }
.menucell2 a:hover { background-position: -122px -39px; }
.menucell3 a { background-position: -244px 0px; }
.menucell3 a:hover { background-position: -244px -39px; }
.menucell4 a { background-position: -366px 0px; }
.menucell4 a:hover { background-position: -366px -39px; }
.menucell5 a { background-position: -488px 0px; }
.menucell5 a:hover { background-position: -488px -39px; }
#pageHome .menucell1 a { background-position: 0px -39px; }
#pageSubscribe .menucell2 a { background-position: -122px -39px; }
#pageIssues .menucell3 a { background-position: -244px -39px; }
#pageNews .menucell4 a { background-position: -366px -39px; }
#pageContact .menucell5 a { background-position: -488px -39px; }

#mainContent { position: relative; width: 612px; }
#feature { padding: 10px; background-color: #fff; border: 1px solid #ccc; }
#feature p { padding: 0 0 10px 0; }
#feature h1 { margin: 0 0 10px 0; padding: 0 0 10px 0; font: normal 1.9em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #3275bc; background: url(images/u_dot.png) repeat-x bottom; }
#feature h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; font: bold 1.4em Arial, Helvetica, sans-serif; text-transform: none; color: #ff7806; background: none; }
#feature a:link, a:visited, a:active {color: #ff7806; text-decoration: none; }
#feature a:hover {color: #ff7806; text-decoration: underline; }
#feature ol li { list-style-position: inside; padding-bottom: 10px; }
#feature .quote { padding: 15px; font-style: italic; }
#feature h3.faq { padding: 0 0 2px 0; font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #ff7806; }
#gallery img a { margin: 0; padding: 0; width: 198px; height: 111px; }

/* Column 2 */
#column2 { position: relative; margin: 0px 30px 0px 0px; padding: 10px 10px 10px 0px; background-color: #eee; width: 198px; float: right; display: inline; }
/*** IE6 Fix ***/
* html #column2 { width: 188px; }
.sideBox { margin-bottom: 10px; width: 198px; background-color: #fff; border: 1px solid #ccc; } 
.sideBox h2 { padding: 5px 10px; border-bottom: 1px solid #ccc; background: url(images/diag_bg_dark2.png) repeat; color: #ff7806; }
.sideBox h2 a:link, a:visited, a:active { color: #ff7806; text-decoration: none; }
.sideBox h2 a:hover {color: #fff; text-decoration: underline; line-height: 1.7em; }
.sideBox p { padding: 5px 10px; }
.sideBox label { padding: 5px 10px; }
.sideBox input { margin: 5px 10px; }
.sideBox p a:link, a:visited, a:active { color: #ff7806; text-decoration: none; }
.sideBox p a:hover {color: #ff7806; text-decoration: underline; line-height: 1.7em; }

/* Footer */
#footer { position: relative; margin: 0 auto; width: 820px; height: 200px; text-align: left; background-color: #fff; border: 1px solid #ccc; clear: both; }
#footer h2 { margin: 10px 0 5px 10px; padding: 0 0 5px 0; width: 600px; font: normal 1.4em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #3275bc; background: url(images/u_dot.png) repeat-x bottom; }
.sitemap { position: relative; margin: 0 30px 30px 10px; float: left; display: inline; }
.sitemap li { list-style-type: none; margin: 5px 0; }
.sitemap li a:link, a:visited, a:active { color: #ff7806; text-decoration: none; }
.sitemap li a:hover { color: #ff7806; text-decoration: underline; line-height: 1.7em; }
#footerLogo { position: relative; top: 20px; right: 20px; width: 150px; height: 100px; font-size: 85%; background: url(images/logo_white_h100.png) no-repeat center; text-align: center; float: right; }

/* Contact Form */
.r { margin: 0 0 10px 0; }
.f { margin: 0 0 10px 0; }
#fcf2 input { padding: 3px; }

/* Signup Form */
#signupForm { margin: 10px 40px; padding: 10px; background-color: #fff; border: 1px solid #ccc; }
#signupForm p { padding: 0 0 10px 0; }
#signupForm h1 { margin: 0 0 10px 0; padding: 0 0 10px 0; font: normal 1.9em Arial, Helvetica, sans-serif; text-transform: uppercase; color: #3275bc; background: url(images/u_dot.png) repeat-x bottom; }
#signupForm h2 { margin: 0 0 5px 0; padding: 0 0 5px 0; font: bold 1.4em Arial, Helvetica, sans-serif; text-transform: none; color: #ff7806; background: none; }
#signupForm h3 { margin: 0 0 5px 0; padding: 0 0 5px 0; font: bold 1.4em Arial, Helvetica, sans-serif; text-transform: none; color: #666; }
#signupForm a:link, a:visited, a:active {color: #ff7806; text-decoration: none; }
#signupForm a:hover {color: #ff7806; text-decoration: underline; }
#tsform01 { padding: 10px 0; }
#tsform01 h2 { padding-top: 10px; border-top: 1px solid #ccc; }
#tsform01 .l { padding: 3px 0; width: 50%; float: left; }
#tsform01 .r { padding: 3px 0; float: left; clear: right; }
#tsform01 .clear { padding: 3px 0 10px; width: 50%; clear: both; }
#tsform01 input { padding: 5px; }
#tsform01 select { padding: 5px; } 
#tsform01 option { padding: 5px; } 
#tsform01 .review { margin: 10px 0; padding: 10px; border: 1px solid #ccc; }