/**
 * Goodwill Industries Manasota - Main Stylesheet.
 * author: jason.lashua at gimi.org
 */
 
* { 
	margin: 0; 
	padding: 0;
}

html { 
	margin-bottom: 1em; 
}

body {
	font-family: Helvetica, Tahoma, sans-serif;
	font-size: small;
	background-color: #fff;
	color: #303030;
	text-align: center;
	margin: 0;
}

.centered {
	text-align: center;
}

.centered * {
	text-align: center !important;
}
	

/**
 Images
 */
 
 .f_r {
	float: right;
	margin-left: 1em;
 }
 
 .f_l {
	float: left;
	margin-right: 1em;
}

.f_l,
.f_r {
	border: 1px solid #ccc;
	margin-top: 1em;
}

img { 
	border: none; 
}

#security {
        background-color: #FFFFB0;
        padding: .5em;
        text-align: center;
        font-size: 1em;
        border-bottom: 1px solid #c0c0c0;
        margin-bottom: 1em;
}

#security img {
        vertical-align: middle;
        margin-right: 1em;
}

#accessibility {
	display: none;
}

/**
 * Links
 */
 
a { 
	color: #369; 
}
a:hover {
	color: #111; 
}
a.button {
	padding: 4px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
	color: #369;
	text-decoration: none;
}
a.button:hover {
	background-color: #eee;
	color: #69c;
}

/**
 * Headings
 */
 
h1#welcome {
	text-indent: -1000em;
	float: left;
}

h3 {
	margin: 1em;
	color: #0060a9;
	font-weight: bold;
}

hr {
	clear: both;
	margin: 1.5em 0;
	border: 0;
	width: 100%;
	color: #aaa;
	background-color: #aaa;
	height: 1px;
}

/**
 * Page Structure
 */

#header {
	background-color: white;
	width: 960px;
	position: relative;
	margin: 1em auto 0 auto;
	border-bottom: 3px solid #0060a9;
	text-align: left;
	padding-top: 5px;
	min-height: 96px;
}

.page_hd h1 {
	font-weight: normal;
	font-size: 155%;
	color: #0060a9;
	margin: 1em 0 0 0;
}

.page_hd h2 {
	color: #447;
	font-weight: normal;
	font-size: 135%;
	margin-bottom: 1em;
	border-bottom: 1px solid #447;
}

#wrapper {	
	background-color: white;	
	color: black;
	width: 965px;
	font-size: 100%;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	border-bottom: 3px solid #0060a9;	
}

#content { 
	background-color: white;
	color: black;
	float: left;
	width: 700px;
	padding-bottom: 1em;
}

#content-home {
	width: 778px;
	margin: 1em auto;
	padding-bottom: 1em;
	border-bottom: 3px solid #0060a9;
	text-align: center;
}

#sidebar {
	background-color: #E6F1FF;
	color: black;
	width: 220px;
	float: right;
	margin:0;
	padding: 1em 10px;
	padding-bottom: 1000em;
	margin-bottom: -999em;
}

#footer {
	background-color: white;
	color: black;
	width: 778px;
	margin: 0 auto;
}

/**
 * Header
 */
 	
#home #header div.search {
	float: right;
	width: 350px;
}

#home #header .search p {
	margin: 1em 0;
	text-align: center;
	line-height: 2em;
}

#home #header .search label {
	display: block;
	margin-top: .25em;
	font-size: 90%;
	font-weight: bold;
}

#home #header .search input {
	vertical-align: middle;
}

#home #header .search input[type=text] {
	background-color: #ccc;
	border: 1px solid #aaa;
	padding: 2px;
	width: 15em;
}

#header img {
	display: block;
	width: 225px;
	height: 82px;
	float: left;
}

#hd_logo
{
	display: block;
	text-indent: -10000em;
	height: 85px;
	width: 225px;
	margin-top: 10px;
	/*background: #fff url(/images/GIMI_web_logob.jpg) 0 0 no-repeat;*/
	background: #fff url(/images/GIM_2011_web_logo.jpg) 0 0 no-repeat;
}
#hd_logo:hover
{
	background-position: 0 0;
}

