/* - screen styles for the template
=========================================================================*/
body {
	margin:0;
	padding:0;
	background:#fff none no-repeat center 108px;
	font: normal 62.5% arial, sans-serif; /* SETS TO 10PX */
	color:#000;
	line-height: 2em;  
}


/* - layout
=========================================================================*/
#SiteWrap { width:967px; margin:0 auto; }
#header img { float:left; }
#NavMain { float:right; padding:0px; margin:-42px 0 0 0; }
#content {width:807px; margin:0 auto; overflow:hidden;}
#content-share {width:807px; margin:0 auto; overflow:hidden; text-align:right;}
.padding {margin:45px 20px 0px 0px;}
#footer {width:967px; margin:0 auto; text-align:center;}


/* - general
=========================================================================*/
img { border: 0; }

a { color:#0B5583; text-decoration:none; outline:none; }
a:active {outline:none;}
a:hover { color:#0B5583; text-decoration:underline; }

p, ol, ul, dl  {
	margin: 1em 0;
	font-size: 1.3em;
}

ol, ul {
	list-style-position:outside;
	list-style-type:disc;
	margin-left: 2em;
}

h1 {
	font: bold 2em arial, sans-serif;
	color: #000; 
	letter-spacing:-0.7px; 
}

h2 {  
	font: normal 1.8em arial, sans-serif;
	color: #000;  
	border-bottom: 1px solid #c5cfc4;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

h3 {  
	font: normal 1.6em arial, sans-serif;
	color: #3f403d;  
	border-bottom: 1px solid #f1f3f0;
	margin-bottom: 1em;
	padding-bottom: .5em;
	padding-left: 10px;
}


/* - email form
=========================================================================*/
fieldset, form, label {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

/* the form itself */
#gb_form {
	width:807px;
	float: left;
	text-align:left;
	margin-left:325px;
}

/* main formhead, of course */
.main_formhead { }

/* redefine main legend props */
#gb_form legend#mainlegend { display: none; }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }

/* form labels */
#gb_form label { font: normal 1.3em arial, sans-serif;}

/* required */
#gb_form legend span {
	font-style: italic;
	color: #999;
}

/* define all inputs, except button */
#gb_form input.short, #gb_form input.med, #gb_form textarea.textbox {
	margin-bottom: 20px;
	padding: 4px 5px;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	border-bottom: 1px solid #cfcfcf;
	background: url(images/input_shadow.gif) top left no-repeat;
	font: normal 1.3em arial, sans-serif;
}
#gb_form input.short:focus, #gb_form input.med:focus, #gb_form textarea.textbox:focus {
	border: 1px solid #7c7c7c;
}

/* redefine for short input only */
#gb_form input.short {
	width: 60px;
	height: 1.2em;
}

/* redefine for medium input only */
#gb_form input.med {
	width: 278px;
	height: 1.2em;
}

/* spec for textarea only */
#gb_form textarea.textbox {
	padding: 5px;
	width: 438px;
	height: 100px;
}

/* spec for select only */
#gb_form select.med {
	margin-bottom: 20px;
	width: 290px;
}

/* spec for checkbox only */
#gb_form input.checkbox {
	vertical-align: middle;
	position: relative;
	bottom: 2px;
}

/* for checkbox label only */
#gb_form label input.checkbox { }

/* the make button stable in IE6 it must be defined */
* html input.button { }

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { }

/* redefine for short input only, if wanted */
#gb_form input.button {
	margin-top: 20px;
	padding: 2px 5px 1px 5px;
	letter-spacing: .2em;
	font: normal 1em arial, sans-serif;
	border: 3px double #c3c3c3;
	background: #ececec;
}

#gb_form input.button:hover {
	padding: 4px 7px 3px 7px;
	border: 1px solid #c3c3c3;
	cursor: pointer;
}

/* success span, error span, form div dt (redefine) */
#gb_form_div dt {
	padding-bottom: 5px;
	font-style: italic;
	color: #999;
}
span.error { color: #c72828; }
span.success { color: #28c764; }

/* form div dt (redefine more), plus dl */ 
#gb_form_div dt, #gb_form_div dl { }

/* results stuff */
#gb_form_div dt small, dl#result_dl_blockq dt {
	padding-bottom: 5px;
	font-style: italic;
	color: #999;
} 


/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr { }

/* results blackquote */
dl#result_dl_blockq blockquote { }

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }

/* error message links */
#gb_form_div p a { }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }


/* End CUSTOM CSS */