/* generic styles *******************************************/
body{
background:#E7E7E8;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:70%;
line-height:1.2em;
text-align:center;
}
a:link,a:visited{
text-decoration:none;
}
img{
border:0;
}
h1{
margin:0;
padding:0;
}
br.clearall{
clear:both;
}
#wrapper{
margin:0 auto;
text-align:center;
width:984px;
}
#maincontent{
float:left;
margin-bottom:5px;
}
.clear{
clear:both;
font-size:0px;
height:0px;
line-height:0px;
}
.floatleft{
float:left;
}
.floatright{
float:right;
}
/* header *******************************************/
#header{
background:url(../_template/header_seperator.gif) bottom left repeat-x;
float:left;
line-height:1em;
margin-bottom:5px;
padding-bottom:15px;
text-align:left;
width:984px;
}
#header #masthead div{
float:left;
}
#header #masthead #logo{
margin-right:5px;
}
#header .form .searchform,#header .form .name{
float:left;
margin:0 0 5px 0;
}
#header .form .searchform{
background:url(../_template/search_bg.gif) bottom left repeat-x;
margin:0 5px 0 0;
padding:0 0 5px 0;
width:214px;
}
#header .form .name{
width:765px;
}
#header .form .searchform input.search{
margin:0 0 3px 0;
width:139px;
}
#header .form .searchform input.submit{
background:#E7E7E8;
color:#000000;
font-size:9px;
font-weight:bold;
margin:0 0 3px 5px;
width:60px;
}
/* header navigation *************************************************/
#navigation{
float:left;
}
#navigation ul{
height:55px;
list-style-type:none;
margin:5px 0;
padding:0;
}
#navigation ul li{
float:left;
list-style-type:none;
}
#navigation ul li a{
background:top left no-repeat;
display:block;
float:left;
height:55px;
text-indent:-9999px;
}
#navigation ul li a.who{
background:url(../_template/navigation/who_we_are1.gif) no-repeat;
width:98px;
}
#navigation ul li a.who:hover{
background:url(../_template/navigation/who_we_are2.gif) no-repeat;
width:98px;
}
#navigation ul li a.whoactive{
background:url(../_template/navigation/who_we_are2.gif) no-repeat;
width:98px;
}
#navigation ul li a.what{
background:url(../_template/navigation/what_we_do1.gif) no-repeat;
width:108px;
}
#navigation ul li a.what:hover{
background:url(../_template/navigation/what_we_do2.gif) no-repeat;
width:108px;
}
#navigation ul li a.whatactive{
background:url(../_template/navigation/what_we_do2.gif) no-repeat;
width:108px;
}
#navigation ul li a.resources{
background:url(../_template/navigation/resources1.gif) no-repeat;
width:108px;
}
#navigation ul li a.resources:hover{
background:url(../_template/navigation/resources2.gif) no-repeat;
width:108px;
}
#navigation ul li a.resourcesactive{
background:url(../_template/navigation/resources2.gif) no-repeat;
width:108px;
}
#navigation ul li a.Emergency_Management_Sector{
background:url(../_template/navigation/Emergency_Management_Sector1.gif) no-repeat;
width:108px;
}
#navigation ul li a.Emergency_Management_Sector:hover{
background:url(../_template/navigation/Emergency_Management_Sector2.gif) no-repeat;
width:108px;
}
#navigation ul li a.Emergency_Management_Sectoractive{
background:url(../_template/navigation/Emergency_Management_Sector2.gif) no-repeat;
width:108px;
}
#navigation ul li a.best_practice{
background:url(../_template/navigation/best_practice1.gif) no-repeat;
width:108px;
}
#navigation ul li a.best_practice:hover{
background:url(../_template/navigation/best_practice2.gif) no-repeat;
width:108px;
}
#navigation ul li a.best_practiceactive{
background:url(../_template/navigation/best_practice2.gif) no-repeat;
width:108px;
}
#navigation ul li a.member{
background:url(../_template/navigation/organisations1.gif) no-repeat;
width:122px;
}
#navigation ul li a.member:hover{
background:url(../_template/navigation/organisations2.gif) no-repeat;
width:122px;
}
#navigation ul li a.memberactive{
background:url(../_template/navigation/organisations2.gif) no-repeat;
width:122px;
}
#navigation ul li a.photogallery{
background:url(../_template/navigation/photogallery1.gif) no-repeat;
width:106px;
}
#navigation ul li a.photogallery:hover{
background:url(../_template/navigation/photogallery2.gif) no-repeat;
width:106px;
}
#navigation ul li a.photogalleryactive{
background:url(../_template/navigation/photogallery2.gif) no-repeat;
width:106px;
}
#navigation ul li a.volunteer{
background:url(../_template/navigation/volunteer1.gif) no-repeat;
width:118px;
}
#navigation ul li a.volunteer:hover{
background:url(../_template/navigation/volunteer2.gif) no-repeat;
width:118px;
}
#navigation ul li a.volunteeractive{
background:url(../_template/navigation/volunteer2.gif) no-repeat;
width:118px;
}
#navigation ul li a.sponsor{
background:url(../_template/navigation/sponsor1.gif) no-repeat;
width:102px;
}
#navigation ul li a.sponsor:hover{
background:url(../_template/navigation/sponsor2.gif) no-repeat;
width:102px;
}
#navigation ul li a.sponsoractive{
background:url(../_template/navigation/sponsor2.gif) no-repeat;
width:102px;
}
#navigation ul li a.news{
background:url(../_template/navigation/news_events1.gif) no-repeat;
width:114px;
}
#navigation ul li a.news:hover{
background:url(../_template/navigation/news_events2.gif) no-repeat;
width:114px;
}
#navigation ul li a.newsactive{
background:url(../_template/navigation/news_events2.gif) no-repeat;
width:114px;
}
/* left column for home page *************************************************/
#leftcol{
background:#FFFFFF;
color:#000000;
float:left;
text-align:left;
width:468px;
}
#leftcol #homeservices ul{
list-style-type:none;
margin:-20px 0 0 20px;
padding:0 0 10px 0;
}
#leftcol #homeservices ul li{
list-style-type:none;
}
#leftcol #homeservices ul li a{
color:#000000;
font-weight:bold;
text-decoration:underline;
}
/* middle column for home page *************************************************/
#midcol{
float:left;
text-align:left;
width:265px;
}
#midcolcontent{
margin:0 5px;
}
#midcolcontent h2{
display:block;
font-size:1em;
height:17px;
margin:0;
padding:0;
text-indent:-9999px;
width:255px;
}
/* rightcol, containing latest news and events *************************************************/
#rightcol{
background:#E7E7E8;
color:#000000;
float:left;
width:251px;
}
#rightcol .newscontent,#rightcol .eventscontent{
background:url(../_template/bluefade_bg.gif) top left no-repeat;
height:303px;
width:251px;
}
#rightcol .newscontent .news,#rightcol .eventscontent .news{
margin:0 8px 0 7px;
padding-top:7px;
text-align:left;

}
#rightcol .newscontent .news div,#rightcol .eventscontent .news div{
background:#CFE0F3;
color:#000000;
height:245px;
overflow:auto;
padding:10px;
}
#rightcol .eventscontent .news div{
height:205px;
}
#rightcol .newscontent .news div h3,#rightcol .eventscontent .news div h3{
font-size:1em;
margin:10px 0;
}
#rightcol .newscontent .news div h3 a,#rightcol .eventscontent .news div h3 a{
color:#000000;
font-size:1em;
font-weight:bold;
text-decoration:underline;
}
#rightcol .eventscontent{
height:260px;
margin-top:5px;
}
#rightcol h2{
display:block;
font-size:1em;
height:17px;
margin:0;
padding:0;
text-indent:-9999px;
width:236px;
}
#rightcol .newscontent h2.newsheader{
background:url(../../elements/resources/header/latest_news.gif) top left no-repeat;
}
#rightcol .eventscontent h2.eventsheader{
background:url(../../elements/resources/header/latest_events.gif) top left no-repeat;
}
/* content page *************************************************/
#contentcol{
background:#A1A1A5;
color:#000000;
float:left;
margin-right:5px;
text-align:left;
width:728px;
}
#contentcol h1{
display:block;
font-size:1em;
height:32px;
margin:0;
padding:0;
text-indent:-9999px;
width:728px;
}
#contentcol h1#whoweare{
background:url(../_template/titles/who_we_are.gif) top left no-repeat;
}
#contentcol h1#whatwedo{
background:url(../_template/titles/what_we_do.gif) top left no-repeat;
}
#contentcol #contentcontainer{
margin:5px;
}
/* left content, containing subnav and a picture */
#contentcol #contentcontainer #contentleft{
background:url(../_template/subnav_corner_bg.gif) #E7E7E8 top left no-repeat;
color:#000000;
float:left;
height:531px; /* 535*/
width:290px;
}

