* {
	margin: 0;
	padding: 0;
}

html {
	background: #f5f5f5 url(../images/bg-grad.jpg) repeat-x;
}

body {
	text-align: center;
}

#centered {
	margin: 0 auto;
	width: 954px;
	position: relative;
	text-align: left;
}


/*    Top    */

#top {
	height: 3.5em;
	position: relative;
	overflow: hidden;
	background: #9498c6;
	color: #fff;
}

#top div {
	position: absolute;
	top: 13px;
	right: 210px;
	font-size: 91.66666666667%; /* 11px */
}

#top a {
	color: #fff;
}

#search {
	position: absolute;
	top: 10px;
	right: 22px;
	display: block;
	float: right;
}

#search-input {
	width: 141px;
	border: 3px solid #fff;
	border-width: 3px 4px;
	color: #9b9c9e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
}

#search-submit {
	width: 22px;
	height: 21px;
	background: #6f73a5 url(../images/search-submit.gif) no-repeat;
	color: #fff;
	border: none;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	vertical-align: top;
}


/*   header   */

#header {
	height: 162px;
	background: url(../../../images/headers/shanty.jpg) no-repeat;
}

#header a {
	height: 100%;
	display: block;
	position: relative;
}

#header a #name-overlay {
	width: 523px;
	height: 65px;
	position: absolute;
	top: 78px;
	left: 21px;
	display: block;
	background: url(../../../images/logos/saferworld-0.8.png) no-repeat;
}

#header a #logo-overlay {
	width: 112px;
	height: 49px;
	position: absolute;
	top: 82px;
	right: 49px;
	display: block;
	background: url(../../../images/logos/saferworld-logo-0.8.png) no-repeat;
}

#header a:hover #name-overlay {
	background: url(../../../images/logos/saferworld.png) no-repeat;
}

#header a:hover #logo-overlay {
	background: url(../../../images/logos/saferworld-logo.png) no-repeat;
}

#header #donate-button, #header #intranet-button {
	width: 154px;
	height: 39px;
	position: absolute;
	top: 186px;
	right: 28px;
	display: block;
	background: url(../images/donate-button.png) no-repeat;
}

#header #donate-button a, #header #intranet-button a {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	z-index: 10;
}

#header #intranet-button {
	background: url(../images/intranet-button.png) no-repeat;
}


/*    Nav    */

#nav {
	padding-right: 190px;
	background: #6468a1 url(../images/nav-grad.png) repeat-x;
	overflow: hidden;
	zoom:1;
}

#nav ul {
	margin: 0;
	display: block;
	list-style-type: none;
}

#nav li {
	margin: 0;
	float: left;
	display: block;
}

#nav a {
	padding: 4px 24px 7px 24px;
	display: block;
	color: #fff;
	font-size: 108.33333333333%; /* 13px */
	font-weight: bold;
	line-height; 1;
	text-decoration: none;
}

#nav a:hover {
	background: url(../images/1px-white-70.png) repeat;
	color: #444647;
}

#nav #activeSection a {
	background: #fff;
	color: #444647;
}

#sub-nav ul {
	margin: 0;
	list-style-type: none;
}

#sub-nav li {
	margin: 0;
	width:166px;
}

#sub-nav a {
	padding: 3px 22px 3px 11px;
	display: block;
	background: url(../images/nav-arrow.png) no-repeat 150px center;
	border-bottom: 2px solid #dddedf;
	color: #444647;
	font-weight: bold;
	text-decoration: none;
}

#sub-nav .selected a {
	background-image: url(../images/nav-arrow-purple.png);
}

#sub-nav a:hover, #sub-nav a:focus, #sub-nav .selected a {
	background-color: #f3f3f3;
	color: #4c518f;
}

#sub-nav a.menu-first {
	color: #fff;
	background: #9b9c9e;
	border: none;
	font-size: 108.33333333333%; /* 13px */
}

#left-col p {
	font-size: 91.66666666667%; /* 11px */
}

.stay-informed {
	margin-top: 15px;
	width: 122px;
	height: 16px;
	display: block;
	overflow: hidden;
	background: url(../images/stay-informed.png) no-repeat;
}


