/* SITE SPECIFIC LAYOUT */
/*
html, html body {height:auto;min-height:100%;}
* html, * html body {height:100%}
    html {
		height:100%;
	}
*/
html, body {
        margin: 0;
        padding: 0;
        min-height: 100%;
}

* html, * html body {
        height: 100%;
}
/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
#page{
min-height:100%;
}
* html #page{height:100%;}
	body {
		/*
        margin: 0;
        padding: 0;
        height:100%;
		*/
        background: url(/i/d/2/bgTile.gif);
              
        text-align: center;
    }
	div#backborder  {
		margin:0 16px 0 16px;
		padding:0;
		width:760px;
		
	}
    div#page {
		display:table;
        width: 792px;
        background: url(/i/d/2/borderbg.gif) repeat-y;
        margin:  0 auto 0 auto;
        padding: 0;
        
        
        text-align: center;
    }
	* html div#page {height:100%;}
    
    /* HEADER */
        div#header {
            margin: 0;
            padding: 0px;
            position:relative;
            text-align: left;
        }
       
        div#search {
            float: right;
            width: 49%;
            
            margin: 0;
            padding: 16px 20px 0 0;
            
            text-align: right;
        }
    /* END HEADER */
    
    
    /* CONTENT */
        div#content {
            /*background:url(/i/d/2/contentbg.gif);*/
			padding:0;
			margin:0;
        }
        
        /* MAIN */
            div#main {
                text-align:left;
				margin:0;
				padding:0;
            }
        /* END MAIN */
        
        /* SUB */
            div#sub {
                
            }
        /* END SUB */
        
    /* END CONTENT */
    
    
    /* FOOTER */
        div#footer {
            background:url(/i/d/2/footerbg.gif);
			text-align:left;
			margin:0;
			padding:0;
        }
        div#footer p {
            font-size: 0.8em;
            color:gray;
            margin: 0;
            padding: 15px 0 10px 20px;
        }
		div#footer a {
		    color:gray;
		}
    /* END FOOTER */
/* END LAYOUT */

div#topsmallmenu {
	position:absolute;
	top:10px; 
	right:25px;
}
div#topsmallmenu a,
div#topsmallmenu a:link,
div#topsmallmenu a:active,
div#topsmallmenu a:visited{
	color:#424242;
	font-size:10px;
	text-decoration:none;
	background-color:transparent;
}
div#topsmallmenu a:hover {
	text-decoration:underline;
	background:none;
}

table#contentsTable {
	border-width: 0px 0px 0px 0px;
	border-spacing: 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	margin:0;
	width:100%;
}
table#contentsTable td {
	padding:0px;
}
table#contentsTable .sebForm-skin-panels td {
	padding:5px;
}

ul.arrowlist li {
	list-style : none;
	background: url(/i/d/2/listarrow.gif) no-repeat left top;
	padding:2px 0 3px 25px;
	margin:0px;
}
ul.arrowlist li a,
ul.arrowlist li a:link, 
ul.arrowlist li a:active,
ul.arrowlist li a:visited {
	color: black;
	text-decoration: none;
}

ul.arrowlist li a:hover {
    /*background:transparent;*/
	color:black;
	text-decoration: underline;
}

ul.arrowlistblue li a,
ul.arrowlistblue li a:link,
ul.arrowlistblue li a:active,
ul.arrowlistblue li a:visited {
	color: #ffffff;
	font-size:.90em;
	/*background:transparent;*/
	text-decoration: none;
}


ul.arrowlistblue li a:hover {
    background:transparent;
	color:white;
	text-decoration: underline;
}
ul.arrowlistblue li {
	line-height:1.1em;
	list-style : none;
	background: url(/i/d/2/listarrowblue.gif) no-repeat left top;
	padding:2px 0 0px 22px;
	margin:0;
}
div#menuhome {
	background: url(/i/d/2/topmenubg.gif) no-repeat right top;
	padding:10px 10px 0 10px;
}
div#menuother {
	padding:10px 10px 0 10px;
	
}	
ul.arrowlistblue#home li {
	list-style : none;
	background: url(/i/d/2/listarrowdark.gif) no-repeat left top;
	padding:2px 0 3px 25px;
	margin:0;
}


div#headerloginform {
	position:absolute;
	top:40px;
	right:12px;
	font-size:.9em;
	color:#717171;
}
#headercontent {
	background: url(/i/d/2/headercontentbg.gif) no-repeat left bottom;
	padding:14px 150px 19px 15px;
	margin:0;
	background-color: #00142B;
	font-size: 18px;
}
#headercontent p { color: #6699C4; line-height: 150%; }
#headercontent, #headercontent a {
	color:#8ADBFF;
	line-height:1.4em;
}
#headercontent h1, #headercontent h1 a {
	display:inline;
	color:white;
	font-size:14px;
	font-style:normal;
}
#bannerimg {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.redarea {
	background-color:#CC0000;
	color:#FEE38B;
	font-size:14px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}
#redarea {
	background-color:#CC0000;
	color:#FEE38B;
	font-size:14px;
	margin:0 0 0 0;
	padding:0 0 0 0;
	height:158px;
	/*
	position:absolute;
	top:220px;
	left:290px;
	width:220px;
	*/
	line-height:1.2em;
}
#redarea.overview {
	background-image: url(/i/d/4/overview.jpg);
}
#redarea.disaster {
	background-image: url(/i/d/4/disaster-preparedness.jpg);
}
#redarea.volunteering {
	background-image: url(/i/d/4/volunteering.jpg);
}
#redarea.for-our-volunteers {
	background-image: url(/i/d/4/for-our-volunteers.jpg);
}
#redarea, #redarea table, #redarea td {
	margin:0 0 0 0;
	padding:0 0 0 0;
	/*height:158px;*/
	vertical-align:top;
}
#redarea h1 {
	color:white;
	font-size:20px;
	font-style:normal;
	font-weight:bold;
	margin: 0 0 0 0;
	padding:0;
}
/*
#secondredarea {
	position:absolute;
	top:170px;left:360px;
	color:#FEE38B;
	width:340px;
	font-size:12px;
}
#secondredarea h1 {
	font-style:normal;
	color:white;
}
*/
#redarea a,
#redarea a:link,
#redarea a:active,
#redarea a:visited {
	color: #FEE38B;
	
	/*background:transparent;*/
	text-decoration: underline;
}
.banner-text {
	padding:15px;
}
div#nextbutton {
	position:absolute;
	/* bottom:23px; */
	margin-top: -20px;
	right:50px;
}

#contentsTable td#contents{
	padding:20px 20px 20px 20px;
	background: white url(/i/d/2/simplebg.gif) no-repeat top left;
}
#contentsTable td#contentswmenu{
	padding:20px 20px 20px 20px;
	background: white url(/i/d/2/simplebgwmenu.gif) no-repeat top left;
}
#contents {
	min-height:600px;
}
#contentsTable td#contents{
	padding:20px 20px 20px 20px;
	background: white url(/i/d/2/simplebg.gif) no-repeat top left;
}
#contentsTable td#menu{
	width:206px;
	padding:0px;
	background: black url(/i/d/2/menubg.gif) repeat-y top right;
}
a.graylink {
	display:block;
	background:  url(/i/d/2/graylinkwarrow.gif) no-repeat left;
	padding:4px 0 5px 8px;
	margin:0;
	color: #033462;
	font-weight:bold;
	font-style:italic;
}