@import "reset.css";
@import "forms.css";

body { padding: 25px 0; background-color: #f3f3f3; color: #c5c5c5; font: .75em/normal Arial, Helvetica, sans-serif; text-align: center; }

a,a:link,a:visited { color: #000; }
a:hover { color: #000; }

img.rflt { display: inline; float: right; margin: 0 0 1em 10px; }
img.lflt { display: inline; float: left; margin: 0 10px 1em 0; }

p { margin-bottom: 1em; }

ul { list-style: disc; margin-bottom: 1em; padding-left: 2em; }
ol { list-style: decimal; margin-bottom: 1em; padding-left: 2em; }
ul.reset, ul.reset ul, ul.reset ol, ol.reset, ol.reset ol, ol.reset ul { list-style: none; margin: 0; padding: 0; }

big { font-size: 152%; }

.edge { float: right; }
.resetpos { clear: both; }


/* Titles */

h1,h2,h3,h4,h5,h6 { margin-bottom: .5em; line-height: normal; }

h1 { font-size: 24px; font-weight: normal; }
h2 { font-size: 135%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

#logo { float: left; margin-bottom: 33px; }
#outline { float: right; margin: 20px 0 33px; }


/* Buttons */

a.button1 { overflow: hidden; display: block; height: 27px; background: url(../images/bg3.png) 0 50% no-repeat; color: #4d5d1a; line-height: 27px; }
a.button1:hover { color: #000; }
a.button2 { overflow: hidden; display: block; height: 27px; padding-left: 10px; background: url(../images/bg2.png) 0 50% no-repeat; color: #484848; line-height: 27px; }
a.button2:hover { color: #000; }
a.button2 img.icon { display: inline; float: left; margin: 5px 10px 0 0; }


/* Tables */

.listA { float: left; width: 100%; margin-bottom: .5em; font-size: 18px; }
.listA dt, .listA dd { overflow: hidden; float: left; height: 25px; border-bottom: solid 5px #fff; line-height: 25px; }
.listA dt { width: 428px; padding-left: 15px; background: #ededed url(../images/box2-left.png) 0 50% no-repeat; color: #4b4b4b; font-weight: normal; text-align: left; }
.listA dd { width: 295px; padding-left: 10px; background: #e8e8e8 url(../images/box3.png) 0 50% no-repeat; color: #4d5d1a; }


/* Layout  */

#container { width: 786px; margin: 0 auto; text-align: left; }
#before { height: 14px; background: url(../images/box1-top.png) no-repeat; font-size: 1px; }
#after { height: 14px; background: url(../images/box1-bottom.png) 0 100% no-repeat; font-size: 1px; }
#inner { background-color: #fff; color: #484848; }
#content { clear: both; padding: 0 0 1px 38px; }
#cap { padding: 22px 18px; }
#footer { clear: both; padding: 20px 40px 0; }

#signUpBottom { margin-left: 443px; }


/* Navigation */

#navbar { clear: both; float: left; width: 100%; margin-bottom: 50px; background-color: #ffbf28; }
#nav { text-transform: lowercase; font-size: 112%; }
#nav li { float: left; padding: 3px 12px 3px 6px; background: url(../images/separator1.png) 100% 50% no-repeat; }
#nav li.first { padding-left: 180px; background-image: url(../images/bg-nav-on.png); }
#nav a, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover, #nav a.on { color: #000; }


/* Welcome */

#article { line-height: 1.5em; }
#article h1 { color: #a7d323; }
#article ul { padding-left: 6px; }
#article ul li { list-style: none; padding-left: 12px; background: url(../images/bullet1.png) 0 0 no-repeat; }


/* Special Offer */

#special-offer { margin-bottom: 2em; color: #7b9b1a; }
#special-offer h2 { overflow: hidden; height: 27px; background: url(../images/bg1.png) 0 50% no-repeat; color: #fff; text-indent: 10px; line-height: 27px; }
#special-offer ul { padding-top: 1em; }
#special-offer ul li { margin-bottom: .5em; }


/* Colgroups */

.colgroup { width: 100%; }
.colgroup .col { margin-bottom: 1.5em; }
.colgroup .portcol { float: left; }
.colgroup .starcol { float: right; }

#colgroup1 .portcol { width: 385px; }
#colgroup1 .starcol { width: 305px; }

/* 50%-50% */
#colgroup2 .portcol { width: 39%; }
#colgroup2 .starcol { width: 60%; }


/* The Footer */

#footer { color: #c5c5c5; }
#footer a, #footer a:visited { color: #c5c5c5; }
#footer a:hover { color: #c5c5c5; text-decoration: underline; }