/*------------------------------------------------------------------
General Screen + Projection Style Sheet

Guide Dogs for the Blind
version:	1.2
author:		Brian McNitt, TrendMedia Technologies, Inc.
email:		brian.mcnitt@trendmedia.com
website:	http://www.trendmedia.com
------------------------------------------------------------------*/


/* =Typography Base Styles
------------------------------------------------------------------*/
body{
	text-align:center;
	min-width: 71.6em;
	font-size: 82.5%; /* :NOTE: Base font size is overridden in stylesheet "http://forms.guidedogs.com/bodystyle.aspx" */
	font-family:Arial, Helvetica, sans-serif;
}
.clear {
	clear:both;	
}
hr{
	border: none;
	background-color: #AA9F5e; /* :HACK: slight color difference between color and background color to validate under W3C CSS. */
	color: #AA9F5F;
	height: 1px;
}
hr+p{
	 margin-top: 1em;
}
h1, h2, h3, h4, h5, h6{
	margin: 1em 0 0.25em 0;	
}
p {
	margin-top: 0;
}
ul, ol {
	/*margin: 0 0 1em 0;*/
/*	padding: 0 0 0 1.25em;*/
	font-size: 1.2em;
	/*display:inline-block;*/
}
ul.leftFloatFix, ol.leftFloatFix{/*KLUDGE: fixes alignment of bullets next to left floated blocks such as images. set to a different value in IE specific stylesheets*/
	margin-left:8.75em;
}
th, td{
	font-size:1.1em;
}
td table td{
	font-size:1.1em;
}
input, select {
	font-size:1.1em;
}
.hidden{
	float:left;
	margin-left: -2000em;
	
}
.floatLeft{
	float: left;	
}
.floatRight{
	float: right;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
caption{
	font-size:1.2em;
}
/* =Headlines
------------------------------------------------------------------*/


/* =Links
------------------------------------------------------------------*/

a:link, a:visited {
	color: #333;
	background-color:#fff;
}
a:hover {
	color: #1479C4;
	background-color:#fff;
}


/* =Branding
------------------------------------------------------------------*/
#branding{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:7.6em;
	color:#000;
	background-color: #EFE6C7;
}
#branding img#logo{
	float:left;
	margin: 1.8em 0 0 1.5em;
}
div#skipLinks{
	float:left;
	margin-left: -2000em;
}
#branding a:link, #branding a:visited {
	color: #000;
	background-color:#EFE6C7;
}
#branding a:hover {
	color: #1479C4;
	background-color:#EFE6C7;
}

/* =Page Title
------------------------------------------------------------------*/
#pageTitle{
	padding-top:0.25em;
	padding-left: 1.4em;
}
#pageTitle h1 {
	margin-top: 0;
	font-size: 1.6em;
	text-transform: uppercase;	
}

/* =Main Content
------------------------------------------------------------------*/
#mainContent{
	clear:left; /*NOTE: clears past the floated skip links*/
	float: left;
	width: 49.9em;
	margin: 0 0 2em 0;
	padding: 0 0 0 1.5em;
}
#mainContent.noSidebar{
	width: 68.5em;
}
#mainContent .column{

	float: left;
	padding-left:6.0em;
}
#mainContent hr {
	margin: 0 0 0 -1.5em;
}
#mainContent p {
	font-size: 1.2em;
}
#mainContent h1 {
	font-size: 1.6em;	
}
#mainContent h2 {
	font-size: 1.4em;	
}
#mainContent h3, #mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1.2em;
}
#mainContent li li, #mainContent LI P, #mainContent TD P, #mainContent BLOCKQUOTE P {
	font-size:.8333em; /*NOTE: control EMS sizing of nested elements in the main content area*/
} 

#mainContent table td p{
	font-size:0.80em;
}

/* =Image styles
------------------------------------------------------------------*/

img.floatLeft{
	float: left;
	margin: 0 1em 1em 0;
}
img.floatRight{
	float: right;
	margin: 0 0 1em 1em;
}

