/*
				CSS: main.css
				By: araucariadesign.com
				For: Company Name
				Created:
							Nozomi 
							10/18/07
							
			    Last Modify:10/18/07 
*/


/* Color Scheme - font

  body txt: black/#000000;  Orange text : #ff9900;  blue text: #131e87; 
  universal hyperlinks txt: a #131e87, a:hover #999999
  headers: h1 #ffa929;, h2 #131e87;, h3 #131e87;
  gloval navigation: #131e87; 
  local navigation: #ffffff;
 
  
  - border
  
  solid#d3d7d8 
  dotted#5b63ac
  
 */

/*UNIVERSAL SETTING*/
* { margin:0; padding:0;}
body { font:11px "Arial", Helvetica, sans-serif; color: #000; margin:0; background-color: #adb7c3; }
img { border: none; }
#wrapper { width:1000px; margin: 0 auto; /*overflow: auto;overflow: hidden;*/ background-color: #fff; border-bottom: solid 1px #949ba3; 
 border-left: solid 1px #949ba3;   border-right: solid 1px #949ba3;   }
.c { clear: both; }
/*text format*/
h1 { font-size: 17px; color: #ffa929; padding: 0 0 5px 0;  }
h1.h1_02 { font-size: 20px; color: #ffa929; padding: 0 0 5px 0; }
h1.h1_03 { font-size: 20px; color: #ffa929; }
h2 { font-size: 13px; color: #131e87; padding: 0 0 1px 0; }
h2.h2_02 { font-size: 16px; color: #131e87; border-bottom: dotted 1px #5b63ac; margin: 0 0 15px 0; padding: 0 0 2px 0; max-width:440px;}
h2.h2_03 { font-size: 16px; color: #131e87; max-width:440px; } 
h3 { font-size: 11px; color: #131e87; border-bottom: dotted 1px #5b63ac; margin: 0 0 5px 0; padding: 0 0 2px 0; }
p { margin: 0 0 10px 0; line-height: 16px; max-width:440px;}
a { color:#131e87; border:none; text-decoration: none; }
a:hover { color:#131e87; text-decoration: none; border-bottom: dotted #000 1px; }
.bottomLink { display: block; text-align: right; }
.c { clear:both;}
.borderBottom { border-bottom: dotted 1px #5b63ac; margin: 20px 0;}
.textbox { font:11px "Arial", Helvetica, sans-serif; padding:2px;}
.searchbox { font:11px "Arial", Helvetica, sans-serif; padding:5px 0px 0px 2px;}
.error { color: #FF0000;}
/*--GLOBAL STYLE : header, logo, main navigation, sub navigation, footer, breadcrumb, utility navigation, form(top)--*/
/*HEADER section*/
#header {  background:url(images/header_bg.gif) repeat-y; width: 1000px; height: 82px; overflow: auto; overflow: hidden;}
/*LOGO*/
h1#logo { width:284px; height: 49px; position: absolute; margin: 15px 0 0 15px; }
h1#logo a { width:284px; height: 49px; display:block; text-indent: -9999px; font-size:0; border:none; background:url(images/logo.jpg) no-repeat; outline: none;  }
/*TOP form section*/
#top01 { float: right; padding: 0; margin: 12px 5px 0 0; color:#fff; font-size: 12px; }
#top01 select { font-size: 11px; color:#000; }
#top01 li a { color: #fff; text-decoration: none; border:none;  }
#top01 li a:hover { color: #fff; text-decoration: underline; border: none; }
#top01 ul#top_01 { display: block; }
#top01 ul#top_01 li { list-style: none; padding-right: 0;  display: inline; }
#top01 ul#top_01 li#select { border-right: dotted #fff 1px; padding-right: 7px; margin: 0 7px 0 2px; }
#top_01Box { disaply: block; }

#top02 { float:right; width: 210px; margin: 10px 0 0 0;  }
#top02 #login { float: left; width: 54px; color:#ff9900; font-size: 13px; height: 29px; line-height: 29px; }
#top02 #login strong { font-size: 15px; }
#top02 #textBox01 { float: left; width: 110px; display: block;}
#top02 #textBox01 input.login { width: 115px; height:14px; border: 1px solid #175891; margin: 6px 0 0 0; }
#top02 #button01 { float: right; padding: 7px 6px 0 0; width: 23px; display: block;}

/*MAIN NAVIGATION*/

#searchBox { float: right; width: 210px;  }
#searchBox #search { float: left; width: 56px; height: 29px; line-height: 29px; }
#searchBox #textBox02 { float: left; width: 110px; }
#searchBox #textBox02 input.search { font:11px "Arial", Helvetica, sans-serif; width: 111px; height:16px; border: 1px solid #ffc666; margin: 5px 0 0 0; padding:2px 0 0 4px;}
#searchBox #button02 { float: right; padding: 7px 6px 0 0; width: 23px;}

.menu { position:relative; z-index:100;
width:1000px; height:29px; margin: 0;  color:#2c39b9; 
background:url(images/mianNav_bg.gif) repeat-x; font-size: 13px; font-weight: bold;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu ul li {float:left;position:relative; padding: 0 30px; background:url(images/mianNav_line.gif) no-repeat left top;}
.menu ul li ul li { background: none; }
.menu li:first-child, .menu li.first-child { background: none; }
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; width:95px;  line-height:29px; height:29px; line-height:29px; color:#2c39b9; text-decoration:none; border: none; outline: none;}
.menu a#home { width: 12px;}
.menu a#services { width: 50px;}
.menu a#resources { width: 50px;}
.menu a#disasters { width: 130px;}
.menu a#whysafetynet { width: 110px;}
.menu a#contact { width: 70px;}
.menu a#mysafetynet { width: 50px;}
.menu a:hover, .menu a.active, .menu a span { line-height:29px; text-decoration: underline; border: none; color: #131e87;outline: none; }
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:29px;left:0; font-size: 12px; font-weight: normal;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
.menu ul ul a, .menu ul ul a:visited {background-color: #ed9512; color: #131e87; height:auto;  padding:1px 10px; width:225px;font-size: 12px;
border-bottom: solid #ed9512 1px; outline: none;}
.menu ul ul a:hover {color: #131e87; background-color:#f3f392; text-decoration: none; border-bottom: solid #7a7c48 1px;}
.menu :hover > a {line-height:29px; text-decoration: underline; border: none; color: #131e87; outline: none; }
.menu ul li:hover ul,.menu ul a:hover ul{visibility:visible; }


.ManagingDisasters-DontPanic
{
	color: #131e87;
	line-height: 70px;
	font-size: 48px;
	font-weight:bold;
}


/*SUB-NAVIGATION*/
/*subNav:INDEX*/
/*#bodyContainer_01 #subNav { width: 279px; height: 606px; float: left; background:url(images/subNav_bg.jpg) no-repeat; border-right: 1px solid #d3d7d8;}*/
#bodyContainer_01 #subNav { width: 279px; height: 606px; float: left; border-right: 1px solid #d3d7d8;}
#bodyContainer_01 #subNav ul#nav02 { margin: 300px 0 0 33px;; font-size: 14px; }
#bodyContainer_01 #subNav ul#nav02 li { list-style:none; height: 22px; padding: 3px 0 15px 25px; 
background:url(images/arrows_orange.gif) no-repeat 0 3px; display: block; }
#bodyContainer_01 #subNav ul#nav02 li a { color: #000; text-decoration:none; border: none; color: #fff;}
#bodyContainer_01 #subNav ul#nav02 li a:hover, #bodyContainer_01 #subNav ul#nav02 li .active  { text-decoration: underline; color:#FFFFCC;border: none; }


/*subNav:INNER-SERVICES*/
#bodyContainer_02 #subNav { width: 185px; height: 500px; float: left; background: #1f5689 url(images/subNav_bg02.gif) repeat-x bottom left;
padding: 0 0 160px 0; }


#bodyContainer_02 #subNav ul#nav02 { margin: 36px 0 0 15px; font-size: 12px; }
#bodyContainer_02 #subNav ul#nav02 li { padding: 3px 0 15px 15px; background:url(images/subNav_arrow.gif) no-repeat 2px 0; list-style:none; }
#bodyContainer_02 #subNav ul#nav02 li a { color: #fff; text-decoration:none; border: none;}
#bodyContainer_02 #subNav ul#nav02 li a:hover, #bodyContainer_02 #subNav ul#nav02 li a.active  { text-decoration: underline;color:#FFFFCC;border: none; }
#bodyContainer_02 #subNav ul#nav02 p { padding: 5px 0; font-size: 11px;}

/*subNav's child : nav03*/
#subNav ul#nav02 #nav03 { margin: 20px 0 0 10px; font-size: 12px; }
#subNav ul#nav02 #nav03 li { list-style: none; background:url(images/arrows.gif) no-repeat 0px 3px;  padding: 0 0 10px 13px;}
#subNav ul#nav02 #nav03 li a { color: #fff; text-decoration:none; border: none;}
#subNav ul#nav02 #nav03 li a:hover, #subNav ul#nav02 #nav03 li a.active  { text-decoration: underline; color:#FFFFCC; border: none; }


#phone { margin: 10px 0 0 33px; font-size: 18px; color: #fff; }
#phoneno { margin: 5px 0 0 33px; font-size: 21px; color: #fff; }

/*LIST STYLES*/
ul.list_01 { margin: 10px 15px 6px 15px; }
ul.list_01 li{ list-style: disc outside; padding:0 0 5px 0; }
ol.list_02 { margin: 10px 10px 0 22px; }
ol.list_02 li{ padding-bottom: 10px;  }
ul.list_03 { margin: 10px 10px 10px 5px; }
ul.list_03 li{ list-style: none; padding-bottom: 10px;  }
ul.list_04 { margin: -7px 10px -5px 15px; }
ul.list_04 li{ list-style: none; padding:0 0 1px 0; }
ul.list_05 { margin: 0px 10px 8px 0px; }
ul.list_05 li{ list-style: none; padding:0 0 1px 0; }
ul.list_06 { margin:0 15px 0 0; }
ul.list_06 li{ list-style:  disc outside; padding:0; }

/*BREADCRUMB & UTILITY (print&feedback) NAVIGATION*/ 
#nav_utility { width: 784px; }
#breadcrumb { float: left; width: 600px; }
#breadcrumb li { display: inline; padding: 0 5px 0 0; line-height: 16px;}
p#utility { float: right; height: 17px; }
p#utility span#print { background:url(images/icons/printer.gif) no-repeat 0px -1px; padding: 0 0 0 16px; line-height: 16px; height: 16px; font-size: 11px; }
p#utility span#customerFeedback { background:url(images/icons/comment.gif) no-repeat 0px -2px; padding: 0 0 0 17px; line-height: 20px; height: 16px;  font-size: 11px;}
/*FOOTER*/
#box01 { width: 50%; float:left; }
#box01 ul li { border-left: solid #333 1px; display: inline; padding: 0 5px; }
#box01 ul li:first-child, #box01 ul li.first-child { border: none; }

#box02 { float:right; height: 20px; }
#box02 ul li { border-left: solid #333 1px; display: inline; padding: 0 5px; }
#box02 ul li:first-child, #box02 ul li.first-child { border: none; }

#border { border-top: solid #d3d7d8 1px; width: 990px; margin: 15px auto 10px auto; }
#footer { width:990px; float:left; margin:0px auto 10px auto;  padding:0px 5px; color: #131e87; background-color:#FFFFFF; }
#print { width:200px; float:left; margin:-23px auto 10px 160px; overflow:visible; padding:0px; border: 1px solid #000099; }
#footer #telephone { padding:0 0 0 3px; margin:0; font-weight: bold; font-size: 12px; }
#footer a { color: #131e87; border:none; text-decoration:none; }
#footer a:hover { color: #131e87; border:none; text-decoration:underline; }

/*---BODY CONTENTS STYLES---*/

/*INDEX : MAIN CONTNETS*/
#bodyContainer_01 { overflow: auto; overflow: hidden; background:url(images/shadow01.gif) no-repeat; width:1000px;    }
#bodyContainer_01 #mainContainer_01 { width: 720px; float: right; }
#bodyContainer_01 #bodyColumnLeft_01 { width: 462px; min-height: 551px; float: left; padding:0; border-right: 1px solid #d3d7d8;   
background:url(images/content_bg.jpg) no-repeat; padding: 45px 0 10px 40px;}
#bodyContainer_01 #bodyColumnLeft {
	width: 462px;
	min-height: 551px;
	float: left;
	border-right: 1px solid #d3d7d8;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 40px;
}
#bodyContainer_01 #bodyColumnRight { width: 175px; float: right; background: none; padding: 33px 15px 0 25px;  }
#bodyContainer_01 #bodyColumnRight a { line-height:15px; text-decoration: none; border: none; color: #000000; outline: none; }
#bodyContainer_01 #bodyColumnRight a.service { line-height:14px; text-decoration: none; border: none; color: #131e87; outline: none; }
#bodyContainer_01 #bodyColumnRight a.subservice { line-height:14px; text-decoration: none; border: none; color: #000000; outline: none; }
#bodyContainer_01 #bodyColumnRight a.subservice:hover { line-height:14px; text-decoration: none; border-bottom: dotted #000 1px;}
#bodyContainer_01 #bodyColumnLeftSub_01 { height: 245px; }
#bodyContainer_01 #bodyColumnLeftSub_02 { width: 180px; float: left;  padding:0 50px 10px 0; }
#bodyContainer_01 #bodyColumnLeftSub_03 { width: 180px; float: right; padding: 0 35px 10px 0; }
#intro { width:302px; margin: 20px 0 0 0; line-height: 16px;}
.orangeArrow { color: #ff9900; font-size: 19px;}
/*SERVICE: MAIN CONTNETS*/
#bodyContainer_02 { overflow: auto; overflow: hidden; background:url(images/shadow02.gif) repeat-x; width:1000px; }
#bodyContainer_02 #mainContainer_01 { width: 784px; float: right; padding: 15px; }
#bodyContainer_02 #mainContainer_01 #banner { width:784px; min-height:162px; padding: 0 0 17px 0; }
#bodyContainer_02 #mainContainer_01 #bodyColumnLeft { width: 381px; float: left; padding:0 10px 0 0; border-right: 1px solid #d3d7d8;}
#bodyContainer_02 #mainContainer_01 #bodyColumnRight { width: 382px; float: right; background: none; padding: 0 0 0 10px;}
#bodyContainer_02 #mainContainer_01 #bodyColumnRight #img01 { margin: 7px 0 10px 0;}
/*NEWS & EVENTS : MAIN CONTENS*/
#bodyContainer_02 #mainContainer_02 { width: 784px; float: right; padding: 15px; }
#bodyContainer_02 #mainContainer_02 #bodyColumnLeft { width: 510px; float: left; padding:0 10px 0 0; }
#bodyContainer_02 #mainContainer_02 #bodyColumnRight { width: 253px; float: right; background: none; padding: 0 0 0 10px; 
border-left: 1px solid #d3d7d8;}
#bodyContainer_02 #mainContainer_02 #bodyColumnRight #img01 { margin: 7px 0 10px 0;}

/*RESOURCES: MAIN CONTENS*/
#bodyContainer_02 #mainContainer_02 #banner { padding: 0 0 10px 0;}
/*CONTACT: MAIN CONTENS*/
ul#contact_form { margin: 10px 0 0 20px;}
ul#contact_form li{ list-style:none; padding: 0 0 18px 0; }
input.contact { width: 300px;}




/*INTERNAL : MAIN CONTNETS*/
#MCbodyContainer_01 { overflow: auto; overflow: hidden; background:url(images/shadow01.gif) no-repeat; width:1000px;    }
#MCbodyContainer_01 #MCmainContainer_01 { width: 720px; float: right; }
#MCbodyContainer_01 #MCbodyColumnLeft { width: 462px;  min-height: 551px; float: left; padding:0; border-right: 1px solid #d3d7d8;   
padding: 45px 0 10px 40px;}
#MCbodyContainer_01 #MCbodyColumnRight { width: 175px; float: right; background: none; padding: 33px 15px 0 25px;  }
#MCbodyContainer_01 #MCbodyColumnLeftSub_01 { min-height: 245px; }
#MCbodyContainer_01 #MCbodyColumnLeftSub_02 { width: 180px; float: left;  padding:0 50px 10px 0; }
#MCbodyContainer_01 #MCbodyColumnLeftSub_03 { width: 180px; float: right; padding: 0 35px 10px 0; }
#MCintro { width:432px; margin: 20px 0 0 0; line-height: 16px;}
.orangeArrow { color: #ff9900; font-size: 19px;}


IMG:after {
	content:attr(alt);
}



.verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}