/* ------------------- Polycorp - Transportation Stylesheet --------------------- */

body {
background-image: url(/transportation/images/background_repeater.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #fff;
font-family: "Trebuchet ms", verdana, sans-serif;
}

a:link {color: #1a8dd9; text-decoration: underline;}
a:visited {color: #1a8dd9; text-decoration: underline;}
a:hover {color: #c88800; text-decoration: underline;}

blockquote {
width: 92%;
float: left;
font-family: "Times New Roman",Times,serif;
margin: 10px 20px 20px 0;
padding: 20px;
background: none repeat scroll 0 0 #eee;
border-left: 3px solid #ccc;
text-shadow: 1px 1px #fff;
font-style: italic;
}

blockquote p {

font-size: 16px !important;
line-height: 25px !important;
}

/* -------------- START Sticky Footer CSS ------------- */

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {
width: 1005px;
margin: 0 auto;
padding-bottom: 140px; /* must be same height as the footer */
}  

#footer {position: relative;
	margin-top: -140px; /* negative value of footer height */
	height: 140px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* --------------- END Sticky Footer CSS ----------------- */


.clearboth {
clear: both;
}

/* ---------- Top Logo Area ------------ */

#logo-area {
width: 1005px;
height: 100px;
margin: 0;
background-image: url(/transportation/images/logo_banner.jpg);
background-repeat: no-repeat;
background-position: top left;
}

.logo-transp {
float: left;
margin: 25px 0 0 30px;
}

#logo-nav-holder {
width: 700px;
float: right;
margin: 0;
text-align: right;
}

/* --- Small Top Nav --- */

#small-nav {
margin: 0;
padding: 28px 20px 0 0;
font-size: 12px;
}

#small-nav li {
display: inline;
list-style-type: none;
padding-right: 15px;
}

#small-nav a:link {color: #07468d; text-decoration: none;}
#small-nav a:visited {color: #07468d; text-decoration: none;}
#small-nav a:hover {color: #000; text-decoration: none;}

/* --- Secondary Nav --- */

#secondary-nav {
margin: 0;
padding: 22px 35px 0 0;
font-size: 14px;
font-weight: bold;
}

#secondary-nav li {
display: inline;
list-style-type: none;
padding-left: 25px;
}

#secondary-nav a:link {color: #0b67a1; text-decoration: none;}
#secondary-nav a:visited {color: #0b67a1; text-decoration: none;}
#secondary-nav a:hover {color: #000; text-decoration: none;}

#secondary-nav a:link#current, #secondary-nav a:visited#current, #secondary-nav a:hover {
color: #000; text-decoration: none;
}


/* --------------- HOME PAGE --------------- */

/* ------ Black Banner Area ------ */

#top-black-banner {
width: 1005px;
height: 5px;
margin: 0;
background-image: url(/transportation/images/top_black_banner.gif);
background-repeat: no-repeat;
}

#black-banner {
width: 1005px;
height: 305px;
background-image: url(/transportation/images/black_banner_backgrnd.jpg);
background-repeat: no-repeat;
}

#bot-black-banner {
width: 1005px;
height: 25px;
margin: 0;
background-image: url(/transportation/images/bot_black_banner.gif);
background-repeat: no-repeat;
}

#black-banner-left {
float: left;
width: 310px;
margin: 20px 0 0 45px;
display: inline; /* <-- Used for IE 6 */
}

#black-banner-right {
float:right;
width: 608px;
margin: 0 25px 0 0;
display: inline; /* <-- Used for IE 6 */
}

#black-banner-left h1 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 30px;
color: #fff;
margin: 0 0 5px 0;
font-weight: normal;
}

#black-banner-left p {
color: #dbdbdb;
font-size: 14px;
margin: 0 0 15px 0;
line-height: 18px;
}

/* --------- Home Page Panels ------------ */

/* Left Panels Area */

#grey-panel-holder {
width: 645px;
float: left;
margin: 0 0 20px 0;
padding: 0 0 0 15px;
display: inline;
}

