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

/* Import CSS CSS */
@import url("reset.css");
@import url("contribute.css");
/* End Import */

/* ***Main Layout Styles*** */

html { background: url(../images/build/background_tile.jpg) top left repeat-x; } 

#wrapper { width: 850px; margin: 0 auto 0 auto; position: relative; }

#header { z-index: 1; }

#logo { background: url(../images/build/tgs_logo.jpg) top left no-repeat; height: 110px; width: 175px; float: left; }

#site_cap { background: url(../images/build/header_bkg.jpg) top left no-repeat; height: 110px; width: 675px; float: left; }

#content_tile { z-index: 1; float: left; background: url(../images/build/site_bkg_tile.jpg) top left repeat-y; width: 850px; }

#content { background: url(../images/build/site_bkg_wrap.jpg) top left no-repeat; width: 850px; float:left; }

#footer { background: url(../images/build/footer_bkg.jpg) top left no-repeat; float: left; clear: both; width: 850px; height: 80px; position: relative; }

#top_section { padding: 0 20px 0 20px; width: 810px; }

#highlight_box { background: url(../images/build/feature_bkg.jpg) top left no-repeat; height: 190px; width: 245px; padding: 10px; overflow: hidden; float: left; }

#banner { background: url(../images/build/banner-img.jpg) top left no-repeat; height: 210px; }

#container { float: left; clear: both; padding: 10px 20px 10px 20px; }

#page_content { background: url(../images/build/page_content_tile.jpg) top left repeat-y; width: 810px; float: left; }

#page_content_top { background: url(../images/build/page_content_top.jpg) top left no-repeat; width: 810px; float: left; }

#page_content_bottom { background: url(../images/build/page_content_bottom.jpg) bottom left no-repeat; width: 790px; padding: 10px; float: left; }

#left_col { float: left; width: 525px; }

#right_col { float: right; width: 240px;  }

#branding { text-align: right; width: 250px; position: absolute; bottom: 0; right: 10px; }

#branding a { font-size: 10px; color: #bdcbec; }

/* ***Navigation Styles*** */


/* ***Top List*** */

ul#nav_list { z-index: 2; position: absolute; background: url(../images/build/nav_bkg.png) top left no-repeat; height: 50px; width: 675px; list-style-type: none; top: 75px; right: 0; }

ul#nav_list li { float: left; height: 50px; margin: 0 0 0 0; padding: 0 0 0 0; }

ul#nav_list li a { display: block; height: 50px; }

ul#nav_list li a#home { background: url(../images/nav/home_btn.png) top left no-repeat; height: 50px; width: 62px; }

ul#nav_list li a#home:hover { background-position: 0 -50px; } 

ul#nav_list li a#company { background: url(../images/nav/company_btn.png) top left no-repeat; height: 50px; width: 86px; }

ul#nav_list li a#company:hover { background-position: 0 -50px; } 

ul#nav_list li a#services { background: url(../images/nav/services_btn.png) top left no-repeat; height: 50px; width: 86px; }

ul#nav_list li a#services:hover { background-position: 0 -50px; } 

ul#nav_list li a#projects { background: url(../images/nav/projects_btn.png) top left no-repeat; height: 50px; width: 87px; }

ul#nav_list li a#projects:hover { background-position: 0 -50px; } 

ul#nav_list li a#publications { background: url(../images/nav/publications_btn.png) top left no-repeat; height: 50px; width: 116px; }

ul#nav_list li a#publications:hover { background-position: 0 -50px; } 

ul#nav_list li a#events { background: url(../images/nav/events_btn.png) top left no-repeat; height: 50px; width: 73px; }

ul#nav_list li a#events:hover { background-position: 0 -50px; } 

ul#nav_list li a#careers { background: url(../images/nav/careers_btn.png) top left no-repeat; height: 50px; width: 72px; }

ul#nav_list li a#careers:hover { background-position: 0 -50px; } 

ul#nav_list li a#contact { background: url(../images/nav/contact_btn.png) top left no-repeat; height: 50px; width: 93px; }

ul#nav_list li a#contact:hover { background-position: 0 -50px; } 

/* ***Foot List*** */

ul#foot_nav { list-style-type: none; float: left; padding: 8px 8px 8px 16px; }

ul#foot_nav li { float: left; margin: 0 5px 0 0; }

ul#foot_nav li a { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; }

ul#foot_nav li a:hover { color: #FFF6ED; }

/* ***Text Styles*** */

#footer p.copyright { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; padding: 14px 0 0 16px; }

/* ***Additional Styles*** */
p{margin:0 0 25px 0;}

p img{margin:5px 5px 5px 10px; float:right;}

.side {margin: 15px 2px 25px 0;}

ul{margin-bottom:25px;}

.services li, .default li {display:block; list-style:none; font-family: Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 3px 30px;}

ol { padding:0 0 0 30px;}

.publications li{margin:0 20px 5px 0; list-style-type:decimal; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px 0 3px 0;}


.sub {margin:3px 0 5px 15px;}

.hidden {display:none;}
 
.profile_pic { border: 1px solid #1D467C; margin: 10px; }
 
/* *** Error Styles *** */
.error { background: #FFFFFF; border: solid 1px #D89C9C; float: left; width: 400px; margin: 10px 10px 10px 10px; padding: 8px 20px 8px 20px; color: #A05353; font-size: .9em; }
* html .error { margin: 10px 25px 10px 25px; }