/*-----------------------------------------------
Title: Global screen styles
Site: 
Created: November 10 2008 (SL)
Updated: 
----------------------------------------------- */

* { margin:0; padding:0; } ul,li { list-style:none; }

body { font:normal 62.5% Georgia,Times New Roman,verdana,arial; text-align:center; background:#43577C url(../images/body_bg.jpg) repeat-x 50% 0; padding-bottom:30px; }
html,body {height: 100%;}

p, li { font-size:1.2em; color:#434343; }

a { color:#3178AA; text-decoration:none; }
a:hover { text-decoration:underline; outline:none; }

img { border:none; outline:none; }

legend { display:none; }
fieldset { border:0; }

#wrapper { width:908px; margin:0 auto; text-align:left; height:100%; }
#wrapBackground{ background: url(../images/wrap_bg.png) repeat-y 0 0; min-height:100%; }

#header { position:relative;  }
#header h1 { margin:0 0 0 -15px; }
#header h1 a { padding-top:41px; width:387px; height:47px; display:block; background: url(../images/logo.png) no-repeat 0 100%; text-indent:-9999em; }
#header form .textBox { width:112px; position:absolute; top:65px; right:24px; font-size:1.1em; }
#header form .searchButton { position:absolute; top:65px; right:4px; }
#header form .darker { color:#333 !important; }

#mainNavigation { padding:7px 0 0 1px; background: url(../images/wrap_bg_top.png) no-repeat 0 100%; position:relative; }
#mainNavigation li { float:left; padding:0 10px; }
#mainNavigation li a { font-weight:bold; color:#fff; padding:8px 0 15px 0; display:block; }
#mainNavigation li.first { padding-left:2px; }
#mainNavigation li.last { padding-right:0; }
#mainNavigation li.active { background: url(../images/nav_bg_right1.png) no-repeat 100% 0; padding-right:9px; margin-left:-10px; }
#mainNavigation li.active a { background: url(../images/nav_bg_left2.png) no-repeat 0 0; color:#000; display:block; padding:8px 4px 15px 11px; }

#mainNavigation li.first.active { padding-left:0; margin-left:0; margin-right:-8px; }
#mainNavigation li.first.active a { background: url(../images/nav_bg_left1.png) no-repeat 0 0; }
#mainNavigation li.last.active { position:absolute; right:1px; background: url(../images/nav_bg_right2.png) no-repeat 100% 0; margin-right:0; }

.navigationHeader { position:absolute; left:-9999px; font-size:0; height:0; line-height:0; }

#content { background: url(../images/content_bg.png) repeat-x 0 0;  margin:0 6px; }

#leftColumn { width:597px; float:left; }
#rightColumn { width:299px; float:left; }
#mainContent { width:399px; float:left; }

.stars { padding:8px 20px 10px 25px; }
.stars li { padding:0 0 10px 13px; background: url(../images/icn_star.png) no-repeat 0 4px;  }


.hide { text-indent:-9999em; font-size:0; height:0; line-height:0; position:absolute; left:-9999px; }
.center { text-align:center; }
.imageLeft { float:left; padding:0 8px 5px 0; }
.padTop-5 { padding-top:5px; display:block; }
.newLine { display:block; text-align:center; padding-top:10px; }
.blue { color:#005f8d; }
.textBox { border:#d6d6d6 1px solid; height:13px; padding:3px 6px 2px 6px; background:#fff url(../images/search_bg.png) repeat-x 0 0; font-size:1em; color:#b1a08c; border-right:none; }
.padRight { padding-right:8px; }
.darker { color:#333 !important; }
.padBottom-20 { padding-bottom:20px; }
.right { text-align:right; }
.right2 { float:right; }

.share, .stay-informed { padding-top:25px; }

h3 { font:normal 1.8em georgia; color:#000; }
h4 { font:normal 2.2em georgia; color:#000; }
h4 a { color:#000; }
h2 { padding-bottom: 15px; font-size:1.4em; }
h2 a { font:normal 1.0em georgia;}

#leftColumn h4 { padding:32px 20px 25px 20px; letter-spacing:.1em; }

.subNavigation { width:198px; float:left; }
.subNavigation li { padding:0 20px 10px 20px; }
.subNavigation li a { color:#000; font-size:1.1em }
.subNavigation li.active a { font-weight:bold; }
.subNavigation li.active li a { font-weight:normal; }
.subSubNavigation li { padding: 0px 20px 10px 0; margin-left:38px; list-style:disc }
.subSubNavigation li a { color:#333; font-size:1em }

#mainContent p { padding:0 30px 15px 0; line-height:1.4em; }
#mainContent h3 { padding-bottom:12px; }
#mainContent h3 a, h3 a { color:#000; /*padding-right:15px; background: url(../images/arrow_gray.png) no-repeat 100% 9px;*/ }
#mainContent h2 a { color:#354059; /*padding-right:15px; background: url(../images/arrow_gray.png) no-repeat 100% 9px;*/ }
#mainContent ul { padding: 0px 0px 10px 25px; }
#mainContent ul li { padding: 0 0px 10px 0; list-style:disc;}


#form-input-name,
#form-input-email,
#form-input-confirm {width: 250px; float: left; margin-bottom: 10px;}
#form-item-name,
#form-item-email,
#form-item-confirm,
#form-button-submit { float:left; margin-top: 10px;}

.buttonSmall { border:#d6d6d6 1px solid; background: url(../images/btn_bg.png) repeat-x 0 0; color:#005f8d; font:bold .9em verdana; padding:3px 20px; display:inline-block; }
.buttonSmall:hover { border:#bbb 1px solid; text-decoration:none; }

#rightColumn p, #rightColumn h3, #rightColumn ul { padding:12px 20px 0 20px; }
#rightColumn p { font-size:1.1em; }
#rightColumn .utilityBar { background: url(../images/gradient1.png) no-repeat 50% 100%; height:30px; position:relative; }
#rightColumn .utilityBar p { padding-top:5px; font:1em verdana; }
#rightColumn .utilityBar p a { color:#868686; }
#rightColumn .utilityBar p a.active { font-weight:bold; color:#303030; }
#rightColumn .utilityBar .language { position:absolute; top:4px; right:3px; }
#rightColumn .utilityBar .language a { margin-left:10px; }
#rightColumn .stars { padding:8px 20px 0 25px; }
#rightColumn .stars li { padding:0 0 10px 13px; background: url(../images/icn_star.png) no-repeat 0 4px; font-size:1.4em; color:#005f8d; }
#rightColumn form { position:relative; }
#rightColumn form p { padding-right:0; }
#rightColumn form p .email { position:absolute; top:0; width:165px; } 
#rightColumn form p .signUp { position:absolute; top:0; left:197px; }

#rightColumn h3 strong { /*font-size:.8em;*/ font-weight:normal; /*letter-spacing:.08em;*/ }

#increaseFont { font:bold 1.4em verdana; }
#resetFont { font:bold 1.2em verdana; }
#decreaseFont { font:bold 1em verdana; }

.readMore { display:block; width:99px; height:20px; background: url(../images/btn_readmore.png) no-repeat 0 0; font-size:0; text-indent:-9999px; }
.readMore:hover { background: url(../images/btn_readmore.png) no-repeat 0 -20px;  }

#footer { border-top:#e6e2dd 1px dashed; margin:20px 4px 0 4px; padding-bottom:30px; background: url(../images/exxonmobil.png) no-repeat 21px 42px; position:relative; }
#footer p { padding:10px 0 20px 21px; font-size:1.1em; font-style:italic; color:#8e8e8e; }
#footer ul { position:absolute; right: 20px; top:10px; }
#footer ul li { float:left; padding:0 7px; }
#footer ul li a { color:#8e8e8e; font-size:.9em; font-style:italic; }



#jquery-overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px}
#jquery-lightbox{position:absolute; top:0; left:0; width:100%; z-index:100; text-align:center; line-height:0}
#jquery-lightbox a img{border:none}
#lightbox-container-image-box{position:relative; background-color:#fff; width:250px; height:250px; margin:0 auto}
#lightbox-container-image{padding:10px}
#lightbox-loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0}
#lightbox-nav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10}
#lightbox-container-image-box >#lightbox-nav{left:0}
#lightbox-nav a{outline:none}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{width:49%; height:100%; zoom:1; display:block}
#lightbox-nav-btnPrev{left:0; float:left}
#lightbox-nav-btnNext{right:0; float:right}
#lightbox-container-image-data-box{font:10px Verdana,Helvetica,sans-serif; background-color:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%; padding:0 10px 0}
#lightbox-container-image-data{padding:0 10px; color:#666}
#lightbox-container-image-data #lightbox-image-details{width:70%; float:left; text-align:left}
#lightbox-image-details-caption{font-weight:bold}
#lightbox-image-details-currentNumber{display:block; clear:left; padding-bottom:1.0em}
#lightbox-secNav-btnClose{width:66px; float:right; padding-bottom:0.7em}




/* CSS Clearfix flaot fix - http://www.webtoolkit.info/css-clearfix.html */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
/**html .clearfix { height: 1%; } */ /* To W3C validate this line was put into an IE6-specific stylesheet */

.clear { clear:both; visibility:hidden; font-size:0; line-height:0; height:0; }