body {
	background: #335a81 url(../images/bgtile.gif) repeat;
	font-family: Verdana, Arial, sans-serif;
	font-size:100.01%;
	margin:0;
	padding:0;
}

/* Holly hack fix for IE 6 problems \*/
* html .hollyfix {height: 1%;}
/* */

/* -----------------------------------------------------GENERAL TAG styles -------------------- */

h1{  
	float: left;
	display: inline;
	margin:0px 0px 16px 0px;
	padding: 0;
}

h2 a {
	color: #0e5398;
	text-decoration: none;	
}

h2 a:hover{
	color: #000000;
	text-decoration: none;
	padding-bottom: 0px;
}

h2 {
	font-family: Times New Roman, Times, serif;
	font-size:1.6em;
	font-weight:500;
	margin:12px 0px 0px 0px;
	padding:0px;
	text-indent: 2px;
}
#homePage #container .subpageContentOneColumn table {
	background-color: #D7DEE1;
	font-weight: bold;
	border: 1px none #009;
	color: #555B57;
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
}


#headerArea h2 {
	color: #0e5398;
	font-family: Times New Roman, Times, serif;
	font-size:1.6em;
	font-weight:500;
	margin:12px 0px 0px 0px;
	padding:0px;
	border-bottom: 1px solid #0e5398;
}

#subpageContent h2 {
	background: transparent url(../images/bg-subpage-title.gif) repeat-x scroll top left;
	border: 0;
	color: #000000;
	margin: 0px 0px .4em 0px;
	padding:28px 4px 0px 19px;
}

.subpageContentOneColumn h2 {
	background: transparent url(../images/bg-subpage-title.gif) repeat-x scroll top left;
	border: 0;
	color: #000000;
	margin: 0px 0px .4em 0px;
	padding:28px 4px 0px 19px;
}

.subpageContentEvenColumns h2 {
	background: transparent url(../images/bg-subpage-title.gif) repeat-x scroll top left;
	border: 0;
	color: #000000;
	margin: 0px 0px .4em 0px;
	padding:28px 4px 0px 19px;
}

h3 { /*titles with top graphic line and background*/
	font-family: Times New Roman, Times, serif;
	font-size:1.2em;
	font-weight:500;
	letter-spacing:0.02em;
	margin:0px;
	padding:10px 4px 10px 10px;
}

#subpageContent h3, .subpageContentOneColumn h3 {
	font-family: Times New Roman, Times, serif;
	font-size:1.1em;
	font-weight:500;
	letter-spacing:0.02em;
	padding:0;
	margin-left: 20px;
	margin-right: 20px;
}


#homeSidebar h3 {
	/*border: 3px dotted #b9b9b9; for testing */
	background: transparent url(../images/bg-sidebar-title.gif) repeat-x scroll top left;
	line-height:48px;
}
#homeSidebar  h3.twolines {
	background: transparent url(../images/bg-sidebar-title-doublehigh.gif) repeat-x scroll top left;
	line-height: 22px;
	margin-bottom: 10px;
	padding:24px 4px 10px 10px;
}
.subpageContentEvenColumns h3 {
	background-color: #dddddd;
	font-family: Times New Roman, Times, serif;
	font-size:1.1em;
	font-weight:500;
	letter-spacing:0.02em;
	padding:3px 3px 3px 3px;
	margin-right: 20px;
	margin-top: 1.8em;
	margin-bottom: 10px;
}

.subpageContentEvenColumns h3 a {
	background-color: #dddddd;
	color: #0e5398;	
	font-family: Times New Roman, Times, serif;
	font-size:1.1em;
	font-weight:500;
	letter-spacing:0.02em;
	padding:3px 3px 3px 3px;
	margin-right: 20px;
	margin-top: 1.8em;
	margin-bottom: 10px;
}

.subpageContentEvenColumns h3 a:hover{
	color: black;
	text-decoration: underline;
}

#homeContent h3 {
	background: transparent url(../images/bg-news-title.gif) repeat-x scroll top left;
	line-height:48px;
}

h4 {
	font-size:.8em;
	font-weight:600;
	margin:0px 0px 0px 0px;
	padding:6px 0px 0px 0px;
}

#subpageContent h4 {
	padding:0;
	margin-left: 20px;
	margin-right: 20px;
}

.subpageContentOneColumn h4{
	padding:0;
	margin-left: 20px;
	margin-right: 20px;
}

#subpageSidebar h4 {
	/*border: 3px dotted #b9b9b9; for testing */
	background: transparent url(../images/bg-sidebar-title-sub.gif) repeat-x scroll top left;
	padding-top: 2em;
	padding-left: 10px;
}

