/* 	Style sheet: main.css
	Site: Disaster Assist
	Author: Chris Lamb
	---------------------------------------------------------------------------------------

Global reset of all values */
* {	margin:0; padding:0;}

/*********** Core styles ***********/
body {
	font: 76% Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1 {font-size: 1.6em; padding: 5px 0;}
h2 {font-size: 1.4em; padding: 5px 0;}
h3 {font-size: 1.3em; padding: 5px 0;}
h4 {font-size: 1.2em; padding: 5px 0;}
h5 {font-size: 1.1em; padding: 2px 0;}

#wrapper p {
	line-height: 1.35em;
	padding: 5px 0;
	color: #333;
}
#wrapper ul, #wrapper ol {
	line-height: 1.35em;
	padding: 5px;
	margin-left: 8px;
	color: #333;
}
#wrapper li {padding: 2px 0;}
#wrapper a, #wrapper a:visited {color: #006;}
#wrapper a:hover, #wrapper a:active #wrapper a:focus {color: #00B; text-decoration: none;}

hr {
	color: #999;
	height: 1px;
	background-color: #999;
	border: none;
	margin: 10px 0;
}
th {
	color: #333;
	padding: 8px;
	background-color: #F1F5F8;
	border-bottom: 1px solid #333;
}
td {
	padding: 5px;
	border-bottom: 1px solid #999;
}
caption {
	color: #333;
	background-color: #F1F5F8;
	padding: 8px;
	text-align: left;
}
.small {font-size: 85%;}
.bold {font-weight: bold;}
.italic {font-style: italic;}

/*********** Top banner and topnav items ***********/
.printlogo {display: none;}
#banner {
	background: #115588 url("../images/banner_bkg.gif") top left repeat-x;
	color: #FFF;
}
#banner img {float: left;}
#banner #sitename {
	height: 35px;
	width: 360px;
	text-align: right;
	padding: 45px 10px 0 0;
	float: right;
	background: url("../images/flag_bkg.jpg") top right no-repeat;
	font-size: 2.2em;
}
#banner .topnav {
	clear: both;
	background: #CFCFCF url("../images/topnav_bkg.gif") bottom left repeat-x;
	color: #333;
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #838383;
	font-size: .9em;
	text-align: right;
	padding: 3px 10px 4px 10px;
	display: block;
}
#banner a, #banner a:visited {
	color: #333;
	text-decoration: none;
}
#banner a:hover, #banner a:active, #banner a:focus {
	color: #006;
	text-decoration: underline;
}

/*********** Left and Right Columns ***********/
#leftcol {
	width: 190px;
	background: #ECECEC url("../images/col_edge_l.gif") top right repeat-y;
	float: left;
}
#rightcol {
	width: 190px;
	background: #ECECEC url("../images/col_edge_r.gif") top left repeat-y;
	float: right;
}
.left_bkg {background: url("../images/left_bkg.gif") top left repeat-y;}
.right_bkg {background: url("../images/right_bkg.gif") top right repeat-y;}

#leftcol h2, #rightcol h2 {
	font-size: 1.2em;
	font-weight: normal;
	color: #444;
	border-bottom: 1px solid #C7C7C7;
	padding: 4px 0;
}
#leftcol h2 {margin: 10px 0 0 10px;}
#rightcol h2 {margin: 10px 10px 0 0; padding-left: 10px;}

#leftcol p, #rightcol p, #leftcol ul, #rightcol ul {
	color: #333;
	margin: 5px 9px 20px 9px;
	font-size: .9em;
}
#leftcol li, #rightcol li {list-style-type: none; padding: 2px 0;}
#leftcol a, #rightcol a {color: #006;}
#leftcol a:hover, #leftcol a:focus, #rightcol a:hover, #rightcol a:focus {
	text-decoration: none; 
	color: #00B;
}
.previous_more {text-align: right; margin-right: 20px; margin-bottom: 55px;}

/*********** Left and right column background pictures ***********/
#col_pic {text-align: center; height: 128px; width: 170px; border: 1px solid #C7C7C7;}

.pic1 {background: url("../images/pic1.jpg") center top no-repeat;}
.pic2 {background: url("../images/pic2.jpg") center top no-repeat;}
.pic3 {background: url("../images/pic3.jpg") center top no-repeat;}
.pic4 {background: url("../images/pic4.jpg") center top no-repeat;}
.pic5 {background: url("../images/pic5.jpg") center top no-repeat;}
.pic6 {background: url("../images/pic6.jpg") center top no-repeat;}
.pic7 {background: url("../images/pic7.jpg") center top no-repeat;}
.pic8 {background: url("../images/pic8.jpg") center top no-repeat;}
.pic9 {background: url("../images/pic9.jpg") center top no-repeat;}
.pic10 {background: url("../images/pic10.jpg") center top no-repeat;}
.pic11 {background: url("../images/pic11.jpg") center top no-repeat;}
.pic12 {background: url("../images/pic12.jpg") center top no-repeat;}

/*********** Wrapper margins ***********/
#wrapper {
	margin: 0 210px;
	padding: 15px 0
}
/*********** Breadcrumbs ***********/
#breadcrumbs {
	margin-bottom: 15px;
	padding: 4px 4px 4px 10px;
	color: #333;
	background: #ECECEC url("../images/col_edge_r.gif") top left repeat-y;
	border: 1px solid #C7C7C7;
	font-size: .9em;
}
#breadcrumbs span {padding-right: 4px; font-weight: bold;}
#breadcrumbs a, #breadcrumbs a:visited {
	color: #333;
	text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus {text-decoration: underline; color: #006;}

/*********** Footer ***********/
#footer {
	clear: both;
	padding: 2px 10px;
	border-top: 1px solid #838383;
	font-size: .9em;
	line-height: 1.5em;
	background-color: #FFF;
}
#footer a,a:visited {
	color: #333;
	text-decoration: underline;
}
#footer a:hover, #footer a:focus {text-decoration: none;}
.skip_to {float: right; padding-top: 5px;}

/*********** Back to top links. ***********/
#wrapper p.top {
	font-size: .9em;
	text-align: right;
	border-bottom: 1px solid #999;
	padding: 12px 5px 2px 0;
	line-height: 1em;
}
#wrapper p.top a {text-decoration: none; color: #555;}
#wrapper p.top a:focus, #wrapper p.top a:hover  {text-decoration: none; color: #00B;}

/*********** Photo Gallery template ***********/
#wrapper .thumb img {
	padding: 2px; 
}
#wrapper .thumb p{
	font-style: italic;
	font-size: 0.8em;
	padding-bottom: 5px;
}
#photocontent{
	text-align: center;
	padding: 10px;
}
#backlink{
	padding: 10px 0 0 15px;
}
#backlink a, #backlink a:visited {
	color: #158;
}
#backlink a:hover, #backlink a:active #backlink a:focus {
	color: #28C;
	text-decoration: none;
}
#photocontent p{
	padding-bottom: 10px;
}

#highlight
{
background-color:#EEEEEE;
border-style:solid;
border-color:#CCCCFF;
padding:9px
}