/**
 * Header Nav / Site Navigation
 */
 
ul#navigation {
	font-size: 90%;
	text-align: right;
	list-style: none;
	font-family: Helvetica, Arial, Sans-serif;
	}

#header #navigation {
	position: absolute;
	margin: 62px 0px 0px 0px;
	/*bottom: 0;*/
	/*right: 0;*/
}

#navigation li { 
	float: left; padding: 0 1em;
	}
	
#navigation li a {
	color: #0060a9;
	display: block;
	height: 34px;
	line-height: 17px;
	float: left;
	font-weight: bold;
	font-size: 120%;
	text-decoration: none;
	padding-bottom: 0px;
	text-align: left;
}

#navigation li a:hover { color: #0060a9; }

#navigation li a span {
	text-transform: none;
	display: block;
}

#navigation li a:hover,
body#home li#nav_home a,
body#ways_of_giving li#nav_ways_of_giving a,
body#events li#nav_events a,
body#services li#nav_services a,
body#about li#nav_meet a,
body#what_we_do li#nav_what a,
body#get_involved li#nav_get_involved a,
body#locations li#nav_locations a,
body#find_help li#nav_find a,
body#news li#nav_news a,
body#contact li#nav_contact a {
	background: url(/images/li-hover.gif) center bottom no-repeat;
}
			
/**
 * Sidebar Styles
 */
 
#sidebar h2 {
	padding-bottom: .25em;
	border-bottom: 1px solid #369;
	margin-top: .5em;
	font-size: 130%;
	line-height: 145%;
	font-weight: bold;
	color: #369;
}

#sidebar p {
	margin: 1em 0;
	font-size: 90%;
	color: #369;
}
			
#sidebar ul#side-nav { 
	list-style: none; 
	margin: 1em auto; 
}

ul#side-nav li {
	margin: 0;
}

#side-nav li ul li {
	list-style: none;
	margin-left: 1em;
}

#side-nav a { 
	padding: 5px 0;
	display: block;
	text-decoration: none;
	padding-left: 10px; 
	background: url(/images/li-arrow.gif) left 8px no-repeat;
}

#side-nav a:hover { 
	color: #369;
	background-color: #cde;
}

dl.sidebar-contacts {
	padding: 0;
}

.sidebar-contacts dt {
	color: #369;
	margin-top: 1em;
}

.sidebar-contacts dd {
	color: black;
	line-height: 150%;
	margin-left: 1em;
}

#sidebar address {
	margin: 1em 0;
	font-style: normal;
}

#sidebar .search p {
	margin: 1em 0;
	text-align: center;
	line-height: 2em;
}

#sidebar .search label {
	display: block;
	margin-top: .25em;
	font-size: 85%;
	font-weight: bold;
	color: #369;
}

#sidebar .search input {
	vertical-align: middle;
}

#sidebar .search input[type=text] {
	width: 100px;
}

/**
 * Content Styles
 */

div.title {
	border-bottom: 1px solid #ccc;
	}
.title h1 {
	color: #0060a9;
	font-weight: normal;
	margin: 0;
	}
.title h2 {
	color: #8080a0;
	font-weight: normal;
	font-size: 120%;
	margin: 0;
}
 


#content>h2 {
	color: #369;
	font-size: 140%;
	font-weight: normal;
	border-bottom: 1px solid #369;
	margin-top: .5em;
}

#content p {
	margin: 1em 0;
	color: #444;
	line-height: 150%;
	letter-spacing: .1pt;
	text-align: justify;
}

.services dt {
	margin-top: 1em;
	font-size: 130%;
	border-bottom: 1px solid #369;
	color: #369;
}

#content dd { margin-top: .5em; text-align: justify; line-height: 190%;}

#content .search {
	text-align: left;
}
#content .search p {
	text-align: left;
}
#content .search label {
	display: inline;
	margin-top: .25em;
	font-size: 90%;
	font-weight: bold;
}
#content .search input {
	vertical-align: middle;
}
#content .search input[type=text] {
	width: 200px;
	padding: 2px;
	background-color: #eee;
	border: 1px solid #ccc;
}

