﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            LAYOUT.CSS                                        -*/
/*-THIS IS USED TO DECLARE LAYOUT ONLY, INCLUDING POSISTIONING AND BACKGROUND STYLING OF ELEMENTS-*/
/*-                           IT DOES NOT DECLARE TEXT OR CONTENT STYLING.                       -*/
/*------------------------------------------------------------------------------------------------*/

body {
 background: url(../images/bg_slice.jpg) repeat-x top left;
}
/* ################################### HEADER LAYOUT #################################*/

#headercontainer {
 background: #fff;
 width: 100%
}

#header {
 background: #fff;
 margin: 0 auto;
 width: 992px
}

#logo {
 float: left
}

#strapline {
 float: right;
 text-align: right;
 padding-top:30px;
width:460px;
}

img.newsletter {
float:left;
margin-top:-20px;
}

#searchContainer {
float: right;
}

.searchBox {
float: left;
border: solid 1px #d9d8d8;
color: #969696;
}

/* ################################### NAV LAYOUT #################################*/

#navigationcontainer {
 background: url(../images/nav_slice.jpg) repeat-x top left;
 width: 100%;
 height:47px;
}

#navigation {
 margin: 0 auto;
 width: 992px
}
/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 float: right;
 padding: 6px 0px 14px 0px;
 width: 723px;
}
/* ################################### PAGE LAYOUT #################################*/

#ctl00_maincontainer {
 margin: 0 auto;
 width: 1004px;
 padding: 15px 22px 0 0px;
}

#copyarea {}

#ctl00_mainarea_content1 {
 background: url(../images/lined_paper.jpg) no-repeat;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 20px 15px 10px 15px;
 width: 241px;
 margin: 10px 0 15px 0;
}

#ctl00_mainarea_content2 {
 background: url(../images/tape.jpg) no-repeat top;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 width: 711px;
 padding: 30px 0 0 0;
}

/*
#ctl00_mainarea_content2 {
 background: url(../images/home-curl.png) no-repeat top;
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 width: 646px;
 padding: 30px 20px 0 45px;
}
*/

#ctl00_mainarea_content3 {
 background: #fff url(../images/paper-staple.jpg) no-repeat;
 float: right;
 height:auto !important;
 height: 280px;
 min-height: 280px;
 padding: 0px 15px 0px 15px;
 width: 241px;
 text-align: justify;
}

#ctl00_mainarea_content3 .homeNewsBox {
width:240px;
text-align:center;
padding:0 0 5px 0;
}

#ctl00_mainarea_homeIndent {
background: #fff; 
float: left; 
margin-left:22px; 
padding-left:23px; 
padding-right:20px;
}

#ctl00_mainarea_content4 {
 float:left;
 height:auto !important;
 height: 200px;
 min-height: 200px;
 width: 697px;
 padding: 0px 0 0 22px;
}

#ctl00_mainarea_content5 {
 background: none;
 float: right;
 height:auto !important;
 height: 198px;
 min-height: 198px;
 padding: 0 0 0 0;
 width: 723px;
 margin: 0 0 10px 0;
}

#ctl00_maincontainer.copy {
 margin: 0 auto;
 width: 982px;
 padding: 5px 5px 0 5px;
}

#ctl00_mainarea_content1.copy {
 float: left;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0px 0px 0px 0px;
 width: 232px;
 margin:20px 0 0 0px;
 background: none;
}

#ctl00_mainarea_content3.copy {
 background: #fff url(../images/copy-curl.jpg) no-repeat top;
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 20px 28px 20px 28px;
 width: 667px;
 margin: 0 0 0 0px;
}

#ctl00_mainarea_sidemenu {
 padding: 0px 0px 0px 0px;
 width: 232px;
 margin-bottom:20px;
}

/*######################################## QUOTE BOXES LAYOUT ##############################*/

.quotes {
 background: url(../images/paper-staple.jpg) no-repeat;
 display: block;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 232px
}

.quotestop {
 display: block;
 padding: 15px 0px 0px 20px;
 background: none;
}

.quotesmiddle {
 background: #fff;
 display: block;
 padding: 5px 15px 1px 15px;
}

#ctl00_mainarea_content1 .quotesmiddle ul {
margin:0px;
padding:15px 0px 10px 0px;
border-top:solid 1px #ccc;
}