.subpageContentEvenColumns h4 {
	padding:0;
	margin-right: 20px;
}

#homeContent h4 {
	margin-left: 40px;
	margin-right: 20px;
}

h5 {
	font-size:.8em;
	font-style: italic;
	margin:0px;
	padding:6px 0px 0px 0px;
}

#subpageContent h5 {
	padding:0;
	margin-left: 20px;
	margin-right: 20px;
}

.subpageContentOneColumn  h5 {
	padding:0;
	margin-left: 20px;
	margin-right: 20px;
}

p {
	font-size: .8em;
	margin: 0;
	padding: 0;
}
pred {
	font-size: 1em;
	color: #F00;
	margin: 0px;
	padding: 0px;
	left: 10px;
}


p a {	
	color:#2b65a0;
}
	
p a:hover {
	color:#000000;	
}

#homeContent p {
	margin-left: 10px;
	margin-bottom: 1.5em;
	margin-right: 20px;
}

#homeContent p#donate {
	margin-bottom: 0em;
}
#subpageContent p {
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 1.5em;
	margin-right: 20px;
}

.subpageContentEvenColumns p{
	margin-bottom: 1.5em;
	margin-right: 30px;
}

#homeSidebar p {
	margin-left: 10px;
	margin-right: 20px;
	padding-bottom: 1.5em;
}

#subpageSidebar p {
	margin-left: 10px;
	margin-right: 20px;
	padding-bottom: 1.5em;
}

form {
	font-size: .8em;
	font-weight: 500;
	margin:0;
	padding:0;
}

form dt {
	clear:both;
	width:25%;
	float:left;
	text-align:right;
	margin-right: 10px;
}

form dd {
	width:75%;
	margin:0 0.5em 0.5em 0.5em;
}

	
/* -----------------------------------------------------CONTAINER styles ------------------------ */
#container {	
	background: transparent url(../images/bg-container.gif) repeat-y;
	border-top: 1px solid #707070;
	border-bottom: 1px solid #707070;
	position: absolute;
	left: 50%;	
	margin-left: -370px;  /* negative margin centering */
	padding: 0px 40px 0px 40px;
	width:680px;
}

/* ------------------------------------------------------HEADER styles ----------------------- */
#headerArea {
	 /*  border: 1px solid purple; for testing */
	padding:24px 0px 0px 0px;
}

ul.mainnav {	
	background: transparent url(../images/navbg-wide.gif) repeat-x;	
	border: 1px solid #d7dfe5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: 700;
	margin: 7px 0px 0px 0px;
	padding: 0;
	position:relative;
	width: 680px;
	z-index:10000;
}
#subpageSidebar ul li {
	list-style-type: disc;
	font-size: 0.8em;
	padding: 0px;
	list-style-position: outside;
	margin: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	clip: rect(auto,auto,auto,auto);
}


ul.mainnav li {
	list-style: none;
	float:left;
	display: inline;
	margin: 0px 0px -1px 0;
	padding: 0px;
	position:relative;
	z-index:1;
}
	ul.mainnav li a {
		display:block;
		position:relative;
		border-left: 1px solid #b9b9b9;
		border-right: 1px solid #b9b9b9;
		color: #3481c1;
		text-decoration: none;
		margin-left: 0px;
		margin-right: -1px;
		padding: 8px 0.6em 7px 0.5em;
		}
		ul.mainnav li.lastnav a {
			border-left: 1px solid #b9b9b9;
			border-right: none;
		}
		ul.mainnav li.firstnav a {
			border-left: none;
			border-right: 1px solid #b9b9b9;
		}

	ul.mainnav li.selected {
		background-color: #F6F8F9;
		border-bottom: none;
		border-left: 1px solid #b9b9b9;
		color: #000000;
		text-decoration: none;
		margin-right: 0px;
		margin-left: 0px;
		padding: 8px 0.6em 7px 0.5em;
	}
		ul.mainnav li.firstnav.selected {
			border-bottom: 1px solid #D7DFE5;
			border-left: none;
		}

ul.mainnav li a:link, li.mainnav a:visited {
	color: #3481c1;
}

ul.mainnav li a:hover {
	color: black;
	text-decoration: underline;
}
.mainnav > li:hover,
.mainnav > li.sfHover {
	z-index:2;
}
.mainnav > li:hover > a,
.mainnav > li.sfHover > a {
	border-left:1px solid #989898;
	border-right:1px solid #989898;
	background-color:#d2e9ff;
}

