/*GLOBAL LAYOUT*/

body {
    background:#eaeaea; /*temp*/
    text-align:left;
}

strong {
    font-weight:bold;
}

em {
    font-style:italic;
}

#container {
    width:972px;
    margin:30px auto;

}

#header {
    height:110px;
    position:relative;
    background:url(/images/header.png) top left no-repeat;
}

#logo {
    margin:10px;
    float:left;
}

#login {
    float:right;
    font-size:80%;
    padding:6px 100px 6px 50px;
    margin:1px 1px 0 0;
    background:#A12514;
    color:#fff;
    position:relative;
}

#logingreeting {
	color: #fff;
}

.loginbutton {
    color: #000;
    text-decoration:none;
    position:absolute;
    top:6px;
    right:4px;
    display:block;
    float:right;
    background:url(/images/login.png) top left no-repeat;
    padding:4px 0 0 0;
    width:80px;
    text-align:center;
    height:19px;
    margin:-4px -2px -4px 10px;
}

.loginbutton:hover {
	text-decoration:none;
}

#telephone {
    float:right;
    font-size:80%;
    padding:6px 30px 6px 50px;
    background:url(/images/telephone.png) bottom right repeat-x;
    margin:1px -40px 0 0;
    position:relative;
    overflow:hidden;
    font-weight:bold;
}

#telephone_edge {
    background:url(/images/telephone_edge.png) bottom right repeat-x;
    float:left;
    width:40px;
    height:100px;
    position:absolute;
    bottom:0;
    left:0;
}

#telephone a {
    color:#000;
    text-decoration:none;
}

#nav_menu {
    position:absolute;
    bottom:0;
    left:1px;
    width:950px;
    background:url(/images/nav.png) top left repeat-x;
    height:32px;
    padding:0 10px;
    z-index:100;
}

#nav_menu ul {
    list-style:none;
    padding:0;
    margin:0;
}

#nav_menu ul li {
    float:left;
    position:relative;
}

#nav_menu ul li a {
    display:block;
    float:left;
    padding:8px 10px 0 10px;
    height:32px;
    text-decoration:none;
    color:#000;
    font-size:75%;
    font-weight:bold;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    margin-right:-1px;
    position:relative;
    z-index:9998;

}

#nav_menu ul li a:hover {
    background:url(/images/nav_hov.png) top left no-repeat;
    color:#fff;
}

#nav_menu ul li#brand a:hover {
    background:url(/images/nav_hov_bra.png) top left no-repeat;
    color:#fff;
}

#nav_menu ul li#finance a:hover {
    background:url(/images/nav_hov_fin.png) top left no-repeat;
    color:#fff;
}

#nav_menu ul li#governance a:hover {
    background:url(/images/nav_hov_gov.png) top left no-repeat;
    color:#fff;
}


#nav_menu ul li.item_on a {
    background:url(/images/nav_hov.png) top left no-repeat;
    color:#fff;
}

.id_purple #nav_menu ul li.item_on a {
    background:url(/images/nav_hov_bra.png) top left no-repeat;
    color:#fff;
}

.id_blue #nav_menu ul li.item_on a {
    background:url(/images/nav_hov_fin.png) top left no-repeat;
    color:#fff;
}

.id_green #nav_menu ul li.item_on a {
    background:url(/images/nav_hov_gov.png) top left no-repeat;
    color:#fff;
}


#nav_menu li ul   { display: none; position: absolute; top: 0; left: 0; }
#nav_menu li > ul { top: auto; left: auto; }

/* This causes the sublevel to appear as needed */

#nav_menu li:hover ul {
	display: block;
	position: absolute;
	top:32px;
    left:0;
    z-index:9999;

}

#nav_menu li:hover ul li a {
    background:url(/images/nav.png) top left repeat-x;
	height: 22px;
	width: 120px;
    padding:8px 5px 0 5px;
	float: none;
	display: block;
	border: none;
	overflow: hidden;
}

#nav_menu li:hover ul li a:hover {
	background-image: url(/images/id_nav_news_on.gif);
	background-repeat: repeat-x;
	color: white;
}


#content {
  width: 950px;
  padding: 14px 10px 0px 10px;
  background:#fff;
  border-left: 1px solid #7f291b;
  border-right: 1px solid #7f291b;
  /* This used to say auto, which was a cheap hack to fix a CSS bug. That broke
  certain pages (giving them scrollbars). Changing to hidden - it will be
  very obvious for a developer if something he's doing is affected by that so
  seems the safest option */
  overflow: hidden;
}