/*    Main    */

#main {
	padding-bottom: 20px;
	background: #fff url(../images/main-grad.png) repeat-y right;
}

#breadcrumbs {
	padding: 10px 22px;
	font-size: 91.66666666667%; /* 11px */
}

#sw-breadcrumbs {
	padding-left: 5px;
	display: inline;
} 

#left-col {
	margin: 0 20px 0 22px;
	width: 166px;
	float: left;
}

#content-col {
	margin: 0 20px 0 0;
	width: 538px;
	float: left;
}

#wide-col {
	margin: 0 20px 0 22px;
	width: 724px;
	float: left;
}

#right-col {
	margin: 0 22px 0 16px;
	width: 150px;
	float: left;
}

#home-left {
	margin: 37px 20px 0 22px;
	width: 724px;
	float: left;
}

#home-left #tabs h3 {
	margin-top: 0;
	font-size: 116.66666666667%; /* 14px */
}

#home-left .intro {
	color: #7075ae;
	font-size: 100%;
}

#home-left #tabs {
	width: 538px;
	float: left;
}

#feature {
	zoom: 1;
}

/*
#home-left #tabs #feature p, #home-left #tabs #feature ul, #home-left #tabs #feature ol {
	margin-left: 138px;
}*/

#latest-blog {
	margin-left: 20px;
	width: 166px;
	float: left;
}

#latest-blog h2, #home-right h2, #right-col h2 {
	margin-bottom: 12px;
	color: #6f7172;
	font-size: 91.66666666667%; /* 11px */
}

#home-right {
	margin: 25px 22px 0 16px;
	width: 150px;
	float: left;
}

#home-right img {
	display: block;
}

#latest-blog p, #right-col p, #home-right p {
	font-size: 91.66666666667%; /* 11px */
}


/*    Tabs    */

.ui-tabs .ui-tabs-hide {
	display: none;
}

#tabs {
	margin-top: 20px;
}

#home-left #tabs {
	margin-top: 0;
}

#tabs ul {
	margin: 0;
	list-style-type: none;
}

#tabs ul li {
	margin: 0;
	float: left;
}

#tabs ul a {
	margin: 0 3px -1px 0;
	padding: 6px 18px;
	display: block;
	background: #deddd9 url(../images/tab-grad.png) repeat-x;
	color: #9b9c9e;
	font-size: 91.66666666667%; /* 11px */
	text-decoration: none;
}

#tabs ul li.ui-tabs-selected a, #tabs ul li.ui-state-hover a {
	padding: 5px 17px;
	color: #6f7172;
	background: #fbfbfb;
	border: 1px solid #dddedf;
	border-bottom-color: #fbfbfb;
}

#home-left #tabs #feature, #home-left #tabs #resources, #tabs #tab-1, #tabs #tab-2, #tabs #tab-3 {
	margin-bottom: 14px;
	padding: 15px 16px;
	clear: both;
	background: #fbfbfb;
	border: 1px solid #dddedf;
}


/*    Box    */

.box-title {
	background: #dddedf;
}

.box-title h2 {
	margin: 0;
	padding: 5px 16px;
	color: #9b9c9e;
	font-size: 183.33333333333%; /* 22px */
}

.box-body {
	padding: 15px 16px;
	background: #fbfbfb;
	border: 1px solid #dddedf;
}

.box-body h3 {
	margin: 0 0 10px 0;
	color: #9b9c9e;
}

.box-body h4 {
	margin: 0 0 5px 0;
	font-size: 116.66666666667%; /* 14px */
}

.box-body p, .box-body ul, .box-body ol {
	margin-left: 165px;
}

.box-title.search {
	background: #c9cbe4
}

.box-title.search h2 {
	padding-top: 8px;
	color: #4c518f;
	font-size: 100%; /* 12px */
	font-weight: normal;
}

.box-title.keyword-search h2,
.box-title.search-results h2 {
	padding-top: 8px;
	color: #6f7173;
	font-size: 100%; /* 12px */
	font-weight: normal;
}

