/* ------------------- Polycorp - WWW HOME Stylesheet --------------------- */

body {
background-image: url(/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;}


/* -------------- 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(/images/logo_banner.jpg);
background-repeat: no-repeat;
background-position: top left;
}

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

/* --- Top Right Area --- */

#top-right-holder {
width: 460px;
float: right;
margin: 27px 25px 0 0;
text-align: left;
}

#top-right-holder p {
font-size: 13px;
line-height: 16px;
color: #464646;
margin: 0;
}

#top-right-holder .www-title {
font-size: 20px;
font-family: Georgia, "Times New Roman", Times, serif;
color: #000;
margin: 0 0 3px 0;
}


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

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

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

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

/* Flash Area */

#flash-holder {
width: 949px;
height: 190px;
margin: 0 0 0 25px;
padding: 0 0 0 0;
}

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


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

/* Left Panels Area */

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

.grey-panel {
width: 630px; /* <-- Original value is 655px before the padding */
background-image: url(/images/grey_panel_backgrnd.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0 0 0 25px;
}

.grey-panel-bot {
width: 655px;
height: 18px;
margin: 0 0 5px 0;
background-image: url(/images/grey_panel_bot.gif);
background-repeat: no-repeat;
}


/* ------ Grey Panel columns ------ */

/* Industy Panel */

.col-left {
width: 190px;
float: left;
margin: 0 20px 0 0;
}

.col-end {
width: 175px;
float: left;
margin: 0;
}

.blue-title {
font-size: 14px;
font-weight: bold;
margin: 0;
padding: 22px 0 5px 0;
color: #4172b5;
}

.col-left p, .col-end p {
font-size: 13px;
color: #3e3e3e;
line-height: 16px;
}

.shift-text-up {
padding: 3px 0 0 0;
}

.shift-text-down {
padding: 0 0 2px 0;
}

.bold {
font-weight: bold;
}

.invisilink a:link {color: #000; text-decoration: none;}
.invisilink a:visited {color: #000; text-decoration: none;}
.invisilink a:hover {color: #000; text-decoration: none;}

.invisilink-blue a:link {color: #4172b5; text-decoration: none;}
.invisilink-blue a:visited {color: #4172b5; text-decoration: none;}
.invisilink-blue a:hover {color: #4172b5; text-decoration: none;}

/* Corporate Panel */

#col-wide {
width: 355px; /* <-- Original value is 390px before padding */
float: left;
display: inline;
margin: 25px 0 0 0;
padding: 0;
}

#col-wide p {
font-size: 13px;
color: #3e3e3e;
line-height: 16px;
}

#col-wide .blue-title {
font-size: 16px;
font-weight: bold;
margin: 0;
padding: 10px 0 5px 0;
color: #4172b5;
}

#col-image {
width: 210px;
height: 140px; /* <-- Change height if necessary */
float: right;
display: inline;
margin: 25px 14px 0 0;
background-image: url(/images/president_pic.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

#col-image p {
font-size: 12px;
color: #3e3e3e;
line-height: 14px;
padding: 52px 0 0 12px;  /* <-- Change these values when changing the height above */
}


/* ------------ Right Panel Area ------------- */

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

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

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

.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;
}


/* ---- What's New Area ---- */

.rightside-title {
font-size: 15px !important;
color: #000;
font-weight: bold;
margin: 0 0 15px 0;
}

#whatsnew-list {
margin-left: 0;
padding-left: 0;
list-style: none;
font-size: 13px;
}

#whatsnew-list li {
padding: 0 0 15px 20px;
background-image: url(/images/icon_whatsnew.gif);
background-repeat: no-repeat;
background-position: 0 .1em;
line-height: 15px;
}

#right-panel-area p {
font-size: 14px;
color: #1e1e1e;
}


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


#footer {
width: 100%;
height: 140px;
background-image: url(/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(/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;}