/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td,object { margin: 0; padding: 0; }
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
body {
	font-size: 62.5%;
	/*background: #fff;*/
	background-color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-bottom: 4em;
}
/* -------------------------------------------- */

body { background: #000000 url(../images/body-bg.jpg) 0 0; }

h1 {font-size: 2em; letter-spacing: -0.02em; line-height: 110%;}
h2 {font-size: 1.25em; font-weight: bold; color: #000;}
h3 {font-size: 1.25em;}
h1,h2,h3 { margin-bottom: .5em }
p, div, th, td, ol, li, a, pre, form, fieldset, input, blockquote, table { font-size: 1em } 
p, pre, blockquote, ul, ol { margin-bottom: 1em } 

p { line-height: 150% }

ul, ol { margin-left:1.5em; padding-left:0px; }
li { margin-bottom:0.5em; }

ul.horiz { list-style: none; white-space:nowrap; margin: 0; }
ul.horiz li { display: inline;  float: left; margin: 0; }
ul.horiz li a { display:block; color: #fff; text-align: center; }
ul.horiz li a:hover {  } 

.floatleft { float: left;  margin: 0 10px 10px 0  }
.floatright { float: right; margin: 0 0 10px 10px } 

#container {
	width: 		80em;
	margin: 	0px auto;
	font-size: 	1.2em;
	position: 	relative;
}

#header { 
	background: #ffffff url(../images/header-bg.jpg) 0 0;
	height: 14.5em; /*176px;*/
	position: relative;
	border-bottom: 1em solid #f4911e;
	overflow: hidden;
} 

	#logo { 
		width: 19.95em;
		border-right: .9em solid #f4911e;
	} 
	#logo img { width: 19.95em } 

	#hyponav {
		position: absolute;
		left: 20.75em;
		bottom: 3em;
		background: #fcf4d7;
		background: -moz-linear-gradient(0% 100% 90deg,#F8D8AC, #fcf4d7);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcf4d7), to(#F8D8AC));
		width: 100%;
		height: 3em;
		padding-left: 2em; 
		border-top: .8em solid #f4911e;
	}
		
		#hyponav li a { 
			display: block;
			padding: 0; 
			border-top: 0;
			margin: .5em 1em .5em 0;
			color: #f4911e;
			font-size: 1.25em;
			
		}	
		
		#hyponav li:first-child a { padding-right: 1em;  border-right: 1px solid #f4911e  }

	#topnav {
		position: absolute;
		bottom: 0;
		left: 20.75em;
		border-top: 1px solid #f4911e;
		height: 3em;
		background: #fff;
		background: -moz-linear-gradient(0% 100% 90deg, #e5e4e2,#ffffff);
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#E5E4E2));
		width: 100%;
		padding-left: 2em; 
	} 
		#topnav ul { margin-top: 1em; } 
		#topnav li a { 
			font-size: 1.25em; 
			padding: 0 .5em; 
			line-height: 1em;
			color: #231f20; 
			border-left: 1px solid #000;
			font-weight: bold;
		} 

		#topnav li:first-child a { padding-left: 0; border: 0 } 
		
		#topnav li a:hover,
		#topnav li.selected a { 
			color: #f4911e;
			font-weight: bold;
		}
	
#main {
	color: 		#282828;
	width: 		80em;
	float: 		right;
	padding: 	0px;
	background: #fff;
}



	#main h1 { color: #f4911e } 

	#main img.border { border: 1px solid #493720; } 
	
	
	#main p a { color: #ba8c0c; text-decoration: underline; } 
	#main p a.arrow { 
		padding-right: 1em; 
		background: url(../images/arrow-right.jpg) no-repeat 100% 60%; 
		text-decoration: none;
		}  


#footer {
	
	text-align: 		center;
	width: 				80em;
	overflow: 			auto;
	clear: 				both;
	padding: 			10px;
	color: 				#999;
	letter-spacing: 	.02em;
	text-transform:		uppercase;
}


/* GOOGLE FORMS */

.ss-form-container{ }
.ss-q-title{font-weight: bold;display: block;}
.ss-q-submit{color: #000;}
.ss-form-entry { margin-bottom: 1.5em;}
.ss-q-long,.ss-q-short, .ss-q-submit { background:#f7f7f7;border:solid gray 1px;padding:3px 3px; color:#666666; }
.ss-q-short { width: 150px } 
.ss-q-long { width: 300px }