@charset "utf-8";
/* CSS Document */

body {font: 10pt Trebuchet MS, Arial, Helvetica, sans-serif; margin:0; padding:0; min-width:850px; color:#000000; background-color:#444645; background-image: url(/siteart/panelbg.gif); background-attachment:fixed;}
 
 
#topbg {position:absolute; top:0; left:0px; width:100%; background-image: url(/siteart/topbg.jpg); background-repeat: repeat-x; height:183px;}
#wrapper {width:850px; margin:0 auto; background-image: url(/siteart/wrapperbg.jpg); overflow: hidden; }
#header {float:none; padding:0; margin:0; z-index:auto;}
#content {float:right; width:615px; margin:0 0 0 0; padding:20px 30px; text-align:left; background-color:#fff; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:9pt; letter-spacing:1px;}
#footer {width:100%; padding:0px; margin:0; background-image: url(/siteart/footerbg.jpg); height:123px; color:#626463; font-size: 8pt;}
#fcontainer {padding:0; width:850px; height:123px; margin:0 auto; background-image: url(/siteart/footerbanner.jpg); background-repeat: no-repeat; text-align:justify;}

#topnav {float:right; width:676px; height:32px; margin:0; padding:0; text-align:left; background-color:#4e8999; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:9pt; letter-spacing:1px;}
/*navigation*/
#topnav li a{display:block; color:#fff; font-size:11pt; font-family:sans-serif; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none; width:165px; height:30px; padding:4px 0; margin:0;}
#topnav li a:visited{text-decoration:none;}
#topnav li a:hover {color:#000000; text-decoration:none;opacity:0.7; filter:alpha(opacity=70);}
#topnav ul { /* all lists */ list-style-type:none; margin:-5px 0 0 30px; padding:0; z-index:3; width:675px;}
#topnav li { /* all list items */ float: left; margin:0; padding:0 25px;}
	.rightborder {border-right:2px solid #2e6569;}
#topnav li ul { /* second-level lists */ display: none; position: absolute; top: 1em; margin:0; width:140px; padding:0;}
#topnav li ul li { /* second-level lists */ margin:0; width: 140px; padding:5px 0; background-color:#0e1130;}
#topnav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */ top: auto; left: auto;}
#topnav li:hover ul, #topnav li.over ul { /* lists nested under hovered list items */display: block; margin:0 0 0 0;}
.casestudies {background-position:10px 9px; background-repeat:no-repeat; background-image:url(../siteart/casestudiesbutton2.gif);}
.resources {background-position:0px 16px; background-repeat:no-repeat; background-image:url(../siteart/resourcesbutton2.gif);}
.gettingstarted {background-position:-7px 9px; background-repeat:no-repeat; background-image:url(../siteart/toolsbutton2.gif);}

#resilience {width:100%; border:1px solid #77b3bd; padding:3px; margin:20px auto; height:70px;}
#resilience p {margin: 0 0 15px 0;}
#resilience img {border:1px solid #000000; margin:1px 6px 1px 2px;}

#navi {float: left; width:173px; margin:-20px 0 0 0; padding:0; border-right:1px solid #5c8f9d;}
	#navi ul {padding: 0; margin: 0; list-style: none; float: left; position: relative; top:5px; left:0;}
		#navi li {width: 173px; height:60px;}
		#navi li a {color:#fff; font-size: 8pt; font-family:verdana, sans-serif; font-weight:bold; border-top:1px solid #58929e; width:158px; height:55px; margin:0; text-decoration:none; padding:4px 5px 2px 10px; display: block;}
		#navi a:hover {background-color:#5b95a3; color:#3a2c1f; opacity:0.7; filter:alpha(opacity=70);}
			.one {background-image: url(/siteart/1.gif); background-position:bottom; background-repeat:no-repeat;}
			.two {background-image: url(/siteart/2.gif); background-position:bottom; background-repeat:no-repeat;}
			.three {background-image: url(/siteart/3.gif); background-position:bottom; background-repeat:no-repeat;}
			.four {background-image: url(/siteart/4.gif); background-position:bottom; background-repeat:no-repeat;}
			.five {background-image: url(/siteart/5.gif); background-position:bottom; background-repeat:no-repeat;}
			.six {background-image: url(/siteart/6.gif); background-position:bottom; background-repeat:no-repeat;}
			.seven {background-image: url(/siteart/7.gif); background-position:bottom; background-repeat:no-repeat;}
			.eight {background-image: url(/siteart/8.gif); background-position:bottom; background-repeat:no-repeat;}
			.nine {background-image: url(/siteart/9.gif); background-position:bottom; background-repeat:no-repeat;}
			.ten {background-image: url(/siteart/10.gif); background-position:bottom; background-repeat:no-repeat;}

.imgright {float: right; width: 250px; padding: 10px; margin:5px 5px; background-color:#b5d5db;}
.imgright img, .imgleft img, .imgcenter img, .images {margin:0 auto; padding:0; display:block; border-top:2px solid #cce1e6; border-left:2px solid #cce1e6; border-bottom:2px solid #77b3bd; border-right:2px solid #77b3bd;}
.imgleft {float: left; width: 250px; padding: 10px; margin:5px 8px 5px 2px; background-color:#b5d5db;}
.imgcenter {float: none; width:550px; margin:8px 0; padding:10px;}
	.imgright p, .imgleft p, .imgcenter p {width: 240px; font-size: 7pt; color: #264951; padding: 2px; margin: 0 auto;}
.imgrighta {float: right; width: 155px; padding: 3px 3px 0px 3px; margin: 15px -10px 0px 3px; background-color: none;}
.imgrighta img {border-top:4px solid #cce1e6; border-left:4px solid #cce1e6; border-bottom:4px solid #77b3bd; border-right:4px solid #77b3bd; padding:0; margin:0; margin-bottom: -5px}
.cover {float: left; width:auto; padding: 0; margin:5px 10px 5px 0; border:1px solid #2e2e2e;}

#footer img {float: left; padding:5px 15px;}
.column {float:left; width:180px; margin:25px 0 15px 0; padding:0 30px 0 0; color:#50514a; font-size: 8pt; font-family: verdana, sans-serif; letter-spacing:0px; text-align:left;}
.third {padding:0 0 0 0;}

hr {color: #fff; background-color: #fff; border: 1px dotted #626060; border-style: none none dotted; margin: 20px 0; }
.pdficon {padding:0 5px 0 0;}

.contactinfo {float:none; width:100%; height:200px; display:block;}
.contactinfo img {float:left; padding:1px 2px;}
.contactinfo p {float:right; width:100%;}

/*text*/
#content h1 {color:#000000; font-size: 17pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:2px;}
#content h2 {color:#396871; font-size: 14pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:1px; margin: 0 0 20px 0}
#content h2b {color:#396871; font-size: 10pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:1px}
#content h3 {color:#000000; font-size: 12pt; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; text-align:left; letter-spacing:0px;}
#content h4 {font-size:8pt; color:#939393; font-style:italic; font-family:Trebuchet MS, Arial, Helvetica, sans-serif; padding-bottom:15px; background-image:url(/siteart/arrow3.gif); background-position:0 5px; background-repeat:no-repeat; padding-left:12px;}
#content h5 {font-size:11pt; color:#000; font-style:normal; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; margin:0;}
 
small {font-size:70%;}

#footer a:link, #footer a:visited {font-weight:normal; color: #2e788d; text-decoration: none;}
#footer a:hover, #footer a:active {font-weight:normal; color: #000000; text-decoration: underline;}

a:link {font-weight:normal; color: #2e788d; text-decoration: underlined;}
a:visited {font-weight: normal; color: #2b5a7d; text-decoration: underline;}
a:hover {font-weight: normal; color: #598154; text-decoration: none;}
a:active {font-weight: normal; color:#97493e; text-decoration: none;}

	h1 a:link, h1 a:visited{text-decoration: none;}
	h1 a:hover, h1 a:active{color: #598154; text-decoration: none;}

	h2 a:link, h2 a:visited{font-weight:bold; color:#47818b; font-size: 12pt; text-align:left; letter-spacing:1px; text-decoration: none;}
	h2 a:hover, h2 a:active{color: #598154; font-weight:bold; text-decoration: none;}

	#content h5 a:link, #content h5 a:visited {font-weight:bold; color:#434544; font-size: 11pt; text-align:left; letter-spacing:1px; text-decoration: none; border-bottom: none; margin-bottom:3px;}
	#content h5 a:hover, #content h5 a:active {color: #598154; font-weight:bold; text-decoration: none;}
	
/*search*/
#search {height:51px; width:850px; background:url(/siteart/searchstrip.jpg) top left no-repeat;}
#firstgov {padding-top:5px; margin:0 25px 0 0; float:right;}
.firstgovtextbox {width:105px; padding:0 3px;}
.firstgov {font-size: 13px; font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-weight:bold; color: #5a5c4e; border: 1px solid #50a5ba; background-color: #dfe0da; -moz-border-radius: 15px;}
.searchleft {float:left; margin:-1px 0 2px 3px;}
.button {position:relative; top:6px; left:-1px;}


/*jump icon*/
h5 a[target$='_blank'] { 
	zoom:1;
	padding-left:15px;
	background: transparent url("/images/icon_external.gif") no-repeat 0 3px; 
}
h5 a:hover[target$='_blank'] { 
	zoom:1;
	padding-left:15px;
	background: transparent url("/images/icon_external.gif") no-repeat 0 3px; 
}

/*secondary*/

/* top menu */
div#side {width:170px; margin:0 0 15px 0; padding:0; float:right;}
div#rnavwrap {position:relative; background-image:url(/siteart/secondarynavbg.gif); background-position:15px 0; background-repeat:repeat-y; float:none; width:165px; margin:0; padding:0 0 0 15px;}

#rnav {padding:0 5px 0 2px; margin:0; width:165px; text-align:left;}
#rnav ul {padding: 0; margin: 0; list-style: none; float: left; position: relative; top:0; left:0;}
		#rnav li {width: 173px; margin:0;}
		#rnav li a {display:block; width: 146px; padding:3px 2px 3px 13px; font-family:Calibri, Trebuchet MS; font-weight:normal; font-size:10pt; color: #202020; background: url(/siteart/arrow1.gif) 0 3px no-repeat #dad9bd; text-decoration: none; text-transform: uppercase; letter-spacing:0; border-bottom: 1px solid #ccc; border-top: 1px solid #e3e8d4;}
		#rnav li a:hover {color: #fff; background: url(/siteart/arrow2.gif) 0 3px no-repeat #5ea3b2; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}

/*	#rnav ul li ul {padding: 0; margin: 0; list-style: none; float: left; position: relative; top:0; left:0;}
		#rnav li ul li{width: 173px; margin:0 0 0 25px;}
		#rnav ul li ul li a {display:block; width: 146px; padding:3px 2px 3px 13px; font-family:Calibri, Trebuchet MS; font-weight:normal; font-size:10pt; color: #202020; background: url(/siteart/arrow1.gif) 0 3px no-repeat #dad9bd; text-decoration: none; text-transform: uppercase; letter-spacing:0; border-bottom: 1px solid #ccc; border-top: 1px solid #e3e8d4;}
		#rnav ul li ul li a:hover {color: #fff; background: url(/siteart/arrow2.gif) 0 3px no-repeat #5ea3b2; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}
*/

.rnavcap {position:relative; top:5px;}

/* top - getting started page*/
div#side2 {width:180px; margin:0 0 15px 0; padding:0; float:right;}
div#rnavwrap2 {position:relative; background-image:url(/siteart/secondarynavbg.gif); background-position:15px 0; background-repeat:repeat-y; float:none; width:200px; margin:0; padding:0 0 0 15px;}

#rnav2 {padding:0 5px 0 2px; margin:0; width:146px; text-align:left;}
#rnav2 ul {padding: 0; margin: 0; list-style: none; float: left; position: relative; top:0; left:0;}
		#rnav2 li {display:block; width: 146px; padding:3px 2px 3px 13px; font-family:Calibri, Trebuchet MS; font-weight:normal; font-size:10pt; color: #202020; background: url(/siteart/arrow1.gif) 0 3px no-repeat #dad9bd; text-decoration: none; text-transform: uppercase; letter-spacing:0; border-bottom: 1px solid #ccc; border-top: 1px solid #e3e8d4;}
		#rnav2 li a {display:block; width: 146px; padding:3px 2px 3px 13px; font-family:Calibri, Trebuchet MS; font-weight:normal; font-size:10pt; color: #202020; background: url(/siteart/arrow1.gif) 0 3px no-repeat #dad9bd; text-decoration: none; text-transform: uppercase; letter-spacing:0; border-bottom: 1px solid #ccc; border-top: 1px solid #e3e8d4;}
		#rnav2 li a:hover {color: #fff; background: url(/siteart/arrow2.gif) 0 3px no-repeat #5ea3b2; text-decoration: none; text-transform: uppercase; border-bottom: 1px solid #ccc; border-top: 1px solid #fff;}


.rnavcap2 {position:relative; top:5px;}

div#side3 {width:400px; margin: 0px 0px 0px 0; padding:10; float:left;}

/*we need a better resources style*/

div.resource {width:100%; height:auto;}
div.thumb {float:left; width:80px; margin:0; padding:0;}
div.thumbtext {float:right; width:530px; margin:0; padding:0;}


/*let's make pretty tables*/
table {
  border-collapse: collapse;
  border: 1px solid #03476F;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #363636;
  background: #d2e6ec
  }
caption {
  text-align: center;
  font: bold 18px arial, helvetica, sans-serif;
  background: transparent;
  padding:6px 4px 8px 0px;
  color: #03476F;
  text-transform: uppercase;
  }
td, th {
  border: 1px dotted #03476F;
  padding: 5px 10px;
  color: #363636;
  }

thead th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;
  text-align: left;
  background: #5da0b0;
  color: #FFFFFF;
  padding-top:3px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #363636;
  }
tbody td a:hover {
  background: #dad9bd;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
tbody th a:hover {
  background: transparent;
  color: #363636;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
.odd {
  background: #bbd9e3;
  }
tbody tr:hover {
  background: #dad9bd;
  border: 1px solid #03476F;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #bbd9e3;
  }
tbody td ul {padding:0 0 0 20px;}
tbody td ul li {padding:5px 0;}




/*sitemap*/

#sitemap {
 font:normal 12pt sans-serif bold;
 overflow:hidden;
}
#sitemap ul {
 list-style:none;
 margin:0;
 padding:0;
}
#sitemap li {
 background-color:#eee;
 margin:0 0 -0.1em;
 min-height:1em;
 padding:.2em .4em;
 position:relative;
 width:325px;
}
#sitemap ul ul {
 font-size:90%;
 margin-top:0;
}
#sitemap ul ul li {
 background:#ddd;
 border-top:0.5em solid #fff !important;
 border-left:0.5em solid #5ea3b2;
 left:10.4em;
}
#sitemap ul ul ul li {
 background:#ccc;
 border-color:#9c3;
}
#sitemap ul ul ul ul li {
 background:#bbb;
 border-color:#c93;
}
#sitemap ul ul ul ul ul li {
 background:#999;
 border-color:#c33;
 color:#fff;
}


/*contact tables*/
#contact table {
  border-collapse: collapse;
  border: none;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #000000;
  background: #fff;
  }
#contact td, th {
  border: none;
  padding: 15px 10px;
  color: #000000;
  background: #fff;
}

#contact tbody td a {
  background: #fff;
  text-decoration: none;
  color: #255578;
  }
#contact tbody td a:hover {
  background: #fff;
  color:#570062;
  }
#contact tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: #fff;
  text-decoration: none;
  font-weight:normal;
  color: #363636;
  }
#contact tbody th a:hover {
  background: #fff;
  color: #000000;
  }
#contact tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
#contact tbody tr:hover {
  background: #fff;
  border: none;
  }
#contact tbody tr:hover th {
  background: #fff;
  }
tbody td ul {padding:0 0 0 20px;}

.clear {clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}





/*new css for new tabs*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
	width:90px;
	height:25px;
}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 10px;
}
.tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
	background: #5da0b0;
    white-space: nowrap;   
	
}
.tabs-nav .tabs-selected a {
    color: #000;
	background:#d2e6ec;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a span {
    width: 64px; 
    height: 18px; 
    padding-top: 6px;
    padding-right: 0;
	
	
}

.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
		

.tabs-container {

    padding: 1em 8px;
    background: #fff;
	width:585px;/* declare background color for container to avoid distorted fonts in IE while fading */
	
}
.tabs-loading em {
    padding: 0 0 0 20px;
}