/* =Sidebar
------------------------------------------------------------------*/
#sidebar{
	float: right;
	width: 18.5em;
	margin: 0 0 2em 0;
	padding: 0 0.8em 0 0;
}

/* =Main Nav
------------------------------------------------------------------*/
#mainNav{
	color:#000;
	position:absolute;
	top:7.6em;
	left:0;
	width:70.5em;
	height:2.1em;
	background-color: #AC5925;
	padding:0.1em 0 0 .9em;
}

/* =Utility Nav
------------------------------------------------------------------*/
#utilityNav{
	position: absolute;
	top: 0.5em;
	right: 0.5em;	
	width: 45em;
	text-align:right;
}
#utilityNav a:link, #utilityNav a:visited {
	text-decoration: none;
}
img.fontSize{
	vertical-align: -0.5em;
	margin: 0 0.5em 0 0;
}
#fontSizeFirst{
	margin: 0 0.5em 0 0.5em;
}

#utilityNav a:link, #utilityNav a:visited {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:none;
}
#utilityNav a:hover {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:underline;
}

/* =Search
------------------------------------------------------------------*/
#search{

	position: absolute;
	top: 3.7em;
	right: 0.5em;	
	width: 45em;
	text-align:right;
}
#search form{
	margin: 0;
}
#search input#query{
	width:15em;
}
#search .button { /*Note: button styling is not supported in Safari.*/
	background-color: transparent;
	border: 0;
	padding: 0;	
}
#search label {
	float: left;
	margin: -2000em;
}

/* =Breadcrumb
------------------------------------------------------------------*/
#breadcrumb{
	position:absolute;
	top:9.8em;
	left:0;
	width:100%;
	padding: 1.2em 0 0 0;
	background-image: url(../images/breadcrumb-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#breadcrumb p{
	margin:0;
	padding: 0 0 1em 1.5em;
}

/* =Footer
------------------------------------------------------------------*/
#footer{
	position:relative;
	clear: both;
	text-align: center;
	padding: 1.75em 1.75em 0 0;
	color: #000;
	background-color: #EFE6C7;	
	background-image: url(../images/footer-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#footer p{
	margin-bottom:0;
	padding: 0 0 1em 0;
	
}
p#footerTagline {
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;	
}
#footerText{
	float:left;
}
#footer a:link, #footer a:visited {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:none;
}
#footer a:hover {
	color: #000;
	background-color:#EFE6C7;
	text-decoration:underline;
}
#validations{
	position:absolute;
	bottom:1em;
	right:0;
}

/* =Box Styles
------------------------------------------------------------------*/
#wrapper{
	position:relative;
	width: 71.4em;
	text-align:left;
	margin: 0em auto 0em auto;
	border:1px solid #666;
	padding-top:12.9em;
}
#homePage{
	margin-top:-3.1em;
}
#homePage h1.hidden, #homePage h2.hidden{
	margin-bottom: -5em; /* NOTE: fixes ghost margins of hidden header elements on home page */
}
.box {
	border: 1px solid #AA9F5F;
	margin-bottom: 1.0em;
	padding-bottom:1em;
	background-color: #fff; /*#C3BC8F;*/
}
.box>p {
	margin-top: .5em;
}
.box h2 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin: 0 0 .5em 0;
	padding: 0 .75em 0 .75em;
	color: #000;
	background-color: #D4CFAF; /* #e3e3e3*/
	text-transform: uppercase;	
}
.box h3 {
	font-size: 1.2em;
}
.box p, .box ul, .box ol, .box table, .box h3{
	font-size: 1.2em;
	margin-left: 0.75em;
	margin-right: 0.75em;
	margin-bottom:0;
}
#homeSidebar .box {
	background-color:#d4cfaf;
	margin-bottom:0em;
	border-bottom-width: 3px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #FFFFFF;
}
#homeSidebar .box a:link, #homeSidebar .box a:visited {
	color: #000;
	background-color:#d4cfaf;
}
#homeSidebar .box a:hover {
	color: #1479C4;
	background-color:#d4cfaf;
}
#homeSidebar #special{
	background-color: #A04B12; /*transparent;*/
	border-bottom-style: none;
	color:#fff;
}
#homeSidebar #special a:link, #homeSidebar #special a:visited {
	color: #fff;
	background-color: #A04B12;
}
#homeSidebar #special a:hover {
	color: #000;
	background-color: #A04B12;
}
#homeSidebar #special img{
	border: 1px solid #fff;
}
#homeSidebar .box h2{
	background-color: #aa9f5f;
}
#subNav h2 {
	color: #fff;
	background-color: #0a2d47;
}
#subNav ul{
	margin-left:0.85em;
	padding: 0;
	list-style-type: none;
}
#subNav li{
	padding-left: 12px;
	background-image: url(../images/subnav.gif);
	background-repeat: no-repeat;
	background-position: 0 .25em;
}