/* Clear Fix */
/* Apply the floatwrapper class to any element which acts as a container for floats. */

.floatwrapper:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.floatwrapper {
    display:inline-block;
}
/* Hides from IE-mac \*/
.floatwrapper {display:block;}
* html .floatwrapper {height: 1px;}
/* End hide from IE-mac */


/* Dropdown styles */
	.mainnav ul {
		position: absolute;
		top: -999em;
		width: 165px;
		background-color: #d2e9ff;
		border: 1px solid #989898;
		padding: 0;
		z-index: 15000;
	}
	.mainnav ul li {
		width:	100%;
		background:none;
		text-align:left;
		display:block;	
	}
		.mainnav li:hover {
			visibility:	inherit; /* fixes IE7 'sticky bug' */
		}
		.mainnav > li > ul li > ul { display: none !important; visibility: hidden !important; }
		.mainnav li:hover ul,
		.mainnav li.sfHover ul {
			left:			0;
			top:			31px; /* match top ul list item height */
			z-index:		99;
		}
		.mainnav li li a {
			padding:10px 0.5em;
			text-transform:none;
			line-height:1.1em;
			font-size:11px;
			font-weight:bold;
			color:#3481c1;
			border-left:none;
			border-right: none;
			border-bottom: none;
			border-top: 1px solid #989898;
		}
			.mainnav li li:first-child a {
				border-top:none;
			}
		.mainnav li li a:hover {
			text-decoration:underline;
		}
		.mainnav li li:hover, .mainnav li li.sfHover,
		.mainnav li li a:focus, .mainnav li li a:hover, .mainnav li li a:active {
			outline:		0;
			color:#010101;
		}

ul.subnav {	
	background-color: #f6f8f9;
	border-left: 1px solid #D7DFE5;
	border-right: 1px solid #D7DFE5;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: 700;
	margin: 0;
	padding: 6px 0px 0px 0px;
	width: 680px;
}

	ul.subnav li {
		border-right: 1px solid #CECECE;
		color: #b9b9b9;
		line-height: 1.5em;
		list-style: none;
		display: inline-block;
		padding: 0.2em 0.5em 0.3em 0.4em;
	}
	ul.subnav li.selected {
		color: #000000;
		line-height: 1.5em;
		text-decoration: none;
	}
			*+html ul.subnav li { 
				display:inline; 
				zoom:1;
			}

		ul.subnav li a {
			color: #3481c1;
			text-decoration: none;
		}

			ul.subnav li a:hover{
				color: black;
				text-decoration: underline;
			}

#headerArea .searchanddonate {
	 /* border: 2px dotted #fa00fd; for testing */
	 /* background-color: #fffd79; for testing */
	float: right;
	display: inline;
	text-align: right;
}

#headerArea img.button{
	margin-top: 8px;
	margin-left: 6px;
}

#headerArea .columncontainerdiv {
	background: transparent url(../images/bg-three-columns.gif) repeat-y top left;
	float:left;
	display: inline;
	width:680px;
}

#headerArea .subcol1 {
	/*background-color: green;*/
	float:left;
	display: inline;
	width:187px;
	padding-left: 20px;
	padding-right: 18px;
	padding-bottom: 20px;
}

#headerArea .subcol2 {
	/*background-color: red;*/
	float:left;
	display: inline;
	width:201px;
	padding-left: 20px;
	padding-right: 21px;
	padding-bottom: 20px;
}

#headerArea .subcol3 {
	/*background-color: purple;*/
	float:left;
	display: inline;
	width:175px;
	padding-left: 20px;
	padding-right: 18px;
	padding-bottom: 20px;
}

.imgFloatedBorder {
	border: 1px solid #b9b9b9;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 10px;
}

.imgFloatedLeft {
	float: left;
	display: inline;
	margin-top: 10px;
	margin-right: 10px;
}
.imgButtonContent {
	margin: 3px 4px 0px 20px;
}
.imgButtonContentHome {
	margin: 3px 4px 26px 12px;
}

#toppromo {
	width: 680px;
	height: 88px;
}

/* ----------------------------------------------------CONTENT styles---------------------- */
#homeContent {
	/* border: 1px solid green;  for testing */
	background: #f1f4f6;
	float: left;
	display: inline;  /* fixes stupid IE6 double margin bug */
	padding:0px 0px 10px 0px;
	width: 442px;
}

#homeContent .icon {
	border: solid 1px #b9b9b9;
	float: left;
	display: inline;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 8px;
}