#ctl00_mainarea_content1 .quotesmiddle ul li {
margin:0px;
padding:0px 0px 6px 20px;
background: url(../images/arrow_bullet_quote.jpg) no-repeat;
background-position:top left;
}

.quotesbottom {
 border-bottom:solid 1px #ccc;
 display: block;
}


/*######################################## BLOG LAYOUT ##############################*/

#categories {
padding:0px;
}

#categories ul.categories {
 background: none;
 padding:0px 0px 0px 0px;
 margin:0px;
}

#categories ul.categories li {
 background: none;
 padding:0px;
 margin:0px;
}

.blogStory {
border-bottom:solid 1px #ccc;
margin-bottom:15px;
padding-bottom:15px;
}

#topics,
#archive {
background: #fff url(../images/paper-staple.jpg) no-repeat top left;
width:198px;
padding:17px;
margin-bottom:20px;
}

#blogArea p.blogTitle a {
font-family: Georgia;
color:#323232;
font-size:1.55em;
font-weight:normal;
}

#blogArea p.blogComment {
padding: 0px 0px 20px 0px;
margin:0px;
}

#blogArea p.dateTopic {
padding:0px;
margin:0px;
font-size:0.9em;
}

#blogArea p.dateTopic a,
#blogArea p.blogComment a,
#postedOn p.dateTopic a {
color: #d16200;
font-weight:normal;
}

#postedOn {
border-top: solid 1px #ccc;
padding: 5px 0px 0px 0px;
}


table#ctl00_mainarea_ctl05_GridView1 tr.pager a,
table#ctl00_mainarea_ctl05_GridView1 tr.pager span {
color: #252a87;
font-weight:bold;
text-decoration: none;
}

table#ctl00_mainarea_ctl05_GridView1 tr.pager a:hover {
text-decoration: underline;
}

/*######################################## NEWSROOM / PRESS RELEASE LAYOUT ##############################*/

.newsoverview {
 display: block;
 height:auto !important;
 height: 120px;
 margin: 18px 0px 0px 0px;
 min-height: 130px;
 border-bottom:solid 1px #e0e0e0;
}

.newsoverview img {
float:left;
margin-right:25px;
}

#ctl00_mainarea_content3.copy .newsoverview a.newsTitle {
color: #d16200;
font-family: Times, Times New Roman, Georgia;
font-size:1.3em;
font-weight: bold;
}

#ctl00_mainarea_content3.copy .newsoverview span.newsTitle {
color: #323232;
font-family: Times, Times New Roman, Georgia;
font-size:1.2em;
font-weight: bold;
}

#ctl00_mainarea_content3.copy .newsoverview span.sectorLine {
font-size:0.9em;
font-weight: normal;
}

#ctl00_mainarea_content3.copy .newsoverview span.sector {
color: #d16200;
font-size:0.9em;
font-weight: normal;
}

#drop label {
display:block;
float:left;
margin-right:5px;
}

.dropList{
float: left;
margin: 0 3px 0 0;
}

.pressoverview {
 display: block;
  min-height:110px;
  height:110px;
 height:auto !important;
 margin: 18px 0px 0px 0px;
 border-bottom:solid 1px #e0e0e0;
 padding-bottom:20px;
}

#ctl00_mainarea_content3.copy .pressoverview a.downloadPdf {
color: #d16200;
font-size:1em;
font-weight: normal;
padding:0px;
margin: 0px;
float:left
}

#ctl00_mainarea_content3.copy .pressoverview span.pressTitle {
color: #323232;
font-size:1.55em;
font-weight: normal;
font-family: "Georgia", Times, Times New Roman;
}

#ctl00_mainarea_content3.copy .pressoverview p {
margin: 10px 0px 5px 0px;
padding:0px;
width:100%;
}


/*########################################FOOTER LAYOUT##############################*/

#footercontainer {
 width: 100%;
 margin-top:10px;
height:auto;
}

#footer {
 margin: 0 auto;
 width: 982px;
 border-top:solid 5px #ff7800;
 height:auto;
 text-align: center;
 padding:25px 0 30px 0;
overflow:auto;
background:#fff;
}

#copyright {
 width: 982px;
 margin: 10px auto 10px auto;
}