/*
GENERIC...
*/
body,td,th { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFF; }
/*html { overflow: -moz-scrollbars-vertical !important; }*/
html { height: 100%; width: 100%; background-color: #e01902; }
body { min-height: 100%; background: url("../img/footer/side_shadows.jpg") center bottom no-repeat; }
html a:active { outline:none;}
:focus {-moz-outline-style: none;}
/*
HELPERS...
*/
.clear { clear: both; }
.clear, .spacer { margin: 0; padding: 0; }
.clear, .spacer, .micro { font-size: 0; text-indent: -9999px; }
.clear, .spacer, .micro, .vacuum { line-height: 0; }
.float-wrapper { overflow: hidden; }
.print { display: none; }
/*
FLASH/NOFLASH/ERRORS...
*/
#flash, #flash-wrapper { height: 592px; width: 969px; }
#flash-wrapper { background-color: #FAFAFA; }
#flash .noflash { width: 969px; height: 592px; background: #2f2e2f url("../img/whitetexture.png") bottom center no-repeat; }
#flash .noflash td { color: #fff; text-align: center; font-weight: bold; line-height: 20px; }
#flash .noflash h1 { font-size: 36px; line-height: 36px; font-weight: bold; margin-bottom: 15px; }
#flash .noflash p { margin-bottom: 10px; }
#flash .noflash a:link, #flash .noflash a:visited { color: #999; text-decoration: none; }
#flash .noflash a:hover, #flash .noflash a:active { color: #CCC; }
/*
NAV...
*/
#nav { width: 969px; height: 43px; background-color: #e01902; overflow: hidden; }
#nav .btn { width: 323px; height: 43px; background: url("../img/nav/bkg.jpg") top left no-repeat; float: left; overflow: hidden; }
#nav .btn.sel { background-position: 0 -43px; }
#nav .btn a { width: 323px; height: 43px; line-height: 43px; text-align: center; display: block; overflow: hidden; background-repeat: no-repeat; }
#nav .btn a:link, #nav .btn a:visited { background-position: 0 0; }
#nav .btn.sel a:link, #nav .btn.sel a:visited { background-position: 0 -43px; }
#nav .btn a:hover, #nav .btn a:active { background-position: 0 -43px; }
#nav .btn a.wmm { background-image: url("../img/nav/wmm.png"); }
#nav .btn a.wmu { background-image: url("../img/nav/wmu.png"); }
#nav .btn a.wmy { background-image: url("../img/nav/wmy.png"); }
/*
FOOTER...
*/
#footer { position: relative; width: 969px; min-height: 258px; background: #e01902 url("../img/footer/top_shadow.jpg") top center repeat-x; color: #FFF; }
#footer .links { padding: 35px 30px 10px 30px; }
#footer .links table { width: 100%; }
#footer .links table td { font-size: 10px; color: #FFF; vertical-align: top; width: 20%; }
#footer .links table thead td { padding-bottom: 20px; }
#footer .links table tbody td li { margin-bottom: 1px; }
#footer a:link, #footer a:visited { color: #FFF; text-decoration: none; }
#footer a:hover, #footer a:active { text-decoration: underline; }
#footer .links table thead td { font-weight: bold; }
#footer .etc { position: absolute; width: 969px; bottom: 20px; text-align: center; font-size: 9px; }
/*
BASE...
*/
#base { width: 969px; min-height: 157px; color: #FFF; position: relative; background-color: #fafafa; background-position: bottom center; background-repeat: repeat-x; }
#base.clear { background-image: url("../img/base/bkg.jpg"); }
#base.logos { background-image: url("../img/base/bkg_logos.jpg"); }
#base .content { color: #5a5b5e; margin-left: 44px; padding-bottom: 32px; }
#base .content h1 { color: #e01902; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#base .content .copy { width: 400px; margin-bottom: 20px; }
#base .content .copy p { font-size: 14px; line-height: 24px; margin-bottom: 10px; }
#base .content .btn { width: 188px; height: 38px; background: url("../img/base/btn_shadow.png") top left no-repeat; }
#base .content .btn a { width: 178px; height: 28px; line-height: 28px; text-align: center; display: block; overflow: hidden; background-repeat: no-repeat; }
#base .content .btn a:link, #base .content .btn a:visited { background-position: 0 0; }
#base .content .btn a:hover, #base .content .btn a:active { background-position: 0 -28px; }
#base a.logo-ag, #base a.logo-ac { position: absolute; display: block; background: url("../img/spacer.gif"); }
#base a.logo-ag { right: 214px; bottom: 65px; width: 131px; height: 72px; }
#base a.logo-ac { right: 55px; bottom: 60px; width: 127px; height: 82px; }
#page-home #base .content .btn a { background-image: url("../img/base/btn_find-out-more.gif"); }
#page-wmm #base .content .btn a { background-image: url("../img/base/btn_make-a-cube.gif"); }
#page-wmu #base .content .btn a { background-image: url("../img/base/btn_make-a-cube.gif"); }
#page-wmy #base .content .btn a { background-image: url("../img/base/btn_view.gif"); }
#page-home .tandc { margin-top: 14px; margin-bottom: 5px; font-size: 12px; line-height: 21px; width: 70%; }
#page-home .tandc a { font-weight: bold; } 
#page-home .tandc a:link, #page-home .tandc a:visited { color: #808080; }
#page-home .tandc a:hover, #page-home .tandc a:active { color: #666; }
/*
GENERIC...
*/
.page-generic .header { position: relative; width: 969px; height: 141px; background: url("../img/generic/header.jpg") top left no-repeat; }
.page-generic .header h1 { position: absolute; top: 36px; left: 43px; width: 263px; height: 58px; }
.page-generic .content { color: #5a5b5e; background-color: #fafafa; padding: 35px 44px 0 44px; min-height: 330px; }
.page-generic .content h1, .page-generic .content h2, .page-generic .content h3 { font-weight: bold; }
.page-generic .content h1, .page-generic .content h2 { color: #e01902; }
.page-generic .content h2 { padding-top: 10px; }
.page-generic .content h1 { font-size: 20px; margin-bottom: 20px; }
.page-generic .content h2 { font-size: 16px; margin-bottom: 20px; }
.page-generic .content h3 { font-size: 14px; margin-bottom: 20px; }
.page-generic .content p, .page-generic .content ul, .page-generic .content ol { font-size: 14px; line-height: 24px; margin-bottom: 15px; }
.page-generic .content li { list-style: disc outside; margin-bottom: 5px; margin-left: 15px; padding-left: 10px; }
.page-generic .content a:link, .page-generic .content a:visited { color: #e01902; text-decoration: none; }
.page-generic .content a:hover, .page-generic .content a:active { text-decoration: underline; }
/*
FORMS...
*/
label { font-weight: bold; }
input[type="button"], input[type="submit"], button { cursor: pointer; }
input[type="button"], input[type="submit"] { padding: 1px 2px; }
input[type="text"], input[type="password"] { padding: 2px; font-size: 12px; }
input[type="text"], input[type="password"] { min-width: 300px; }
.field { display:block; clear: both; overflow: hidden; margin-bottom: 20px; font-size: 12px; }
.field label { float: none; display: block; margin-bottom: 4px; font-size: 14px; }
.field label.inline { display:inline-block; }
/*
TERMS...
*/
#page-terms .content h2 { color: #5a5b5e; }
#page-terms .col-1, #page-terms .col-2 { float: left; } 
#page-terms .col-1 { width: 460px; }
#page-terms .col-2 { margin-left: 30px; }
#page-terms .headings .col-2 { padding-left: 12px; }
#page-terms .point { margin-bottom: 30px; }
#page-terms .pe { width: 372px; background: url("../img/generic/pe_arrow.gif") top left no-repeat; }
#page-terms .pe .top, #page-terms .pe .mid, #page-terms .pe .bot { width: 360px; margin-left: 12px; }
#page-terms .pe .top, #page-terms .pe .bot { height: 12px; }
#page-terms .pe .top { background: url("../img/generic/pe_top.gif") top left no-repeat; }
#page-terms .pe .bot { background: url("../img/generic/pe_bot.gif") top left no-repeat; }
#page-terms .pe .mid { background-color: #e5e5e5; }
#page-terms .pe .mid .text { font-weight: bold; padding: 20px 28px; }
#page-terms ol li { list-style: decimal; margin-left: 28px; }
/*
MEDIA...
*/
#page-media .content .btn { width: 177px; height: 38px; background: url("../img/media/btn_shadow.png") top left no-repeat; }
#page-media .content .btn a { width: 167px; height: 28px; line-height: 28px; text-align: center; display: block; overflow: hidden; background-repeat: no-repeat; }
#page-media .content .btn a:link, #base .content .btn a:visited { background-position: 0 0; }
#page-media .content .btn a:hover, #base .content .btn a:active { background-position: 0 -28px; }
#page-media .content .btn.pdf { margin-top: 20px; }
#page-media .content .btn.pdf a { background-image: url("../img/media/btn_dl-pdf.gif"); }
#page-media .content .btn.vid a { background-image: url("../img/media/btn_dl-video.gif"); }
#page-media .content .btn.pho a { background-image: url("../img/media/btn_dl-photos.gif"); }
#page-media .boxes { margin-top: 20px; }
#page-media .boxes td { color: #5a5b5e; }
#page-media .box { width: 290px; background-color: #e5e5e5; padding: 8px 0 15px 0; vertical-align: top; }
#page-media .boxes .divider { width: 7px; } 
#page-media .box .thumb { width: 274px; height: 169px; margin: 0 auto; background: url("../img/media/thumb_bkg.png") top left no-repeat; }
#page-media .box .thumb img { width: 238px; height: 133px; margin-left: 18px; margin-top: 18px; }
#page-media .box .guts { padding: 0 19px; }
#page-media .box .info { margin-top: 5px; margin-bottom: 15px; }
#page-media .content .box .info h3 { margin-bottom: 10px; }
#page-media .box .info p { font-size: 12px; line-height: 20px; margin-bottom: 5px; }
#page-media .box .dl { text-align: center; margin-bottom: 10px; }
#page-media .box .dl .text { margin-bottom: 5px; line-height: 18px; }
#page-media .content .box .btn { margin: 0 auto; }
#page-media .content div.fv h3 { margin-top: 30px; }
/*
CREDITS...
*/
#page-credits .person { margin: 30px 0 25px 0; }
#page-credits .person h3 { margin: 0 0 15px 0; text-transform: uppercase; }
#page-credits .person p { line-height: 23px; margin: 0 0 8px 0; }
#page-credits .person img { border: 1px solid #CCC; width: 119px; height: 66px; }
/*
HOW TO...
*/
#page-howto .content ul li { list-style: none; padding-left: 0; margin-left: 0; }
.page-howto .content ol li { list-style: decimal outside; margin-left: 20px; margin-bottom: 10px; }
.page-howto .content ol.olol li { list-style-type: lower-alpha; }
.page-howto .content ul li { list-style: disc outside; margin-left: 20px; }
.page-howto .warning { border: 1px dotted #e01902; padding: 15px; }
#page-howto-i .steps { margin: 28px auto 0 auto; }
#page-howto-i .steps td { text-align: center; color: #5a5b5e; padding-right: 40px; padding-bottom: 5px; font-size: 12px; font-weight: bold; }
#page-howto-i .steps td img { font-size: 0; line-height: 0; border: 1px solid #CCC; }
/*
WMU LIST...
*/
#page-wmu-list li { font-size: 10px; list-style: none; }
#page-wmu-list.page-generic .content li { margin-bottom: 0; margin-left: 0; padding-left: 0; line-height: 16px; }
/*
PAGE...
*/
#page { width: 969px; background-color: #e01902; margin: 0 auto; }