#footer_nav {
    padding:25px 0 0 0;
    height:30px;
    background:#ccc;
    clear:both;
    font-size:70%;
    color:#aaa;
    background:url(/images/footer.png) top left no-repeat;
}

#footer_nav a {
    color:#666;
}

#footer_nav a:hover {
    color:#7F291B;
}

/*BLOCKS*/

.headline h1, .headline h2, .headline h3, .headline h4, .headline h5 {
    padding:6px 0;
    color:#7F291B;
    font-weight:bold;
    font-size:120%;
    border-bottom:1px dotted #7F291B;
}

.text {
    font-size:80%;
}

.text p {
    margin:10px 0;
}

.text ul {
    margin:10px 20px;
	padding:0;
    list-style-image:url(/images/bullet.png);
}

.text ul li, .text ol li {
    margin:2px 0;
}

.text ol {
    margin:10px 20px;
}

.text a {
    color:#7F291B;
    text-decoration:none;
    border-bottom:1px dotted #7F291B;
}

.section_link {
    background:#C4C6C9 url(/images/section_link.png) bottom left no-repeat;
    min-height:60px; /*temp*/
    font-size:80%;
    color:#000;
}

.section_link a {
    color:#7F291B;
}

.section_link h3 {
    display:block;
    background:url(/images/section_link_head.png) top left no-repeat;
    height:3em;
    padding:5px 8px;
    margin-bottom:-10px;
    font-weight:bold;
    color:#000;
    text-decoration:none;
}

.section_link h3 a {
    display:block;
    font-weight:bold;
    color:#555;
    text-decoration:none;
}

.section_link p {
 font-size:80%;
 margin:5px 8px;
}

.section_link_bra {
    background:#715096 url(/images/section_link_bra.png) bottom left no-repeat;
    color:#fff;
}

.section_link_fin {
    background:#2B72AE url(/images/section_link_fin.png) bottom left no-repeat;
    color:#fff;
}

.section_link_gov {
    background:#459741 url(/images/section_link_gov.png) bottom left no-repeat;
    color:#fff;
}

.section_link_mdb {
    background:#fff url(/images/section_link_mdb.png) bottom left no-repeat;
}

.section_link_bra p, .section_link_fin p, .section_link_gov p {
    color:#fff;
}

.section_link_bra h3  {
    background:#715096 url(/images/section_link_head_bra.png) top left no-repeat;
}

.section_link_fin h3  {
    background:#2B72AE url(/images/section_link_head_fin.png) top left no-repeat;
}

.section_link_gov h3  {
    background:#459741 url(/images/section_link_head_gov.png) top left no-repeat;
}

.section_link_mdb h3 {
    background:#fff url(/images/section_link_head_mdb.png) top left no-repeat;
    height:60px;
    padding:5px 8px;
    margin-bottom:5px;
    text-indent:-9999px;
}

.section_link_gov h3 a, .section_link_bra h3 a, .section_link_fin h3 a {
    color:#fff;
}

.picture {
    min-height:200px; /*temp*/
}

.caption {
    font-size:70%;
    padding:10px;

}

.span-3 .picture {
    padding:10px;
    background:url(/images/picture_3.png) top left no-repeat;
}

.span-3 .caption {
    background:url(/images/caption_3.png) bottom left no-repeat;
    margin:0 0 -10px -10px;
}

.span-4 .picture {
    background:url(/images/picture_4.png) top left no-repeat;
    padding:10px;
}

.span-4 .caption {
    background:url(/images/caption_4.png) bottom left no-repeat;
    margin:0 0 -10px -10px;
}

a.link {
    display:block;
    height:20px;
    padding:5px 2px 0 8px;
    color:#fff;
    text-decoration:none;
    font-size:80%;
}

.span-2 a.link {
    background:url(/images/red_squircle_300x25.png) top left no-repeat;
    width:290px;
}

.span-1_medium a.link {
    background:url(/images/red_squircle_200x25.png) top left no-repeat;
    width:190px;
}

.span-1 a.link {
    background:url(/images/red_squircle_150x25.png) top left no-repeat;
    width:140px;
}

#content .headline, #content .text, #content .section_link, #content .picture, #content .link, #content .box {
    margin-bottom:10px;
}

.id_purple .headline h2 {
    color:#715096;
    border-color:#715096;
}

.id_green .headline h2 {
    color:#459741;
    border-color:#459741;
}

.id_blue .headline h2 {
    color:#2B72AE;
    border-color:#2B72AE;
}

.id_purple .span-2 a.link {
    background:url(/images/link2_bra.png) top left no-repeat;
}

.id_purple .span-1 a.link {
    background:url(/images/link_bra.png) top left no-repeat;
}

