/* Chris Chrisostomou, May 2008 */
/* This stylesheet applies to the EN site.  ES, DE and FR all use main.css */

/* html tags */
html { margin: 0px; padding: 0px; height:100%; margin-bottom:0.1em; }
body { background-image:url('/images/back.gif'); background-repeat:repeat-x; background-color: #FFF; margin: 0px; padding: 0px; font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #040055; text-align: center; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

/* Generic */
.blue { color: #0066cc; }
.imgbdr { border: 1px solid #1E3160; }
.formError{ color: red; }
.table_list tr { background-color: #EEE; }
.table_list tr.table_header { background-color: #1E3160!important; color: #FFF; }
.table_list tr.alt { background-color: #DDD; }
/*#also { padding-left: 16px; background-image: url('/images/also.gif'); background-position: left; background-repeat: no-repeat; }*/

/* wrappers */
div#wrapper { width:820px; margin:0 auto; background-image: url('/images/body.gif'); background-repeat:repeat-y; background-color: #FFF; text-align: left; }
div#container { float: right; margin: 0 0 0 -200px; width: 100%; }
div#header{ height: 200px; width: 822px; background-image: url('/images/header.gif'); background-repeat:no-repeat; background-color: #FFF; }
div#content { margin: 0 50px 60px 220px; }
div.sidebar { float: left; width: 180px; overflow: hidden; }
div#secondary { clear: left; }
div#footer { clear: both; width: 100%; height: 150px; background-image: url('/images/footer.gif'); background-repeat:no-repeat; background-color: #FFF; background-position:bottom left; }

/* header/top nav */
div#post-it { width: 230px; height: 133px; background-image: url('/images/phone_number.gif'); background-repeat:no-repeat; position: absolute; left: 50%; margin-left: 150px; }
span#post-it_text { display: none; }
div#post-it_link { width: /*80px*/100%; height: /*30px*/100%; /*margin: 50px 0 0 60px;*/ cursor: pointer; }
div#top-nav { position: absolute; left: 50%; margin-left: -215px; top: 156px; width: 630px; }
div#top-nav ul { margin: 0; padding: 0; list-style: none; }
div#top-nav ul li { list-style: none; display: inline; padding: 5px 38px; }
div#top-nav ul li a { color: #FFF; }
div#top-nav ul li a.important {background:#109e26/*#42be6a*/; color:#fff;padding:4px 5px 5px 6px;}

div#logolink { height: 110px; width: 140px; position: absolute; left: 50%; margin-left: -365px; cursor: pointer; }
h1#homelink, h2#homelink { height: 110px; width: 230px; position: absolute; left: 50%; margin-left: -190px; cursor: pointer; }
h1#homelink span, h2#homelink span { display: none; }

/* sidebar */
div.sidebar h4 { color: #FFF; margin: 0 0 25px 45px; font-size: 24px; }
div.sidebar h4 a { font-size: 24px; }
div.sidebar div, div.sidebar ul, div.sidebar li{margin:0;padding:0;}
div.sidebar ul { list-style: none; margin-left: 45px; }
div.sidebar ul li { line-height: 12px; }
div.sidebar a { color: #eee; font-weight: bold; font-size: 15px; }
span.nav-link-desc { color: #aaaabb; font-size: 10px; }
li.nav-link-spacer { height: 20px; }
div.sidebar ul { margin-bottom: 80px!important; }
div.sidebar .left-bottom-nav a { font-size: 13px; }

/* content */
div#content p { color: #1E3160; }
div#content a, div#footer a { color: #0066cc; }
div#content h1 { font-size: 26px; font-weight: bold; color: #1E3160; margin: 0 0 30px; }
div#content h2 { font-size: 22px; color: #1E3160; margin: 0 0 20px; }
div#content h2.sub { font-size: 22px; color: #1E3160; margin: 0 0 15px!important; }
div#content h2 a { color: #1E3160; }
div#content h2 span { font-size: 10px!important; }
div#content h2 span.blue { font-size: 22px!important; }
div#content h2.sub span.subheader, div#content h2.sub span.subheader span.blue { font-size: 12px!important; font-weight: normal; }
/* IE6 doesnt support [align=left], so set a small image margin then overwrite for every other browser... */
div#content img { margin: 0 5px 0 0; }
div#content img[align="left"] { margin: 0 10px 10px 0; }
div#content img[align="right"] { margin: 0 0 10px 10px; }

/* submenu */
div#subbox { margin: 0 auto 15px; text-align:center; background-color: #eef6ff; }
div#subbox #also { margin-right: 20px; }
div#subbox .sep { margin: 0 8px; color: #7ea0c8; }
ul#sub li { display: inline; padding: 3px 10px; background-color: #1E3160; }
ul#sub a { color: #FFF; }

/* footer */
div#footer span.right { float: right; margin: 0 60px 0 0; }
div#footer span.left { float: left; margin: 0 0 0 60px; }
div#footer span.languages { float: left; margin: 0 60px 0 0; }
div#footer span.languages img { width: 18px; height: 11px; }
div#footer a img { border: 0; }
div#footer div#splash { margin: 10px 60px 20px 230px; font-size: 11px; border-top: 1px solid #ddd; }
div#footer h3 { margin:7px 0 0; padding:0; font-size: 16px; font-weight:bold; }
div#footer p { margin: 7px 0; }

/* page specific */
.link-letter { font-size: 36px; font-weight: bold; }
table.feature_table td { background-color: #EEE; }
span#back-but-text { font-weight: bold; }