.box-body.keyword-search p,
.box-body .searchResults p {
	margin-left: 0;
}


/*    Photo story    */

a.photo-story-image {
	background: #dddedf;
	display: block;
	text-align: center;
}

a.photo-story-image img {
	max-width: 100%;
	max-height: 403px;
	text-align: center;
}

.photo-story-caption {
	margin: 10px 0;
}

.photo-story-controls {
	text-align: center;
}

.photo-story-controls a {
	margin: 0 5px;
	padding: 2px 5px;
	background: #7075ae;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}

.photo-story-controls a:hover {
	background: #9B9C9E;
}


/*    Forms    */

label {
	margin-bottom: 3px;
	display: block;
	color: #4c518f;
	font-weight: bold;
}

.newsArchive label {
	display: inline;
}

.input-tiny, .input-small, .input-medium, .input-large, .wide-input, textarea, .input-field {
	width: 200px;
	display: block;
}

select {
	margin-right: 10px;
	max-width: 250px;
	display: block;
	float: left;
}
.newsArchive select {
	display:inline;
	float:none;
}

textarea {
	height: 100px;
}

.fieldError{
	border: 1px solid red;
}

.error {
	color: red;
}

.form-field-wrapper {
	margin-bottom: 10px;
	clear: both;
	overflow: auto;
}

#form1 p {
	overflow: auto;
}


/*    Donation Form    */

#donation-form ul.errors {
	margin: 0;
	padding: 3px 15px 15px 15px;
	list-style-type: none;
	background: #7075ae;
	color: #fff;
}

#donation-form ul.errors h2 {
	color: #fff;
}

#donation-form label {
	width: 110px;
	float: left;
	color: #454648;
	font-weight: normal;
}

form .row {
	padding-bottom: 10px;
}

form .input-field {
	padding: 2px 5px;
	width: 190px;
	border: 1px solid #cbccce;
	color: #6f7173;
}

form .row.required .input-field {
	border-color: #7075ae;
}

form fieldset {
	border: none;
}

#donation-form .box-title {
	padding: 15px 15px 5px 15px;
}

#donation-form .box-title label, #donation-form .box-title legend {
	color: #4c518f;
	font-size: 116.66666666667%; /* 14px */
}

#donation-form .box-title label {
	margin-right: 5px;
	width: auto;
	display: block;
	float: none;
}

#donation-form.supporter-donations .box-title label {
	padding: 0 15px 0 5px;
	display: inline;
	color: #454648;
	text-align: right;
}

#donation-form.supporter-donations .box-title .input-radio {
	margin-top: 10px;
}

#donation-form.single-donations .box-title .input-field, #donation-form.single-donations .box-title label {
	display: inline;
}

form .row.checkbox label {
	width: 365px;
	float: right;
}

form .row .input-checkbox {
	margin-left: 110px;
}

form .input-submit {
	padding: 3px 12px;
}

#donation-form .box-body p {
	margin: 0;
}



/*    Resource Search    */

.col {
	width: 252px;
	float: left;
}

#resource-search .group {
	margin-bottom: 15px;
}


/*    Map    */

#map {
	width: 538px;
	height: 300px;
	position: relative;
	background: #b8b8b8;
	background: #d2d2d1;
}

#map-overlay {
	width: 180px;
	height: 200px;
	padding: 5px 15px;
	position: absolute;
	bottom: 30px;
	right: 100px;
	display: none;
	overflow: hidden;
	z-index: 10;
	background: url(../images/1px-white-70.png);
	border: 1px solid #6f7173;
}

#map-overlay h2{
	margin: 8px 0 6px 0;
}

#map-overlay ul{
	list-style:none;
	margin-left:0;
}

#map-overlay li {
	margin-bottom: 6px;
	padding-left: 10px;
	font-size: 83.33333333333%;
	font-weight:bold;
	background: url(../images/nav-arrow-purple.png) 0 2px no-repeat;
}

#map-overlay p {
	font-size: 83.33333333333%;
}

#map-overlay p.close{
	text-align: right;
}