/* =Form Styles
------------------------------------------------------------------*/
/* GENERAL CONVIO FORMS */
label{ 
	font-family:Arial, Helvetica, sans-serif; /* Fixes label display in Convio Surveys */
}
textarea{ 
	font-family:Arial, Helvetica, sans-serif; /* Fixes label display in Convio Surveys */
}
/* CONVIO DONATION FORM */
.FormSectionHeader {
	font-weight: bold;
	background-color: #EFE6C7;
	color: #000;
}
td.FormInfoMsg {
	font-size:1.2em;
}
td.holdsErrorMsgTable{
	background-color:#E3DFCA;

}

/* =Home Page Styles
------------------------------------------------------------------*/
#featureAndSidebarWrapper{
	background-color:#efe6c7;
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	border-top-width: 0.3em;
	border-top-style: solid;
	border-top-color: #fff;
}
#homeContent{
	padding-top:7px;
	background-image: url(../images/breadcrumb-top-boarder.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color:#ffffff;
}
#homeFeature{
	float:left;
	width:47.4em;
}
#homeFeatureContent{
	margin: -.5em 1em 0 1em;
}
#homeFeatureContent h2 {
	font-size: 1.4em;	
}
#homeFeatureContent h3, #homeFeatureContent h4, #homeFeatureContent h5, #homeFeatureContent h6 {
	font-size: 1.2em;
}
#homeFeatureContent a:link, #homeFeatureContent a:visited {
	color: #000;
	background-color:#efe6c7;
}
#homeFeatureContent a:hover {
	color: #1479C4;
	background-color:#EFE6C7;
}
#homeFeatureContent p, #homeFeatureContent ul, #homeFeatureContent ol, #homeFeatureContent table{
	font-size: 1.2em;
}
#homeFeatureContent h1{
	text-transform: uppercase;
	font-size: 1.6em;
}
#homeSidebar{
	float:right;
	width: 23.7em;
	border-left-width: 0.3em;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color:#ffffff;
}
#homeSidebar div.box h3{
	margin-bottom:-.5em;

}
#homeThreeColumn{
	clear:both;
	background-image: url(../images/home-three-col-top-boarder.gif);
	background-repeat: repeat-x;
	padding-top:7px;
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-color:#c3bc8f;
}
#homeThreeColumn a:link, #homeThreeColumn a:visited {
	color: #000;
	background-color:#c3bc8f;
}
#homeThreeColumn a:hover {
	color: #1479C4;
	background-color:#c3bc8f;
}
#homeThreeColumn p, #homeThreeColumn ul, #homeThreeColumn ol, #homeThreeColumn table, #homeThreeColumn h3{
	font-size: 1.2em;

}
#homeThreeColumn h2{
	font-size: 1.3em;
}
#building{
	float:left;
	width: 21.5em;
	height:19em;
	min-height:19em;
	border-right-width: 0.3em;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	padding: 0 1em 0 1em;
}
#creating{
	float:left;
	width: 21.5em;
	height:19em;
	min-height:19em;
	border-right-width: 0.3em;
	border-right-style: solid;
	border-right-color: #FFFFFF;	
	padding: 0 1em 0 1em;
}
#supporting{
	float:left;
	width: 21.85em;
	height:19em;
	min-height:19em;
	padding: 0 0.75em 0 1em;
}
#homeFeatureImage{
	border-bottom-width: 0.3em;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}