/*
----------------------------------------------- 
International Charter 'Space and Major Disasters' UK
Author:www.imaginet.co.uk 
Version:18 May 2009 
----------------------------------------------- */


/* Global Styles 
----------------------------------------------- */

* { 
   padding:0; 
   margin:0; 
}
a {
   text-decoration:underline;
   color:#a2cb00;
   font-weight:bold;
}
a:hover {
   color:#a2cb00;
   text-decoration:none;
   font-weight:bold;
}
a img {
   border:none;
}

ul {
   list-style-type:none; 
}
table {
   font-size:1em; 
}
.breaker { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
}

.breaker_room { 
   clear:both; 
   width:100%; 
   height:1px; 
   font-size:0.1em; 
   overflow:hidden; 
   margin:0 0 20px 0;
   padding:20px 0 0 0;
   border-bottom:1px solid #aca888;
}

.none {
   display:none;
}
.alert {
   color:#f00;
}

p {
   margin:0 0 1.5em 0;
   line-height:1.5em;
}

span.credit {
   font-size:0.8em;
   color:#999;
}

/* Page Structure 
----------------------------------------------- */

html body {
   background:#4f96ca url(graphics/dmcbg.jpg) repeat-x;
   color:#000;
   text-align:center;
   font:62.5% Verdana, Arial, Helvetica, sans-serif;
   margin:26px 0 0 0;
}

#masthead {
   width:940px;
   margin:0 auto;
}

#topnav {
   width:940px;
   margin:0 auto;
   background:#ededed url(graphics/topnavbg.jpg) repeat-x top center;
}

#images {
   width:750px;
   margin:0 23px;
   padding:0;
}
#images img {
   border-bottom:3px solid #719f80;
}

#page {
   width:940px;
   margin:0 auto;
   background-color:#fff;
   font-size:1.3em;
   padding:0 10px;
}
#line {
   width:940px;
   margin:0 auto;
   background:url(graphics/line_home.jpg) no-repeat top center;
   
}
#footer {
   width:940px;
   margin:0 auto;
   
}


/* TopNav
----------------------------------------------- */

#topnav ul li {
   float:left;
}

#topnav ul li a {
   color:#000;
   text-decoration:none;
   display:block;
   height:35px;
   text-indent:-9999px;
}

#topnav ul li a.home {
   background:url(graphics/home.jpg) no-repeat 0 0;
   width:111px;
}

#topnav ul li a.home_on, #topnav ul li a.home:hover {
   background:url(graphics/home_on.jpg) no-repeat 0 0;
   width:111px;
}

#topnav ul li a.about {
   background:url(graphics/about.jpg) no-repeat 0 0;
   width:212px;
}

#topnav ul li a.about_on, #topnav ul li a.about:hover {
   background:url(graphics/about_on.jpg) no-repeat 0 0;
   width:212px;
}

#topnav ul li a.role {
   background:url(graphics/ukrole.jpg) no-repeat 0 0;
   width:114px;
}
#topnav ul li a.role_on, #topnav ul li a.role:hover {
   background:url(graphics/ukrole_on.jpg) no-repeat 0 0;
   width:114px;
}

#topnav ul li a.disasters {
   background:url(graphics/ukdisaster.jpg) no-repeat 0 0;
   width:154px;
}
#topnav ul li a.disasters_on, #topnav ul li a.disasters:hover {
   background:url(graphics/ukdisaster_on.jpg) no-repeat 0 0;
   width:154px;
}

#topnav ul li a.news {
   background:url(graphics/news.jpg) no-repeat 0 0;
   width:93px;
}
#topnav ul li a.news_on, #topnav ul li a.news:hover {
   background:url(graphics/news_on.jpg) no-repeat 0 0;
   width:93px;
}

#topnav ul li a.press {
   background:url(graphics/press.jpg) no-repeat 0 0;
   width:91px;
}
#topnav ul li a.press_on, #topnav ul li a.press:hover {
   background:url(graphics/press_on.jpg) no-repeat 0 0;
   width:91px;
}

#topnav ul li a.contact {
   background:url(graphics/contact.jpg) no-repeat 0 0;
   width:165px;
}
#topnav ul li a.contact_on, #topnav ul li a.contact:hover {
   background:url(graphics/contact_on.jpg) no-repeat 0 0;
   width:165px;
}


/* Page
----------------------------------------------- */

#page .leftcol {
   float:left;
   width:316px;
   text-align:left;
}



#page .rightcol {
   float:right;
   width:624px;
   text-align:left;
}

#page .leftcol .pad {
  padding:20px 0 0 0;
}

#page .leftcol .pad p {
  padding:14px 10px 4px 10px;
}

#page .rightcol .pad {
  padding:20px 0 0 10px;
}