#content #pic-register div {
	margin: .5em 0;
}
#content #pic-register label {
	display: block;
	float: left;
	width: 6em;
}

div.locations {
	overflow: hidden;
	margin: 1em 0;
	clear: both;
	float: left;
	width: 560px;
	}

.locations div.column {
	float: left;
	width: 280px;
	padding-bottom: 1000em;
	margin-bottom: -999em;
}

.column address {
	font-weight: bold;
}
	
.locations dd.right {
	float: right;
}
.locations h3 {
	font-size: 90%;
	font-weight: bold;
	letter-spacing: 0 !important;
	margin: .5em 0 0 0;
	padding-bottom: 0;
}
.locations ul.clean {
	margin-top: 0;
}

.faq dt {
	margin-top: 1em;
	position: relative;
	font-weight: bold;
	color: #369;
}

.faq .inline {
	display: inline !important; 
}

.contacts dt {
	margin-top: 1em;
	position: relative;
}
dt span {
	position: absolute;
	right: 0;
	top: 0;
}
.contacts dd {
	clear: both;
	padding-bottom: 1em;
	border-bottom: 1px solid #ccc;
}

.inventory {
	width: 700px;
	margin: 1em 0;
	padding: 5px;
	border-collapse:collapse;
}

.inventory tr {
	margin: 5px 0;
}

.inventory td {
	padding: 0 5px;
}		

.inventory th {
	margin-top: 5px;
	padding: 5px;
}
	
.even { 	
	background-color: #f0f0f0 !important;
}
	
.inv_photo {
	width: 135px;
	height: 102px;
}
.inv_photo a {
	display: block;
	width: 133px;
	height: 100px;
	border: 1px solid black;
	overflow: hidden;
}
.inv_photo a:hover {
	border: 1px solid #aaa;
}
.inv_inf1 {
	width: 400px;
}
.inv_head {
	font-size: 120%;
}
		
ul.clean,
ul.tight {
	margin: 1em 0;
	}
.clean li {
	margin: .5em 0 .5em 2em;
	/*list-style: square;*/
	list-style: disc;
	line-height: 150%;
}
.tight li {
	margin: 0 0 0 2em;
	line-height: 110%;
}
ol.decimal_a{
	margin: 1em 0;
}
.decimal_a li{
	margin: .5em 0 .5em 2em;
	/*list-style: square;*/
	list-style: decimal;
	line-height: 150%;
}

/**
 * Footer Styles
 */
 
#footer p { padding: 1em 0; clear: both;}
	
#footer #footer_navigation {
	float: right;
	border-bottom: 3px solid #0060a9;
	width: 100%;
}

#footer #navigation {
	text-align: right;
	float: right;
	min-width: 50%;
	margin: 0;
}

/**
 * Forms
 */
 
fieldset {
	border: none;
}

#gmap p label {
	display: block;
}

#survey div label {
	display: block;
	padding: .5em 0;
}	

#survey textarea {
	width: 90%;
	margin: 0 auto;
	height: 5em;
}
	
p.input label {
	width: 150px;
	float: left;
	margin-right: 1em;
}
	
#survey input[type=radio] {
	margin-left:1em;
}
	
#survey td {
	padding: .25em 1em;
	font-weight: bold;
	}
#survey th {
	text-align: center;
	}

#emailer fieldset p label {
	display: block;
	text-align: left;
}

#emailer fieldset p input[type=text],

#emailer fieldset p textarea { 
	margin-top: .5em;
	display: block;
	width: 95%; 
	border: 1px solid #69c;
	background-color: #f5f5f5;
	padding: .5em;
}

.error_msg {
	margin: 1em;
	padding: 1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
	color: #369;
}

.error_msg li {
	margin: 1em 0 0 2em;
}

#mardigras fieldset {
border: 1px solid #0060a9;
padding: 1em;
margin-top: 1em;
}

