@import url("reset.css");

/* MAIN CONTAINER */
#container {margin:8px auto 0 auto; width:955px; text-align:left;}
#container ul {list-style-type:none;}

/* TOP OF PAGE */		
#title {background:url(../Images/logo.gif) no-repeat; width:955px; height:39px; position:relative; overflow:hidden;}
#title h1 {position:absolute; top:-1000px; left:-1000px; font-size:1px; line-height:1px;}
#title h2 {position:absolute; top:-1000px; left:-1000px; font-size:1px; line-height:1px;}
#title .nav {position: absolute;top: 0pt;right: 0pt;}
#title .nav, #title .nav a, .tabs, .tabs a, .tabs a:hover {text-decoration:none; color:#333333;}
#title .nav a:hover, #footer a:hover {text-decoration: underline;}
.skiplink {position:absolute; top:-1000px; left:-1000px;}
input.submit, input.submit2, img.icon {vertical-align: middle;}

/* GENERAL LAYOUT */		
#content {clear:both;border-top:1px solid #AAB3B3; background:url('../Images/bg.gif') 0 0 repeat-y #fff; margin: 0;width:955px;}
#leftCol {float:left; width:155px; padding:10px 10px 5px; border-top:1px solid #fff;}

/* Left Hand Navigation */
#leftCol #navTop {width:137px; height:13px; border-bottom:1px solid #abc7ca; background:url('../Images/left-nav-top.gif') 0 0 no-repeat #f1f3f3; padding:10px 10px 10px 8px; font-size:1.2em; font-weight:bold; color:#999; text-transform:uppercase;}
#leftCol ul {background:#e2eced; border-left:1px solid #abc7ca; border-right:1px solid #abc7ca;}
#leftCol ul li {padding:7px 8px; border-top:1px solid #fff; border-bottom:1px solid #abc7ca;}
#leftCol ul li a {text-decoration:none; background:url('../Images/arrow.gif') 0 50% no-repeat; padding:0 0 0 13px;}
#leftCol ul li a.active {font-weight:bold;}
#leftCol ul li a.active:hover {color:#323232;}
#leftCol #navBottom {width:155px; height:22px; background:url('../Images/left-nav-bottom.gif') 0 0 no-repeat #f1f3f3;}

/* Apply */
#leftCol .apply a {outline: none;text-align: center;display: block; padding: 6px 12px 10px 10px;background: transparent url('../images/apply-button.gif') 11px 0 no-repeat; font-weight: bold; width: 124px;}
#leftCol .apply {margin:10px 0 0 0;}
#leftCol .apply .top {font-size: 0;background: url(../Images/apply_rounded_t.gif) no-repeat; width: 155px; height: 6px;}
#leftCol .apply .main {border-left: 1px solid #abc7ca;border-right: 1px solid #abc7ca; background: #e2eced;margin: 0; padding: 0;}
#leftCol .apply .bottom {font-size: 0;background: url(../Images/apply_rounded_b.gif) bottom left no-repeat; width: 155px; height: 6px; z-index: 2;position: relative}
#leftCol .apply p {padding: 5px 5px 10px 12px; margin: 0;}

#leftCol .times-logo {margin:10px 0;}

/* content Area */
#centralColLR {float:left; width:780px; position:relative;}
#centralColLR p.search {margin-top:-0.7em;}
#centralColLR p.search a {display: inline;}
#centralColLR p.search a.link-to-section {}
#centralColLR ul {list-style-type:square; margin:0 0 0 30px;}
#centralColLR ul li {padding:6px 0;}

/* Page Layout With Standard Text */
#centralColL {float:left; width:460px; padding:20px;}
#centralColR {float:right; width:280px; }

/* Page Layout With Flash Elements */
#centralColLMedia {float:left; width:340px; padding:20px;}
#centralColLMedia h2 {clear: left; padding-top: 30px; font-size: 14px; font-weight: bold;}
#centralColLMediaLocations {float:left; width:290px; padding:20px;}
#centralColRMedia {float:right; width:400px;}
#centralColRMediaLocations {float:right; width:450px;}

#centralColL p, #centralColLMedia p, #centralColLMediaLocations p {line-height:1.5em;}

/* Home Page Flash Overlay */
#homeFlash {clear:both; width:780px; height:440px; position:absolute; top: 12px;left:0;}
#homecontent ul.podcast {margin-left: 14px;}
#homecontent #podcast {margin: 30px 5px 0 0;}
#homecontent #podcast p {margin: 0 0 4px 0; padding:0}
#homecontent #podcast input {font-size: 10px}
#footer {text-align:center; margin:18px 0 0 0;}

object#brainVideoPage {position: relative; right: 70px; top: 20px ;}

