html,body{ height: 100.75%; background-color: #a7a7a7; }
body{ background-color: #a7a7a7; color: #333; font: normal normal normal x-small "helvetica neue",helvetica,arial,sans-serif; margin: 0; padding: 0; }
a, a:link{ color: #595fac; text-decoration: none; font-weight: bold; }
a:visited{ color: #797ebf; font-weight: bold; }
a:hover{ color: #5259ab; text-decoration: underline; font-weight: bold; }
a:active{ color: #9396be; }
form{ margin: 0; padding: 0; border: 0; }
img{ border: 0; }

.subtle_link{ color: #999; }
.clearer{ clear: both; }
.container{ position: relative; width: 911px; margin: 10px auto 0 auto; padding: 0; background: url(../images/bg-main.png) repeat-y #002f67; color: #fff; border-left: 1px solid #808080; border-bottom: 1px solid #787878; }
.gentle_notice{ display: none; background-color: #666; color: #eee; font-size: 1.4em; padding: 15px 10px 8px 15px; width: 300px; }

div.error{ margin: 0 20px 10px 0; padding: 20px 20px 20px 56px; background: url(../images/no-sign.png) no-repeat 20px center #c00; color: #fff; }

#nav{ background-color: #002f67; height: 135px; overflow: hidden; border-bottom: 1px solid #96a9c0; }
#bar{ position: relative; height: 11px; height: 9px; border-top: 1px solid #91b29d; border-bottom: 1px solid #265d5a; background-color: #599b4a; }
#bar_bg_left{ position: absolute; top: -1px; left: 0; width: 34px; height: 11px; background: url(../images/sprites.png) repeat scroll -172px 0 }
#bar_bg_right{ position: absolute; top: -1px; right: 0; width: 158px; height: 11px; background: url(../images/sprites.png) repeat scroll -207px 0 } 
#nav_bg_left{ position: absolute; z-index: 100; top: 11px; left: 0; width: 22px; height: 124px; background: url(../images/sprites.png) repeat scroll -172px -11px; }
#nav_bg_right{ position: absolute; z-index: 100; top: 11px; right: 0; width: 123px; height: 124px; background: url(../images/sprites.png) repeat scroll -195px -11px; }
#logo{ position: absolute; z-index: 200; top: 32px; left: 25px; width: 172px; height: 38px; background: url(../images/sprites.png) repeat scroll 0 0; cursor: pointer; }
#a740{ position: absolute; z-index: 200; top: 25px; right: 0; width: 165px; text-align: right; margin: 0 19px -10px 0; font: normal normal bold 6.311em "helvetica neue",helvetica,arial,sans-serif; color: #e2f5ff; line-height: 0.75em; }
#a740 span{ position: relative; left: -4px; white-space: nowrap; }

#nav_tabs{ position: absolute; z-index: 400; top: 99px; left: 17px; width: 100%; font-size: 1.1em; text-align: left; }
#nav_tabs a, #nav_tabs a:link{ display: block; float: left; width: auto; margin: 0 2px 0 0; padding: 6px 20px 6px 10px; font-size: 1.4em; line-height: 1.43em; font-weight: bold; text-decoration: none; background: #1a4476; color: #e1f9ff; border-top: 2px solid #002f67; cursor: pointer; }
#nav_tabs a.active, #nav_tabs a.active:hover{ cursor: default; color: #fff; background: #204d82; border-top: 2px solid #335985; }
#nav_tabs a:hover{ color: #badfe8; background: #204d82; }

#main{ margin: 0 10px 10px 10px; padding: 0 0 20px 15px; text-align: left; background: #d6ceb5; border-top: 10px solid #eee; }
#main #shim{ width: 1px; height: 500px; float: left; display: block; }

div.module{ margin: 15px 10px 0 0; padding: 0; width: 650px; float: left; background-color: #fff; color: #333; font-size: 1.2em; line-height: 1.5em; border: 2px solid #002f67; border-top-style: none; }
div.module.full_col{ margin-right: 0; padding-right: 0; background: transparent; border-style: none; float: left; width: 650px; }
div.module.col2{ width: 178px; margin-left: 13px; margin-right: 0; }
div.module h1{ margin: 0; padding: 6px 4px 6px 11px; background: #002f67; font-size: 1.2em; letter-spacing: -0.03em; color: #eef9ff; }
div.module p.headnote{ color: #666; margin: 0; padding: 10px 10px 20px 10px; }
div.module input.sexy{ padding: 5px 0 5px 8px; border: 1px solid #bababa; color: #555; background: url(../images/input_bg.png) top left repeat-x #eee; font: normal normal normal 1.2em "helvetica neue",helvetica,arial,sans-serif; line-height: 1.1em; height: 18px; }
div.module input.sexy:focus{ border: 1px solid #666; }
div.module input.wide{ width: 470px; }
div.module input.submit{ padding: 0; border: 1px solid #222; color: #bdbab6; background-image: none; background-color: #262626; font-weight: bold; line-height: 1.1em; }

/* footer */
#footer{ background: url(../images/bg-main.png) repeat-y 0 -40px #eee; padding: 25px 10px 30px 15px; color: #999; vertical-align: middle; text-align: left; }
#footer input{ font-family: tahoma, arial, sans-serif, helvetica; font-size: 1.1em; color: #666; }
#footer_newsletter{ margin-left: 20px; width: auto; float: left; font: normal normal bold 1.3em Helvetica,Arial; color: #333; }
#footer_newsletter input.txt{ margin: 5px 0 0 0; padding: 2px 0 2px 4px; width: 160px; border: 1px solid #999; float: left; font: normal normal normal 1.0em "helvetica neue",helvetica,arial,sans-serif; height: 23px; }
#footer_newsletter input.submit{ margin: 5px 0 0 0; height: auto; margin-left: 1px; float: left; }
#desirables{ margin-right: 20px; padding: 0 0 20px 0; text-align: center; float: right; width: 136px; font: normal normal bold 1.3em Helvetica,Arial; color: #333; white-space: nowrap; }
#desirables a, #desirables a:link{ display: block; border: 0; float: left; }
#desirables a.facebook{ width: 29px; height: 29px; background: url(../images/sprites.png) repeat scroll -1px -38px; overflow: hidden; }
#desirables a.twitter{ width: 25px; height: 29px; background: url(../images/sprites.png) repeat scroll -30px -38px; overflow: hidden; }
#desirables a.aim{ width: 26px; height: 29px; background: url(../images/sprites.png) repeat scroll -55px -38px; overflow: hidden; }
#desirables a.myspace{ width: 25px; height: 29px; background: url(../images/sprites.png) repeat scroll -81px -38px; overflow: hidden; }
#desirables a.dreamhost{ width: 30px; height: 29px; background: url(../images/sprites.png) repeat scroll -106px -38px; overflow: hidden; }
#copynote{ color: #666; text-align: center; padding: 30px 0 60px 0; font-size: 1.1em; line-height: 2.0em; }