#page .left_contentcol {
   float:left;
   width:623px;
   text-align:left;
   border-right:#e1e1e1 1px solid;
   margin:20px 0;
}

#page .right_contentcol {
   float:right;
   width:316px;
   text-align:left;
   margin:20px 0;
}

#page .contentcol {
   text-align:left;
   margin:20px 0;
}

#page .right_contentcol a {
   color:#2069b6;
}



#page .contentcol .pad {
  padding:10px;
}
#page .contentcol #content_left {
  float:left;
  width:440px;
}
#page .contentcol #content_right {
  float:right;
  width:440px;
}
#page .left_contentcol .pad {
  padding:10px 20px 10px 10px;
}

#page .right_contentcol .pad {
  padding:10px 10px 10px 20px;
}

#subnav {
   background-color:#2069b6;
   padding:5px 0 8px 0;
   color:#fff;
}

.boxout {
   background-color:#f30028;
   color:#fff;
   margin:0 0 20px 0;
}

.boxout .col {
padding:10px;
}

.boxout h3 {
   color:#fff;
   font-size:1.2em;
}

#subnav ul li {
   display:inline;
    font-size:0.85em;
}

#subnav ul li a {
   color:#fff;
   font-weight:normal;
   text-decoration:none;
   padding:0 5px;
}

#subnav ul li a:hover {
   text-decoration:underline;
}

/* News
----------------------------------------------- */


#news h2 a, #sitemap h2 a {

text-decoration:none;
}

#news h2 a:hover, #sitemap h2 a:hover {
text-decoration:underline;
}

#news p.date {
margin:0;
border-top:1px solid #dbd3bb;
padding:10px 0 0 0;
font-weight:bold;
}

.pagenav {
padding:10px 0;
}

/* Team
----------------------------------------------- */


.team {
  padding-bottom:40px;
}


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

#footer .col {
   color:#fff;
   font-size:1.2em;
   font-weight:bold;
   padding:20px 0;
}


.newslist {
   float:left;
   width:296px;
   padding:25px 0 0 0;
}

.newsitem {
   margin:14px 0;
}

.newsitem .left {
   float:left;
   width:75px;
}

.newsitem .right {
   float:right;
   width:208px;
}

.partners {
   float:right;
   width:296px;
   padding:25px 0 0 0;
}

.partners .left {
   float:left;
   width:75px;
}
.partners .right {
   float:right;
   width:208px;
}

/* Inline Images
----------------------------------------------- */

img.left1, img.left2 {
   float:left;
   margin:0 15px 5px 0;
}
img.right1, img.right2 {
   float:right;
   margin:0 0 5px 15px;
}
img.left2, img.right2 {
   border:1px solid #000;
}
img.none2 {
   float:none;
   border:1px solid #000;
}
img.none1 {
   float:none;
   border:none;
}




/* Content   
----------------------------------------------- */

hr {
   font-size:0.01em;
   color:#fff;
   height:1px;
   margin:0 0 1em 0;
   border-width:1px 0 0 0;
   border-color:#ccc;
   border-style:dotted;
}
h1 {
   color:#94b900;
}

h1 {
   font-size:2.4em;
   font-weight:bold;
   margin:0 0 0.5em 0;
   padding:0 0 0.3em 0;
   text-transform:uppercase;
}

h2 {
   font-size:1.8em;
   margin:0 0 0.8em 0;
   font-weight:100;
   color:#2069b6;
   font-weight:bold;
}

h2 a, h2 a:hover {
   color:#2069b6;
}
h3 {
   font-size:1.4em;
   margin:0 0 1em 0;
   font-weight:100;
   color:#2069b6;
}
h4 {
   font-size:1em;
   margin:0 0 1em 0;
}
div.left_contentcol ul {
   list-style-type:none; 
   line-height:1.5em;
   margin:0 0 1em 0;
}
div.left_contentcol ul li {
   background-image:url("graphics/arrow.gif");
   background-repeat:no-repeat;
   background-position:2px 5px;
   padding:0 10px 0 20px;
   margin:0 0 1em 0;
}

div.left_contentcol ul li a {
   text-decoration:underline;
}

div.left_contentcol table {
border:1px solid #ccc;
}

div.left_contentcol table.noborder {
border:none;
}

div.left_contentcol td {
padding:10px;
}

ol {
   padding:0 0 0 40px;
}
ol li {
   padding-bottom:1em;
}
ol li a {
   text-decoration:underline;
}
ol.alpha {
   list-style-type:lower-alpha
}

a.blue {
   text-decoration:underline;
   color:#2069b6;
   font-weight:bold;
}
a.blue:hover {
   color:#2069b6;
   text-decoration:none;
   font-weight:bold;
}