#subpageContent {
	/* border: 1px solid green;  for testing */
	background: #f0f0f0;
	float: left;
	display: inline;  /* fixes stupid IE6 double margin bug */
	padding:0px 0px 10px 0px;
	width: 442px;
}
	#crimeslist #subpageContent {
		margin-top: 10px;
		padding-top: 10px;
	}
.subpageContentOneColumn ul li, .subpageContentEvenColumns ul li, #subpageContent ul li, #homeContent ul li  {
	font-size: .8em;
	padding-right: 30px;
}

.subpageContentOneColumn ol li, .subpageContentEvenColumns ol li, #subpageContent ol li, #homeContent ol li {
	font-size: .8em;
}

.subpageContentOneColumn {
	/*border: 1px solid green;  for testing  */
	background: #f0f0f0;
	padding:0px 0px 10px 0px;
}
	#crimeslist .subpageContentOneColumn {
		padding:10px 0px 10px 0px;
		margin-top: 10px;
	}

.subpageContentOneColumn p{
	margin-left: 20px;
	margin-bottom: 1.5em;
	margin-right: 30px;
}
.subpageContentOneColumn img {
	border: 0px solid #7e7e7e;
}


.subpageContentEvenColumns {
	/* border: 1px solid green;  for testing */
	background: #FFFFFF;
	float: left;
	display: inline;  /* fixes stupid IE6 double margin bug */
	width: 340px;
	padding:0px 0px 10px 0px;
}
.subpageContentEvenColumns img {
	border: 1px solid #7e7e7e;
}
.footnote {
	font-size:.7em;
	font-style: italic;
	font-weight: 800;
}


#annualreport .fourcolumnholder {
	background:#F0F0F0;
	height: 250px;
}
.fourcolumnholder p {
	font-size: .8em;
	margin: 0;
	padding: 0;
}

.column1 {
	left: 54px;
	padding-left: 5px;
	position:absolute;
	width: 145px;
}
.column2 {
	left: 204px;
	padding-left: 5px;
	position:absolute;
	width: 150px;
}
.column3 {
	left: 384px;
	padding-left: 5px;
	position:absolute;
	width: 145px;
}
.column4 {
	left: 534px;
	padding-left: 5px;
	position:absolute;
	width: 145px;
}


#sitemap .level1 {
  padding-left: 10px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 10px;
}
#sitemap .level2 {
  padding-left: 30px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#sitemap .level3 {
  padding-left: 60px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#sitemap .level4 {
  padding-left: 90px;
  padding-bottom: 0px;
  margin-bottom: 0px;
}




/* ---------------------------------------------------SIDEBAR styles----------------------- */
#homeSidebar {
	/* border: 1px solid orange;  for testing */
	background: #e3ece8;
	float: right;
	display: inline;  /* fixes stupid IE6 double margin bug */
	padding:0px 0px 10px 0px;
	width: 208px;
}

#subpageSidebar {
	/* border: 1px solid orange;  for testing */
	background: #e3ece8;
	float: right;
	display: inline;  /* fixes stupid IE6 double margin bug */
	padding:0px 0px 10px 0px;
	width: 208px;
}


/* ---------------------------------------------FOOTER styles----------------------- */
#siteFooter {
	/*border: 3px dotted #b9b9b9;  for testing */
	clear: both;
	padding-left:39px;
	padding-right:39px;
	padding-top:20px;
	padding-bottom:20px;
	font-size: .8em;
	text-align: center;
}


.searchanddonate p.cybercrisis {
	font-size: .6em;
}
.thriftshopaddress {
	float: right;
	height: 200px;
	width: 300px;
	border-width: 0 px;
	margin-left: 0px;
}


/* ---------------------------------------------ROTATING JQUERY CAROUSEL styles----------------------- */

.slideshow { 
	height: 186px; 
	width: 680px; 
	overflow: hidden;
}
.slideshow img { 
	padding: 0px; 
	background-color: #fff; 
}
.slideshowtext {
	position: absolute; 
	margin-top: -180px; 
	z-index: 9980; 
	font-family: Times New Roman, Times, serif; 
	padding-top: 10px;
}
#crisisCTA {
	font-size: 16pt; 
	margin-left: 48px;
}
#spanishalttext {
	font-size: 10pt; 
	margin-left: 14px;
}
#helpline {
	font-size: 18pt; 
	font-weight: 800; 
	margin-left: 84px; 
	padding-top: 10px;
}
#crisisdisclaimer {
	font-family: Arial, Swiss, sans; 
	font-size: 10pt; 
	margin-left: 84px;
}
#crisislink {
	font-size: 16pt; 
	font-weight: 700; 
	margin-left: 124px; 
	padding-top: 6px;
}