.grey-panel {
width: 311px;
float: left;
background-image: url(/transportation/images/grey_panel.gif);
background-repeat: no-repeat;
margin: 0 5px 10px 0;
}

.panel-title {
font-size: 16px;
font-weight: bold;
color: #303030;
margin: 25px 0 4px 25px;
line-height: 14px;
}

.panel-text {
font-size: 13px;
color: #303030;
line-height: 16px;
margin: 0 20px 5px 25px;
}

.panel-text-link {
font-size: 13px;
color: #303030;
margin: 0 0 30px 25px;
}

.panel-text-link a:link {color: #1a8dd9; text-decoration: underline;}
.panel-text-link a:visited {color: #1a8dd9; text-decoration: underline;}
.panel-text-link a:hover {color: #c88800; text-decoration: underline;}

.shift-img {
float: right;
margin: 16px 16px 10px 10px;
}


/* Right Panel Area */

#right-panel-area {
width: 310px;
float: right;
margin: 10px 20px 0 0;
display: inline;
}

#request-contact {
width: 290px;
margin: 0;
padding: 0;
display: inline;
float:right;
}

#request-contact .right-panel-title {
font-size: 16px;
font-weight: bold;
color: #303030;
margin: 0;
}

#request-contact .right-panel-text {
font-size: 13px;
color: #303030;
line-height: 16px;
margin: 0;
}

#request-contact .right-panel-link {
font-size: 13px;
color: #303030;
margin: 5px 0 30px 0;
}

.right-panel-link a:link {color: #1a8dd9; text-decoration: underline;}
.right-panel-link a:visited {color: #1a8dd9; text-decoration: underline;}
.right-panel-link a:hover {color: #c88800; text-decoration: underline;}

.seperator {
width: 100%;
height: 1px;
background-color: #e3e3e3;
margin: 20px 0 20px 0;
}


/* --------------------------------- INSIDE PAGES ----------------------------------- */

#inside-black-banner {
width: 1005px;
height: 173px;
margin: 0;
background-image: url(/transportation/images/inside_black_banner.jpg);
background-repeat: no-repeat;
}

#inside-left-col {
width: 610px;
float: left;
margin: 0 0 0 45px;
display: inline;
}

#inside-left-col-wide {  /* <---- Use this element for pages like "Site Map" which need the entire width of page */
width: 900px;
float: left;
margin: 0 0 0 45px;
display: inline;
}

#inside-right-col {
width: 310px;
float: right;
margin: 0 25px 0 0;
display: inline;
}

#inside-left-col .inside-title {
font-size: 20px;
font-weight: bold;
color: #303030;
margin: 0 0 5px 0;
}

#inside-left-col p {
font-size: 13px;
color: #303030;
line-height: 16px;
margin: 0 0 10px 0;
}

.inside-img-shift {
float: right;
margin: 0 0 15px 15px;
}

.bulletlist {
margin: 0 0 0 30px;
padding: 0;
}

.bulletlist li {
font-size: 13px;
color: #303030;
line-height: 16px;
padding: 0 0 10px 0;
}

/* -- Right Column Items -- */

#inside-right-col p {
font-size: 13px;
color: #191919;
line-height: 16px;
margin: 0 0 10px 0;
}

#blue-panel {
width: 257px;
height:auto !important;  /* <--- Using a fix here for min-height in IE6  */
height:207px;
min-height: 207px;
background-image: url(/transportation/images/blue_panel_backgrnd.jpg);
background-repeat: no-repeat;
background-position: top;
margin: 0;
padding: 20px;
}

#blue-panel p {
font-size: 13px;
color: #191919;
line-height: 16px;
margin: 0 0 10px 0;
}

#blue-panel .small {
font-size: 11px !important;
}

#blue-panel-bot {
width: 297px;
height: 33px;
background-image: url(/transportation/images/rightcol_blue_bot.gif);
background-repeat: no-repeat;
margin: 0;
}

#right-panel-one {
width: 257px;
margin: 0;
padding: 20px;
}

#inside-right-col .blue-title {
font-size: 18px;
font-weight: bold;
margin: 0 0 5px 0;
color: #0d67a2;
}

#inside-right-col .large-text {
font-size: 24px;
}