li a {text-decoration: none;color:#142C4E;}
li a:hover {color: #00A6DE;text-decoration: underline;}
div.hr {clear: both;display: block;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #c3c8cb;}	
#content #rightcol div.hr {margin: 0.4em 0 0.4em 0;}

/* Profiles */
#profileIntro {margin:0 0 1.6em 0;}
#profileIntro .photo {float:left;}
#profileIntro .photo img {border:3px solid #f0ecec;}
#profileIntro .overview {float:left; width:350px; margin:0 0 0 10px; display:inline;}
#profileIntro .overview h2 {margin:0 0 3px 0;}
#profileIntro .overview h3 {margin:0 0 12px 0; color:#00A6DE;}
#profileIntro p.quote {font-style:italic; font-size:1.2em; margin:0 0 11px 0; width: 340px;}
#profiles {margin-top: 30px;}
#profiles ul li {list-style: none;}
#profiles ul li div#profilecontent div { margin: 0px 0;}
#profiles ul li div#profilecontent div.profile img {float: left;margin: 2px 10px 0 0; padding: 2px; border: 1px solid #ccc;}
#profiles ul li div#profilecontent div.profile a:hover img {border: 1px solid #888;} 
#profiles ul li div#profilecontent div.profile h4 {font-weight: bold; font-size: 12px; margin: 0; padding: 0;}
#profiles ul li div#profilecontent div.profile a {text-decoration: none; color: #00a6de;}
#profiles ul li div#profilecontent div.profile a:hover{text-decoration: underline;}
#profiles ul li div#profilecontent div.profile {width: 220px; float: left; height: 78px;}

/* TABS AND BREADCRUMB */	
.tabs {position: relative;width: 955px;line-height: normal;}
.tabs form {float: right;}
.tabs form p {display: inline;}
.tabs form input.text {width: 100px;}
.tabs form input.submit {margin: 0 0 0.4em 0;}
.tabs ul {float: left;margin: 0.5em 0 0 0;width: 630px;}
.tabs li {float: left;}
.tabs a {display: block;float: left;padding: 2px 8px 4px 8px;color: #333;}
.tabs a:hover {color:#081463; text-decoration:underline;}
.tabs li.on {background: url("../images/menutab-r.gif") no-repeat top right;}
.tabs li.on a {background: url("../images/menutab-l.gif") no-repeat top left;padding-bottom: 5px;}
#breadcrumbs {float:left; width:955px; background:#dee9ea; padding:5px 0; border-bottom:1px solid #fff; border-top:1px solid #fff; margin-top:-1px; font-size:0.9em; color:#0D1F61;}
#breadcrumbs p {float:left; margin:0 0.5em 0 0; padding:0 0 0 6px;}
#breadcrumbs ul {color:#0D1F61; float:left;}
#breadcrumbs li {float:left; margin-right:0.5em;}
#breadcrumbs a, #breadcrumbs li a {color:#0D1F61;}
#breadcrumbs a:hover, #breadcrumbs li a:hover {color:#0D1F61;}

/* ACCORDION - Meet out people */
ul#accordion {margin-left:0;background:1px solid #abc7ca;}
ul#accordion li {clear: left; float: left; width: 460px;line-height: 3.0em;padding:0px;margin: 1px 0 0 0;list-style: none;}
ul#accordion li a {background: #e2eced url('../images/down_arrow.gif') 435px 13px no-repeat; width:435px; padding-left: 20px; display: block;outline:0;text-decoration: none;font-size: 1.1em;}
ul#accordion li a.selected {background: #a2bacc url('../images/up_arrow.gif') 435px 13px no-repeat;width:435px;}
ul#accordion li a.selected:hover {color: #fff;}
ul#accordion li div.accordioncontent {background:#fff;margin:0; width: 420px; padding: 5px 0 0 35px;}
ul#accordion li div.accordioncontent div a {text-align: center;margin:0; padding: 0;display: block;background: #fff;text-decoration: none; width:68px; }
ul#accordion li div.accordioncontent div a img {padding:0px; outline: none;}
ul#accordion li div.accordioncontent div {float: left; display: inline; width: 90px; height: 90px; margin: 10px 5px;}
ul#accordion li div.accordioncontent p.search a {background: #fff;}
ul#accordion li div.accordioncontent p a.plain {background: #fff; margin:0; padding:0; font-size:100%; display:inline; text-decoration:underline;}

/* ACCORDION - Your Move */
#yourMoveAccordion ul#accordion li {width: 340px;}
#yourMoveAccordion ul#accordion li a {background-position: 315px 8px;width:315px;}
#yourMoveAccordion ul#accordion li div.accordioncontent {margin: 0; padding: 10px 0 0 3px; width: 330px;}
#yourMoveAccordion ul#accordion li div.accordioncontent p.search a {margin: 0; padding: 0; font-size: 11px; text-decoration: underline;}

/* ACCORDION - Our Values */
#values ul#accordion li div.accordioncontent {padding: 10px 0 10px 10px;}
#values ul#accordion li div.accordioncontent p {float: none; position: relative;}
ul#accordion li {line-height: 2.0em;}
ul#accordion li a,ul#accordion li a.selected {background-position: 435px 8px;width:435px;}


/*polaroid styles - only seen when flash is turned off on the meet our people page */
#polaroidContainer p {margin-top: 10px; width: 197px; font-style: italic; }
#polaroidContainer img {border: 1px solid #ccc; padding: 5px;}

/* MISC */
#quotes,#polaroidContainer {margin: 50px 0 0 17px;}
#quotes p{display: none;}
#cycle {margin-top: 30px;}
#cycle p {font-size: 16px; font-weight: bold; margin: 60px 0px 0 20px; color: #555;font-style: italic; position: relative; font-weight: normal; width: 230px;text-align: center;line-height: 1.3em;}
p.back a {background: #e2eced url(../Images/left_arrow.gif) 6px 7px no-repeat; padding: 5px 12px 7px 20px; text-decoration: none;}
#centralColRMediaLocations #globe ul li span {font-weight: bold;}
object#balloon {position: relative; top: 0px;}
div#globe {margin-right: 20px;}
object#globe {margin-right: 0;}
object#piggy, #piggy {position: relative; left: 0px;}
/* GENERIC */
.newline {clear:both; line-height:0; overflow:hidden;}