.id_blue .span-2 a.link {
    background:url(/images/link2_fin.png) top left no-repeat;
}

.id_blue .span-1 a.link {
    background:url(/images/link_fin.png) top left no-repeat;
}

.id_green .span-2 a.link {
    background:url(/images/link2_gov.png) top left no-repeat;
}

.id_green .span-1 a.link {
    background:url(/images/link_gov.png) top left no-repeat;
}

.id_purple .text ul {
    list-style-image:url(/images/bullet_bra.png);
}

.id_green .text ul {
    list-style-image:url(/images/bullet_gov.png);
}

.id_blue .text ul {
    list-style-image:url(/images/bullet_fin.png);
}

.id_purple .text a {
    color:#715096;
    border-color:#715096;
}

.id_green .text a {
    color:#459741;
    border-color:#459741;
}

.id_blue .text a {
    color:#2B72AE;
    border-color:#2B72AE;
}

/*FRAMEWORK*/

/* Sets up basic grid floating and margin. */
.column, div.span-1,  div.span-1_medium, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6 {
  float: left;
  margin: 0 10px 0 0;
  display:inline;
}


/* The last column in a row needs this class. */
.last, div.last {
    margin-right: 0px;
}

/* Use these classes to set the width of a column. */
.span-1 {width: 150px;}
.span-1_medium {width: 200px;}
.span-2 {width: 310px;}
.span-3 {width: 460px;}
.span-4 {width: 630px;}
.span-5 {width: 790px;}
.span-6, div.span-6 {width: 950px; margin: 0;}


/* Add these to a column to append empty cols. */

.append-1 { padding-right: 160px;}
.append-2 { padding-right: 320px;}
.append-3 { padding-right: 480px;}
.append-4 { padding-right: 640px;}
.append-5 { padding-right: 800px;}


/* Add these to a column to prepend empty cols. */

.prepend-1 { padding-left: 160px;}
.prepend-2 { padding-left: 320px;}
.prepend-3 { padding-left: 480px;}
.prepend-4 { padding-left: 640px;}
.prepend-5 { padding-left: 800px;}


/* Border on right hand side of a column. */
div.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
div.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the
next column, or to pull it into the previous column.  */

.pull-1 { margin-left: -160px; }
.pull-2 { margin-left: -320px; }
.pull-3 { margin-left: -480px; }
.pull-4 { margin-left: -640px; }
.pull-5 { margin-left: -800px; }
.pull-6 { margin-left: -960px; }


.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6 {float: left; position:relative;}


.push-1 { margin: 0 -160px 1.5em 40px; }
.push-2 { margin: 0 -320px 1.5em 80px; }
.push-3 { margin: 0 -480px 1.5em 120px; }
.push-4 { margin: 0 -640px 1.5em 160px; }
.push-5 { margin: 0 -800px 1.5em 200px; }
.push-6 { margin: 0 -960px 1.5em 240px; }


div.push-1, div.push-2, div.push-3, div.push-4, div.push-5, div.push-6 {float: right; position:relative;}

.clear { clear:both; }
.clear-right { clear:right; }
.clear-left { clear:left; }

.box h3 a {
    float:left;
    padding:90px 10px 0 0;
    width:90px;
    text-align:center;
    font-weight:bold;
    color:#222;
    width:158px;
    cursor:pointer;
    height:160px;
    font-size:90%;
    text-decoration:none;
}

.box h3 a.selected {
    background:url(/images/arrow.png) 0px 108px no-repeat;
}

.box h3 a em {
    font-size:180%;
}

.box .text {
    position:absolute;
    width:230px;
    padding-right:50px;
    clear:right;
    height:100%;
    background:#000;
    top:0;
    left:400px;
	display:none;

}

.box .text p {
    margin:10px;
    color:#fff;
}

.box1{
    background:#ee662e url(/images/box1.png) top left repeat-y;
}
.box2{
    background:#fd9c0b url(/images/box2.png) top left repeat-y;
}
.box3{
    background:#e2c20c url(/images/box3.png) top left repeat-y;
}
.box4{
    background:#7fa22b url(/images/box4.png) top left repeat-y;
}
.box5{
    background:#52892b url(/images/box5.png) top left repeat-y;
}
.box {
    position:relative;
}

.error {
    padding: .8em;
    margin-bottom: 1em;
    border: 1px solid #932611;
    background: #FBE3E4;
    color: #932611;
	font-weight:bold;
}

#table_news {
	width:100%;
}

#table_news tr {
    border-bottom:1px dotted #C4C6C9;
}

#table_news tr td {
    padding:7px 5px;
}

.text table {
	border:none;
}

#publication_list {
	font-size:71%;
	width:950px;
}