@charset "utf-8";
/* CSS Document */

body { margin: 0; padding: 0; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #FFFFFF; background: url(images/bg.jpg) repeat-x #626262; }

strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; }

a { color: #0CF; text-decoration: none; }

a:hover { color:#6FF; }

a.whitelink { color: #fff; text-decoration: none; }

a.whitelink:hover { color:#ccc; }

#SWWCalculator label { float: left; width: 170px; }

#WDBCalculator label { float: left; width: 170px; }

#wrapper { width: 965px; margin: auto; }

#header { background-color: #fff; height: 130px; }

#info_bar { float: right; font-size: 130%; padding: 20px 0; border-bottom: 1px solid #ccc; color: #666; }

#content { text-align: left; }

#footer { clear: both; width: 940px; background-image: url(images/footer_bg.gif); background-repeat: no-repeat; background-position: center; height: 44px; margin: 0 auto 10px auto; padding-top: 25px; }

#footer p { margin: 0; padding: 0; font-size: 80%; color: #999; }

#logo { float: left; margin-top: 8px; }

/*************
* Navigation *
**************/

#navigation { text-align: left; background-image: url(images/nav_underline.gif); background-repeat: repeat-x; background-position: bottom; padding-bottom: 10px; }

#navlist { margin: 0px; padding: 0px; }

#navlist li { font-size: 0.6em; display: inline; list-style-type: none; padding: 0; margin: 0; }

#navlist ul { margin: 0px; padding: 0px; text-align: center; }

#sub_nav { text-transform: uppercase; text-align: left; font-size: 90%; margin-left: 15px; }

/*************
* Classes    *
**************/

.column_25 { width: 24%; float: left; margin: 0 4px 0 4px; }

.column_50 { width: 49%; float: left; margin: 0 4px 0 4px; }

.column_75 { width: 74%; float: left; margin: 0 4px 0 4px; }

.column_100 { width: 99%; float: left; margin: 0 4px 0 4px; }

.align_center { text-align: center; }

.img_border { padding: 2px; border: 1px solid #ccc; }

.smaller { font-size: 85%; }

.larger { font-size: 115%; }

.largest { font-size: 130%; }

.clear { clear: both; }

.overlay { width: 100%; height: 100%; background: black; position: fixed; top: 0; left: 0; z-index: 98; }

.dialog { width: 30%; min-height: 30%; background: white; position: fixed; top: 35%; left: 35%; z-index: 99; color: #333; text-align: left; padding: 0 20px 0 20px; }

.friendly_notice { margin: 10px; padding: 15px; background-color: #F9F7C6; border: 1px solid #ffcc00; color: #CC6600; }

.success { margin: 10px; padding: 15px; background-color: #DDFDDB; border: 1px solid #009900; color: #009900; }

.error { margin: 10px; padding: 15px; background-color: #FFD7D8; border: 1px solid #CC0000; color: #CC0000; }