/*    Blog    */

.comments {
	padding-left: 18px;
	background: url(../images/blog-comments.png) no-repeat 0 2px;
}
#right-col .comments {
	background: url(../images/blog-comments-sidebar.png) no-repeat 0 2px;
}

#follow-facebook {
	margin-left: 5px;
}

.wide-input {
	width: 240px;
}


/*    Events    */

.event-homepage-date-box {
	height: 50px;
	width: 46px;
	float: left;
	background: #c0c0c0;
}

.event-homepage-date-day {
	padding-top: 7px;
	color: #333;
	font-size: 190.90909090909%; /* 21px */
	font-weight: bold;
	line-height: 100%;
	text-align: center;
}

.event-homepage-date-month {
	color: #aaa;
	font-size: 118.18181818182%; /* 13px */
	font-weight: bold;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}

.event-homepage-dates-info {
	margin-left: 55px;
}


/*    Footer    */

#footer {
	height: 48px;
	position: relative;
	overflow: hidden;
	background: #9498c6;
	color: #fff;
	font-size: 91.66666666667%; /* 11px */
}

#footer .stay-informed {
	margin: 10px 0 0 22px;
	background-image: url(../images/stay-informed-purple.png);
}

#footer p {
	margin-left: 22px;
}

#footer a {
	color: #fff;
}

#credits {
	position: absolute;
	top: 15px;
	right: 20px;
}

#copyright {
	margin: 7px 0 30px 0;
	font-size: 91.66666666667%; /* 11px */
	text-align: center;
}


/*    Additional Styles    */

a.resultNavNext {
	padding-right: 12px;
	background: url(../images/result-nav-next.gif) no-repeat right center;
}

a.resultNavPrev {
	padding-left: 12px;
	margin-left: 4px;
	background: url(../images/result-nav-prev.gif) no-repeat left center;
}

a.seeMore, #right-col li a {
	padding-left: 12px;
	background: url(../images/see-more-arrow.gif) no-repeat left center;
}

/*
#resourceDownloads h2 {
	margin-bottom: 4px;
}
*/

#right-col ul {
	font-size: 93%; /* 11px */
	list-style: none;
	margin: 0;
}

#right-col li{
	margin-bottom: 6px;
}

#resource-search-submit {
	margin-top: 12px;
	float: right;
}

#keyword-search-submit {
	margin-top: 12px;
	float: right;
}

.newsFeed.box-body p {
	margin-left: 0;
}

.box-title.emailSignup h2,
.box-title.newsFeed h2 {
	color: #6F7173;
	font-size: 100%;
	font-weight: normal;
	padding-top: 8px;
}

p.resultDate{
	color:#9B9C9E;
	font-size:92%; /* 11px */
	margin-bottom:0px;
}

p.resultNav{
	border-top:solid 1px #d8d8d8;
	padding-top:20px;
	color:#9B9C9E;
}

.resultNav a{
	padding:0 4px;
	color:#9B9C9E;
}
.resultNav a:hover{
	color: #4c518f;
}
.resultNav a.selected{
	color:#000000;
}


/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

#hidden-survey h2 {
	margin: 20px 0;
}
#hidden-survey table {
	width: 100%;
}
#hidden-survey p {
	margin: 0 0 15px;	
}
#hidden-survey td {
	padding: 10px;	
	width: 30%;
	text-align: center;
}
#hidden-survey a {
	display: block;
	padding: 6px;
	font-weight: bold;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px;           
	-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; 

}
		#hidden-survey a:link, #hidden-survey a:visited {
			color: #FFF;	
			text-decoration: none;
		}
				#hidden-survey a:hover {
					color: #333;	
					text-decoration: none;
					-webkit-box-shadow: 0px 0px 4px #000; 
					-moz-box-shadow: 0px 0px 4px #000; 
					box-shadow: 0px 0px 4px #000; 
				}
		#hidden-survey .now {
			background: #51c845;
		}
		#hidden-survey .later {
			background: #c8bd45;
		}
		#hidden-survey .never {
			background: #d14343;	
		}