body {
	margin: 0 auto;
	font: 100%/1.5 verdana, tahoma, sans-serif;
	color: #000;
	background: #FFF;
	text-align: center
}

.wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	font-size: 80%;
	text-align: left
}

#content {
	clear: both;
	overflow: hidden;
	padding-bottom: 4em;
	background: url(/images/content_bg.png) 50% 0 no-repeat
}

#text {
	float: left;
	width: 650px
}

#sidebar {
	float: right;
	width: 265px
}

/*------ general styles ------*/

a { text-decoration: underline; color: #E77A25; font-weight: bold; }
a:visited { color: #666 }
a:hover, a:focus, a:active { color: #f90; text-decoration: underline }
h1, h2, h3, h4, h5 { 
	margin: 1.5em 0 .3em; 
	line-height: 1.2;
	font-family: georgia, serif;
	font-weight: normal;
	color: #334B3E
}
.no-margin { margin-top: 0 }
h1, .title { 
	margin: 0 0 .5em;
	font-size: 300%; 
	line-height: 1
}
p + .title { margin-top: 1em }
h2, { text-transform: uppercase }
h2 { font-size: 170%; }
h3 { margin-top: 1.5em; font-size: 150% }
h4 { font-size: 120% }
h5 { font-size: 100% }
p { margin-bottom: 1em; line-height: 1.5 }
.quote + p:first-letter {
	float: left;
	padding-right: .2em;
	font: bold 300%/1 georgia, serif;
	color: #334B3E;
}
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong, em, .em { font-weight: bold }
em { font-style: italic }
address { font-style: normal }

.clear { 	
	clear: both;
	display: block;
	height: 1px;
	overflow: hidden;
}


.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

.small { font-size: 90% }

.IR { 
	position: relative;
	overflow: hidden;
	font-size: 1em;
}		

.IR em {
	display: block;
	position: absolute;
	top: 0; left: 0;
	z-index: 1;
}


/*------ header ------*/

#header { 
	position: relative;
	z-index: 100;
	background: url(../images/header_stripe.png) 50% 10px no-repeat
}

#slogan { 
	position: absolute; 
	left: -5px; top: 70px;
	margin: 0 
}

#slogan, #slogan em { width: 341px; height: 61px }
#slogan em { background: url(../images/slogan.png) no-repeat  }

#globe {
	position: absolute;
	z-index: 30;
	top: 10px;
	left: 329px
}

#title { 
	float: right;
	margin-top: 65px
}

#nav { 
	position: relative;
	top: -10px;
	clear: both;
	display: table;
	width: 100%;
	margin: 0 0 3em;
	padding: .75em 0;
	background: #E77A25;
	color: #FFF;
	line-height: 1;
	font-size: 82.5%
}

#nav ul { 
	width: 950px;
	margin: 0 auto;  
	list-style: none;
	text-transform: uppercase;
	font: 150%/1 georgia, serif;
	background: #E77A25;
}

#nav li { 
	float: left; 
	display: inline;
	margin-left: 15px;
	padding-bottom: 2px;
	padding-left: 35px;
	position: relative;
	z-index: 99;
	background: url(../images/nav_divider.png) no-repeat
}

#nav .first { padding-left: 8px; background: none }

#nav a { 
	text-decoration: none; 
	color: #FFF;
	font-weight: normal;
	letter-spacing: 1px
}

#nav a:hover, #nav a:focus, #nav a:active, #nav .active { color: #FF9 }

#nav ul ul {
	position:absolute;
	top: -999em;
	float: none;	
	width: 9.45em;
	padding: 0;
	text-transform: none;
	font-size: 80%;
}

#nav ul ul li { 
	float: none;
	display: block;
	margin: 0 0 .5em;
	padding: .5em .5em 0;
	background: none;
	border-top: 1px dotted #FFF
}

#nav ul li:hover ul, #nav ul li.sfHover ul {
	left: 20px;
	top: 1.9em;
}

.superfish li:hover ul,
.superfish li li:hover ul { top: -999em;}

address { 
	padding-top: 10px; 
	font-size: 82.5%;
	color: #334B3E 
}


/*------ content ------*/
#text ul, #text ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
#text li, #text li { margin-bottom: .5em }
#text ul { list-style: disc }
#text ul ul { list-style: circle }
#text ol { list-style: decimal }
#text .no-bullet { padding-left: 0; list-style: none }
/*#text img {
	float: left;
	margin: 1em;
	padding: 5px;
	border: 1px solid #999
}*/

.quote {
	float: right;
	width: 185px;
	margin: 4px 0 1em 25px;
	padding: 2px 0 30px;
	border-top: 2px solid #334B3E;
	background: url(../images/quote_btm.png) 50% 100% no-repeat;
	font: 180% georgia, serif;
	color: #334B3E
}

.quote blockquote {
	margin: 0;
	border-top: 1px solid #334B3E;
	background: url(../images/left_quote.png) 0 5px no-repeat
}

.quote p {
	margin: 0 0 .2em;
	background: url(../images/right_quote.png) 100% 100% no-repeat
}

/* forms */
form { margin: 2em 0 1em; font-size: 90% }

fieldset {
	position: relative;
	width: 330px;
	margin-top: 2em;
	padding: 4em 10px 10px 0;
	border: 2px solid #334B3E;
	background-color: #F3F8F5
}

fieldset * { margin-left: 10px }

legend { padding: 0 }

legend span {
	position: absolute;
	left: 10px;  
	margin: 10px 0 1em 0;
	color: #334B3E;
	font-size: 130%;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px
}

label {
	display: block;
	margin-bottom: .2em;
	font-weight: bold
}

label.inl { display: inline; margin-right: 5px }

input { vertical-align: middle }
input, textarea {
	padding: 2px 4px;
	font-size: 14px;
}

.checkbox { 
	width: auto; 
	padding: 0;
	background: none;
	border: none 
}

input, textarea, select { 
	width: 300px;	margin-bottom: .5em;
	border: 1px solid #CCC
}

input:hover, textarea:hover, input:focus, textarea:focus { background-color: #FDF4EE }
input.inl { width: auto; border: 0; background: none }

.btn, .btn:hover, .btn:focus {
	width: auto;
	padding: 0;
	border: 0;
	background: none
}

#content form p { margin: 1em 0 0 10px; font-size: 90% }
#content form img { float: none; margin: 0; padding: 0; border: 0 }
label.error { color: #C00 }
input.error, textarea.error { border-color: #C00 }

/*------ sidebar ------*/

#sidebar img {
	float: right;
	margin-bottom: 1em;
	padding: 5px;
	border: 1px solid #999
}

#map {
	width: 263px;
	height: 265px;
	border: 1px solid #334B3E
}

#sidebar h2 { 
	clear: both;
	text-align: center; 
	color: #fff; 
	margin-top: 1em; 
	padding: 0.5em; 
	background: #334B3E
}

/*------ footer ------*/

#footer {
	clear: both;
	position: relative;
	width: 100%;
	font-size: 82.5%;
	text-align: center;
	background: #E77A25 url(../images/footer_globe.png) 20px -14px no-repeat; 
	color: #FFF
}

#footer p { 
	min-height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 1em 0;	
	background: url(../images/footer_bg.png) 0 50% repeat-x;	
}
#footer .links {
	position: relative;
	margin-top: -2em;
	min-height: 0;
	line-height: 1.5;
	background: none
}

#footer a { color: #FFF; text-decoration: none }
#footer a:hover, #footer a:focus, #footer a:active { text-decoration: underline }