#contentcol #contentcontainer #contentleft ul{
list-style-type:none;
margin:21px 0 0 21px;
padding:0 0 21px 0;
}
#contentcol #contentcontainer #contentleft ul li a{
background:top left no-repeat;
display:block;
height:34px;
list-style-type:none;
margin-bottom:5px;
text-indent:-9999px;
width:227px;
}
#contentcol #contentcontainer #contentleft ul li a.strategic{
background:url(../_template/navigation/strategic_plan1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.strategicactive{
background:url(../_template/navigation/strategic_plan2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.strategic:hover{
background:url(../_template/navigation/strategic_plan2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.structure{
background:url(../_template/navigation/structure_governance1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.structureactive{
background:url(../_template/navigation/structure_governance2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.structure:hover{
background:url(../_template/navigation/structure_governance2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.contact{
background:url(../_template/navigation/contact1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.contactactive{
background:url(../_template/navigation/contact2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.contact:hover{
background:url(../_template/navigation/contact2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.training{
background:url(../_template/navigation/training1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.trainingactive{
background:url(../_template/navigation/training2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.training:hover{
background:url(../_template/navigation/training2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.legal{
background:url(../_template/navigation/legalprotection1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.legalactive{
background:url(../_template/navigation/legalprotection2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.legal:hover{
background:url(../_template/navigation/legalprotection2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.funding{
background:url(../_template/navigation/funding1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.fundingactive{
background:url(../_template/navigation/funding2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.funding:hover{
background:url(../_template/navigation/funding2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.recognition{
background:url(../_template/navigation/recognition1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.recognitionactive{
background:url(../_template/navigation/recognition2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.recognition:hover{
background:url(../_template/navigation/recognition2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.partnerships{
background:url(../_template/navigation/partnerships1.gif);
}
#contentcol #contentcontainer #contentleft ul li a.partnershipsactive{
background:url(../_template/navigation/partnerships2.gif);
}
#contentcol #contentcontainer #contentleft ul li a.partnerships:hover{
background:url(../_template/navigation/partnerships2.gif);
}
/* right content */
#contentcol #contentright{
background:url(../_template/content_bg_logo.gif) #FFFFFF top right no-repeat;
color:#000000;
float:left;
height:531px;
overflow:auto;
width:428px;
}
#contentcol #contentright #content{
margin:20px 10px;
}
#contentcol #contentright #content h2{
font-size:1.3em;
font-weight:bold;
}
/* footer *************************************************/
#footer{
background:url(../_template/footer_bg.gif) #00225D bottom left no-repeat;
clear:both;
color:#FFFFFF;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:0.7em;
font-weight:bold;
width:984px;
}
#footer ul{
list-style-type:none;
margin:0;
padding:15px 0 10px 0;
}
#footer ul li{
border-right:1px solid #FFFFFF;
display:inline;
list-style-type:none;
margin-right:10px;
padding-right:10px;
}
#footer ul li.endlink{
border:0;
}
#footer ul li a{
background:#00225D;
color:#FFFFFF;
font-size:1.4em;
font-weight:bold;
}
#footer ul li a:hover{
text-decoration:underline;
}
#footer #leftfootertext{
float:left;
margin:0 0 0 10px;
padding-left:10px;
width:380px;
}
#footer #footerlogo{
float:right;
font-size:1.4em;
font-weight:bold;
height:35px;
margin:7px 20px 0;
}
#footer #footerlogo .text{
float:left;
margin:10px 0;
}