#mardigras legend {
padding: 4px 20px;
background-color: #0060a9;
color: white;
font-weight: bold;
}

/**
 * Blog / News Entries
 */
 	
div.blog {
	margin: 1em 0;
	text-align: justify;
	clear: both;
	border-bottom: 1px solid #ddd;
}

.blog h3,
.blog h4 {
background-color: #eee;
}

.blog h3 {
	padding: 4px;
	line-height: 100%;
	font-size: 150%;
	font-weight:normal;
	letter-spacing: -1px;
	color :#000;
	margin: 1em 0 0 0 !important;
	border: none!important;
}
.blog h3 a {
	text-decoration: none; 
}

.blog p {
	margin: 1em 0;
	}
.blog h4 {
	font-size: 90%;
	font-weight: normal;
	letter-spacing: -.5px;
	padding: 4px;
	border-bottom: 1px solid #eee;
	color: #888;
	}
.blog blockquote {
	font-family: Helvetica, Arial, sans-serif;
	margin-left: 2em;
	padding-left: 1em;
	border-left: 3px solid #ccc;
	font-weight: bold;
	}
	
dl.error_head {
	margin: 1em auto;
	background-color: #eee;
	padding: 10px;
	width:720px;
}
.error_head dt {
	width: 66px;
	display: block;
	padding: 0;
	float: left;
}
.error_head dt img { padding: 0; margin: 0; display: block; width: 66px; height: 70px;}
.error_head dd {
	float: left;
	width: 400px;
	margin: 0 !important;
	padding-left: 1em;
}
	
.error_head h2 {
	margin: 0;
	padding: 0;
	font-size: 190% !important;
	border-bottom: none !important;
	color: #0060a9 !important;
	font-weight: bold !important;
}

/**
 * Small content boxes
 */
 	
.box-outter {
	float: left;
	background-color: white;
	width: 700px;
	overflow: hidden;
}
.box-wrapper {
	width: 340px;
	float: left;
}
.box-wrapper h2 {
	border-bottom: none;
	margin: 0;
	letter-spacing: -1px;
	font-size: 115%;
	color: #443;
	font-weight: bold !important;
}
.box-wrapper h3 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
	font-weight:bold;
}

.box-inner {
	padding: 0 1em;
	background-color: white;
}
.box-inner hr
{
	width: 90%;
	
}
.box-content {
	padding: 5px;
	margin-top: -1em;
}	
.box-content p {
	color: black;
}
.box-content h3 {
	font-weight: normal;
	color: #0060a9;
}
.box-content address {
	font-style: normal;
}

/** 
 * Contact page specific boxes 
 */
 
#box-gii {
	background: url(/images/box-head-gii.jpg) center top no-repeat;
}
			
#box-contact {
	 background: url(/images/box-head-contact.jpg) center top no-repeat;
}

div.factfloat {
float: right; 
margin-top: 1em;
padding-left: 1em;
width: 50%;
}

.factfloat table {
font-size: 90%;
border-collapse: collapse;
background-color: #eee;
border: 1px solid #ddd;
font-family: Arial, Helvetica, sans-serif; 
}
.factfloat table caption {
font-size: 80;
background-color: #0060a9;
color: white;
}
.factfloat table th {
text-align: right;
width: 50%;
padding: 2pt;
}
.factfloat table td {
text-align: left;
width: 45%;
padding: 2pt;
padding-left: 4%;
}

dl.table {
font-size: 90%;
margin-left: 1em;
float: right;
width: 100%;
background-color: #eee;
border: 1px solid #ddd;
}

dl.table dt {
display: block;
clear: both;
float: left;
width: 50%;
text-align: right;

line-height: 180%;
font-weight: bold;
}
dl.table dd {
margin: 0 !important;
display: block;
float: right;
text-align: left;
width: 40%;
font-weight: normal;
line-height: 180%;
}

/***/
.mardi_gra_div{
	margin: 20px 0px 30px 0px;
}
		
/**
 * Fixes
 */


.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

* html #header #navigation {
	bottom: -1px !important;
	}