#right-panel-two {
width: 257px;
margin: 0 0 20px 0;
padding: 20px;
background-image:url(/transportation/images/right_col_grey_repeater.gif);
background-repeat: repeat-x;
background-position: top;
}

#inside-right-col .black-title {
font-size: 18px;
font-weight: bold;
margin: 0 0 5px 0;
color: #2e2e2e;
}

/* ---- Inside Inside Pages ----- */

#top-black-inside-banner {
width: 1005px;
height: 14px;
margin: 0;
background-image: url(/transportation/images/top_black_inside_banner.gif);
background-repeat: no-repeat;
}

#inside-left-col .breadcrumbs {
font-size: 13px;
margin: 15px 0 25px 0;
padding: 0;
}

#inside-left-col .inside-inside-title, #inside-left-col-wide .inside-inside-title {
font-size: 30px;
font-weight: bold;
color: #303030;
margin: 0 0 12px 0;
line-height: 28px;
}

.img-box {
width: 284px;
float: right;
border: 5px solid #c1c1c1;
margin: 20px 0 0 0;
padding: 0;
}

.divider {
width: 100%;
height: 1px;
border-top: 1px solid #ddd;
margin: 15px 0 15px 0;
}

/* Get Adobe */

#adobebox {
width: 300px;
border: 1px dashed #cdcdcd;
background-color: #f7f7f7;
padding: 10px;
margin: 0 0 15px 0;
text-align: left;
font-size: 10px;
}

.adobetxt {
margin: 0;
font-size: 10px;
line-height: 14px;
}

/* ------- Resources Page Styles ------- */

#inside-left-col .pubtitle {
margin: 0 0 4px 0;
font-size: 16px;
font-weight: bold;
color: #303030;
}

#inside-left-col .pubdetails {
margin: 0;
font-size: 13px;
color: #303030;
line-height: 18px;
}

#inside-left-col .resourcelist {
margin: 10px 0 30px 0;
line-height: 20px;
color: #a1a1a1;
}

#inside-left-col .shifticon {
position: relative; top: 3px;
padding: 0 5px 0 0;
}

#inside-left-col .enlarge {
font-size: 11px;
color: #999;
margin: 0;
text-align: center;
}

.no-underline  {text-decoration: none !important;}


/* Site Map Page */

.sitemap {
width: 200px;
padding: 0 0 0 15px;
margin: 0 0 40px 0;
font-size: 16px;
float: left;
border-left: 1px solid #d5d5d5;
}
.sitemap li {
list-style: none;
padding: 0 0 2px 0;
}
.sitemap li ul {
font-size: 14px;
padding: 5px 0 4px 10px;
}
.sitemap li ul li ul li {
font-size: 12px;
padding: 0 0 0 12px;
background: url(/images/bullet.gif) no-repeat 0 50%;
}


/* ------------  Footer Area --------------- */


#footer {
width: 100%;
height: 140px;
background-image: url(/transportation/images/footer_repeater.gif);
background-position: top;
background-repeat: repeat-x;
background-color: #f8f8f8;
}

#footer-holder {
width: 965px;
margin: 0 auto;
}

#footer-logos-holder {
width: 550px;
height: 55px;
float: left;
margin: 35px 0 0 0;
padding: 0;
background-image: url(/transportation/images/footer_logos.gif);
background-repeat: no-repeat;
}

#footer-logos-holder p {
font-size: 11px;
color: #989898;
margin: 20px 0 0 190px;
padding: 0;
}

#footer-nav-holder {
width: 400px;
float: right;
margin: 35px 0 0 0;
text-align: right;
}

#footer-nav {
padding: 20px 0 0 0;
font-size: 11px;
}

#footer-nav li {
display: inline;
list-style-type: none;
padding-right: 10px;
}

#footer-nav a:link, #footer-logos-holder a:link {color: #989898; text-decoration: none;}
#footer-nav a:visited, #footer-logos-holder a:visited {color: #989898; text-decoration: none;}
#footer-nav a:hover, #footer-logos-holder a:hover {color: #000; text-decoration: none;}