﻿/*------------------------------------------------------------------------------------------------*/
/*-                                            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: #c9c9c9;
}

#wrap {
overflow:hidden;
width:984px;
padding: 0 58px;
margin:0 auto;
background:url(../images/bg-wrap.png) repeat-y 0 0;
}

#bottom-shadow {
margin:0 auto;
width:1100px;
height:30px;
background: url(../images/bg-bottom-shadow.png) no-repeat 0 0;
}

/* ################################### HEADER LAYOUT #################################*/

#header {
 margin: 0 auto;
 width: 984px;
}

#logo {
 float: left
}

#searchContainer {
float: right;
background:url(../images/bg-searchbox-cont.gif) no-repeat 0 0;
width:192px;
}

input.searchBox {
float: left;
border:0;
color: #c7c8ca;
height:18px;
padding:3px;
font-size:13px;
width:148px;
margin:2px 0 0 2px;
}

/* ################################### NAV LAYOUT #################################*/

#navigation-container {
width:984px;
 margin: 0 auto;
overflow:hidden;
}

#navigation {
 overflow:hidden;
 float:left;
}
/* ################################### BREADCRUMB LAYOUT #################################*/

#ctl00_mainarea_breadcrumb {
 float: right;
 padding: 6px 0px 14px 0px;
 width: 723px;
}
/* ################################### PAGE LAYOUT #################################*/

#ctl00_maincontainer {
 width: 984px;
 padding: 15px 0 0 0;
}

#copyarea {padding-bottom:30px;}

#ctl00_mainarea_content1 {
 float: right;
 height:auto !important;
 height: 300px;
 min-height: 300px;
 padding: 0;
 width: 275px;
 margin: 0 0 15px 0;
 border:solid 1px #c7c8ca;
 background: #fef6eb;
}

#ctl00_mainarea_content2 {
background:#e5eff9;
 float: left;
 height:auto !important;
 width: 686px;
 border:solid 1px #c7c8ca;
 padding:1px;
 margin-top:20px;
 overflow:hidden;
}

#ctl00_mainarea_content3 {
 float: right;
 height:auto !important;
 min-height: 280px;
 padding: 0;
 width: 275px;
 background:#ebede0;
 border:solid 1px #c7c8ca;
 
}

#ctl00_mainarea_content3 .homeNewsBox {
width:275px;
text-align:center;
padding:0 0 5px 0;
}

#ctl00_mainarea_content4 {
 float:left;
 height:auto !important;
 height: 230px;
 min-height: 230px;
 width: 690px;
}

#ctl00_mainarea_content5 {
margin-top:20px;
width:690px;
height:auto;
overflow:hidden;
float:left;
}

/*left col copy pages*/
#ctl00_mainarea_content1.copy {
 float: left;
 height:auto !important;
 padding: 0;
 width: 232px;
 margin:20px 0 0 0px;
 background: none;
 border:0;
 overflow:hidden;
}

/*copy page main col*/
#ctl00_mainarea_content3.copy {
 float: right;
 height:auto !important;
 padding: 20px 0 20px 0;
 width: 724px;
 margin: 0;
 background:0;
 border:0;
 overflow:hidden;
}

#ctl00_mainarea_sidemenu {
 padding: 0;
 width: 232px;
 margin-bottom:20px;
}

/*######################################## QUOTE BOXES LAYOUT ##############################*/

.quotes {
 display: block;
 margin: 0;
 padding: 0;
 width: 232px;
overflow:hidden;
}

.quotestop {
 display: block;
 padding: 15px 0px 0px 0px;
 background: none;
}

.quotesmiddle {
 display: block;
 padding: 5px 15px 1px 0;
}

#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/bullet.gif) no-repeat 0 3px;
}

/*######################################## 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 {
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-size:1.3em;
font-weight: bold;
}

#ctl00_mainarea_content3.copy .newsoverview span.newsTitle {
color: #323232;
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;
}

#ctl00_mainarea_content3.copy .pressoverview p {
margin: 10px 0px 5px 0px;
padding:0px;
width:100%;
}


/*########################################FOOTER LAYOUT##############################*/

#footer {
 margin: 0 auto;
 width: 984px;
 border-top:solid 1px #97999c;
 padding: 20px 0;
}
