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

/* base */
body { background: #cececf; margin:0; font: bold 12px/15px Helvetica, Arial, sans-serif; color: #f0f; }
a:link { color: #e88524; text-decoration: none; }
a:visited { color: #cb7622; text-decoration: none; }
a:hover { color: #cb7622; text-decoration: underline; }
a:active { color: #cb7622; text-decoration: none; }
div { margin: 0; padding: 0; text-align: left; }
div h1 { font: 18px/18px Helvetica, Arial, sans-serif; color: #29388b; font-weight: normal; margin: 0; padding: 0 0 8px 0;  }
div h2 { display: block; height: 32px; background-image: url('http://www.colaska.com/images/site_images/h2-bg.gif'); background-repeat: no-repeat; font: bold 12px/16px Helvetica, Arial, sans-serif; color: #29388b; margin: 12px 0 0 0; padding: 8px 0 0 14px; text-transform: uppercase; overflow: visible; clear: both; }
div h3 { font: bold 12px/16px Helvetica, Arial, sans-serif; color: #29388b; margin: 0; padding: 12px 0 0 0; text-transform: uppercase; }
div h4 { font: bold 12px/16px Helvetica, Arial, sans-serif; color: #666; margin: 0; padding: 12px 0 0 0; text-transform: uppercase; }
div h5 { font: bold 16px/18px Helvetica, Arial, sans-serif; color: #666; margin: 5px 0 0 0; padding: 0; }
div h6 { font: 11px/18px Helvetica, Arial, sans-serif; color: #999; margin: .5em 0 1em 0; padding: 0 0 .5em 0; border-bottom: solid 1px #ccc; }
div p  { font: 12px/18px Helvetica, Arial, sans-serif; color: #666; margin-bottom: 14px; margin-top: 0; padding: 0; max-width: 600px; }
div p.bigger  { font: 16px/22px Helvetica, Arial, sans-serif; color: #666; margin: 0; padding: 0; max-width: 600px; }
ul, li  { font: 12px/15px Helvetica, Arial, sans-serif; color: #666; }
div small { color: #666; }
div p.pullquote { font-size: 24px; line-height: 28px; color: #96b1c4; }
div p.pullquote-attribution { font-size: 14px; line-height: 16px; margin: -8px 0 0 23px; padding: 0; color: #666; }
div table { border-collapse: collapse; border-spacing: 0; }
div table tr td { vertical-align: top; text-align: left; }
div table tr th { vertical-align: top; text-align: left; }

/* layout */
div #bodywrapper { width:100%; height: 100%; margin:0; padding:0; }
div #widecontainer { background-color: #abb3b9; width: 100%; height: 100%; margin: 36px 0 0 0; padding: 0; clear: both; overflow: hidden; }
div #container { background-image: url('http://www.colaska.com/images/site_images/container-bg-new.gif'); background-repeat: repeat-y; width: 828px; height: 100%; margin: 0 auto; padding: 0 0 0 7px; overflow: hidden; }
div #container-shadow-top { background-image: url('http://www.colaska.com/images/site_images/shadow_top.jpg'); background-repeat: no-repeat; width: 828px; height: 10px; background-position: -7px 0px; clear:both; overflow: hidden; }
div #container-shadow-bottom { background-image: url('http://www.colaska.com/images/site_images/shadow_bottom.jpg'); background-repeat: no-repeat; width: 828px; height: 10px; background-position: -7px 0px; clear: both; overflow: hidden; }
div #insidewrapper { margin: 0 7px 0 7px; width: 800px; }
div #content { background-color: #fff; min-height: 260px; height: 100%; margin: 0 0 8px 0; padding: 4px 0 0 12px; float: left; }
div #content img { border: 0; margin: 0; float: left; }
div #content .caption { font-size: 10px; }

div #header { width:100%; margin: 0; padding:0;  }
div #logo { margin:0; padding: 0; height:130px; background-image: url('http://www.colaska.com/images/site_images/header_01.jpg'); }
div #logo-home { background-image: url('http://www.colaska.com/images/site_images/home_header_02.jpg'); margin: 0; height:325px; }
div #logo .title { font-size:14px; font-weight: bold; color: #666; margin: 4px 0 0 4px; }
div #nav { background-image: url('http://www.colaska.com/images/site_images/nav_bg.gif'); height: 40px; padding-left: 17px; clear: both; }
div #nav ul { list-style: none; margin: 0; padding: 0; }
div #nav li { font-size: 11px; list-style: none; display: block; float: left; text-transform: uppercase; }
div #nav li a { list-style: none; font-weight: bold; display: block; float: left; padding: 0 12px 0 12px; margin: 9px 4px 4px 0; }
div #nav li a:link { color: #e88524; text-decoration: none; }
div #nav li a:visited { color: #cb7622; text-decoration: none; }
div #nav li a:hover { background-position: 0px 2px; color: #e88524; text-decoration: none; overflow: visible; }
div #nav li a:active { color: #29388b; text-decoration: none; }
div #nav .selected { float: left; padding: 0 12px 0 12px; margin: 9px 4px 4px 0; color: #29388b; font-weight: bold; background-color: none; background-image: url('http://www.colaska.com/images/site_images/nav_hover_blue.gif'); background-repeat: no-repeat; background-position: 0px 2px; text-decoration: none; overflow: visible;}
div #footer { background-image: url('http://www.colaska.com/images/site_images/footer_bg.gif'); height: 30px; width: 100%; padding: 0; float: left; clear: both; margin: 48px 0 0 0; overflow: hidden; }
div #footer p { color: #adbadf; font-size: 10px; margin: 0 0 0 14px; padding: 6px 0 0 0; height: 32px; }

div #career-listing { margin: 0 0 12px 14px; }
div #career-listing p { margin: 0 0 6px 0; }
div #career-detail { margin: 0 0 12px 0; width: 540px; }
div #career-detail p { margin: 0 0 12px 0; }
div #career-sidebar { padding: 0 4px 4px 4px; margin: 0 14px 4px 4px; width: 210px; height: 100%; float: right; }
div #career-sidebar p { width: 180px; }
div #career-sidebar a:link { width: 180px; }
div #career-sidebar h3 { margin: 0 0 4px 0; padding: 0; }
div #career-sidebar ul { margin: 0 0 8px 0; padding: 0; list-style: none; }
div #career-sidebar li { margin: 0 0 0 8px; padding: 0; list-style: none; }

div #project-listing { margin: 0 0 12px 12px; float: left; }
div #project-listing p { margin: 0 0 6px 12px; width: 500px; }
div #project-feature { width: 735px; min-height: 150px; margin: 0 0 24px 12px; overflow: hidden; background-color: #dbe0f1; clear: both; background-image: url('http://www.colaska.com/images/site_images/bg_projectfeat.gif'); background-repeat: repeat-y; }
div #project-feature p { margin: 0 0 6px 0; width: 460px; }
div #project-feature .project-image { float: left; overflow: visible; min-height: 138px; }
div #project-feature .project-info { float: left; margin: 8px 0 0 24px; padding: 0; height: 100%; clear: none; }
div #project-feature .project-info p { color: #333; }
div #project-feature .project-info a { font-weight: bold; }
div #project-feature h3 { float: left; width: 100%; background-color: #ffffff; margin: 0; padding: 0 0 8px 0; display: block;  }
div #project-detail { margin: 0 0 12px 0; min-height:350px; height:auto !important; height:350px; width: 540px; }
div #project-detail img { border: 0; display: block; float: left; margin: 4px 8px 8px 0; }
div #project-detail h3 { margin: 0 0 8px 14px; }
div #project-detail .project-image { float: left; height: 100%; }
div #project-detail .project-copy { float: left; width: 330px; margin: 0 0 0 10px; }
div #projects-sidebar { padding: 4px; margin: 6px 0 4px 4px; width: 220px; height: 100%; float:right; }
div #projects-sidebar h3 { margin: 0 0 4px 0; padding: 0; }
div #projects-sidebar ul { margin: 0 0 8px 0; padding: 0; list-style: none; }
div #projects-sidebar li { margin: 0 0 0 8px; padding: 0; list-style: none; }
div #about-sidebar { padding: 0 4px 4px 0; margin: 12px 28px 4px 4px; width: 250px; height: 100%; float:right; text-indent:-8px; }

div #home-events { font-size: 11px; width: 230px; margin: 4px 0 0 0; padding: 0; float: left; }
div #home-events .date { font-size: 11px; font-weight: normal; color: #666; width: 80px; vertical-align: top; }
div #home-events .link { width: 150px; vertical-align: top; }
div #home-event-listing { margin: 0; clear: all; padding: 4px; background-color: #fff; overflow: hidden; float: left; }
div #home-event-listing-alt { margin: 0; clear: all; padding: 4px; background-color:#dbe0f1; overflow: hidden; float: left; }

div #event-detail { width: 540px; float: left; margin: 0 0 0 14px; }
div #event-detail h3 { margin: 0; }
div #block-event-listing { margin: 0 0 14px 14px; clear: both; width: 100%; background-color: #fff; overflow: hidden; float: left; }
div #block-event-listing p { margin: 0; padding: 0; }
div #block-event-listing h3 { margin: 0; padding: 0; }

div #homefeature { background-image: url('http://www.colaska.com/images/site_images/headergraphic_fpo.gif'); width: 890px; height: 150px; margin-bottom: 4px; }
div #homefeature p { padding: 6px 0 0 4px; }
div #home-projects { width: 490px; float: left; margin: 2px 4px 0 0; padding: 4px; }
div #home-projects p { margin: 0 0 6px 14px; max-width: 600px; display: block; }
div #home-projects h3 { margin: 0; }
div #home-project-detail { margin: 0 0 12px 0; float: left; width: 490px; }
div #home-project-detail img { border: 0; display: block; float: left; margin: 4px 4px 4px 0; }
div #home-project-detail p { margin: 0 0 6px 0; display: block; }
div #home-project-detail .project-image { float: left; height: 100%; }
div #home-project-detail .project-copy { float: left; width: 320px; margin: 0 0 0 10px; }

div #titlebar { margin: 0 0 12px 12px; padding: 0; overflow: hidden; }
div #titlebar table { margin: 0; padding: 0;  }
div #titlebar .title-block { float: left; min-height: 38px; width: 752px; margin: 28px 0 12px 0; padding: 0; overflow: visible; background-color: #dbe0f1; }
div #titlebar h1 { font-size: 38px; line-height: 42px; font-weight: bold; margin: 0; padding: 0; }
div #titlebar .title-container { float: left; background-color: #fff; padding: 0 14px 0 0; margin: 0; min-height: 38px; width: 100%: clear: none; }
div #titlebar .breadcrumb { width: 100%; max-width: none; text-transform: capitalize; }

div #content .block-about-content { width: 500px; }
div #content .block-about p { margin: 0 0 0 14px; }
div #content .block-about h3 { margin: 10px 0 0 14px; }
div #content .block-projects-overview  { float: left; clear: none; width: 520px; height: 120px; margin: 0 0 36px 0; }
div #content .block-projects-quicklinks  { float: left; margin: 0 0 24px 0; width: 220px; }
div #content .block-projects-overview p { font-size: 15px; width: 460px; line-height: 21px; margin: 0 0 0 14px; }
div #content .block-careers-overview p { float: left; font-size: 15px; line-height: 21px; margin: 0 0 14px 14px; width: 480px; }
div #content .block-projects-quicklinks p { font-size: 15px; line-height: 21px; margin: 0 0 0 14px; }
div #content .block-projects-quicklinks ul { margin: 0 0 0 30px; padding: 0; }
div #content .block-projects-quicklinks li { margin: 0; padding: 0; }
div #content .block-projects-quicklinks a { margin: 0; padding: 0; }
div #content .career-spotlight { margin: 3em 0 0 0; padding: 0 0 2em 0; border-top: solid 2px #ccc; background: #e4e8eb; }


div table.layout {}
div table.chart {}
div table.chart tr th { border-top: solid 1px #666; border-bottom: solid 1px #666; }
div table.chart tr th p { font-weight: bold; }
div table.chart tr td { border-top: solid 1px #666; border-bottom: solid 1px #666; }

.shiftright p, .shiftright h3, .shiftright h4, .shiftright h6, .shiftright p.bigger { margin-left: 14px; }