@charset "utf-8";
*
{
	margin: 0;
	padding: 0;
}

body
{
	background: #fff;
	color: #392A10;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100.1%;
	padding: 0px;
	margin: 0px;
	text-align: center;
}

h1
{
	color:#231F82;
	font-family: 'century gothic', arial, helvetica, sans-serif;
	font-size:1.6em;
	line-height: 1.1em;
	font-weight:normal;
	margin:25px 0 15px 0;
	text-align: left;
}

h2
{
	color:#20A6AA;
	font-family: 'century gothic', arial, helvetica, sans-serif;
	font-size:1.3em;
	font-weight:normal;
	padding: 20px 0 5px 0;
	margin: 0;
}

h3
{
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0;
}

h4
{
	border:solid 0;
	font-size:1.2em;
	padding: 0 0 5px 0;
	font-weight: normal;	
}

p
{
	line-height:1.4em;
	margin:5px 0;
	font-size: 0.9em;

}
p span
{
  font-weight: bold;
}

span.italic
{
  font-weight: normal;
  font-style: italic;
}
span.italicbold
{
  font-weight: bold;
  font-style: italic;
}

span.hide
{
  display: none;
}

a:link, a:visited
{
	color:#392A10;
	text-decoration: none;

}

a:hover, a:active, a:focus
{
	color:#703391;
}

a.word
{
  background: url(../images/word.gif) no-repeat;
  padding: 0 0 0 20px;
}

a.pdf
{
  background: url(../images/pdf.gif) no-repeat;
  padding: 0 0 0 20px;
}

ul
{
	list-style-position:outside;
	list-style-type: disc;
	padding:0 0 0 10px;
	margin:0 0 0 20px;
}

li
{
  font-size: 0.9em;
	padding:0;
	line-height:1.4em;
	margin:10px 0;
}
li span
{
  font-weight: bold;
}
img
{
	border:0;
}


/* ############## CORE STRUCTURE ################# */

#container
{
	position: relative;
	border: none;
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

#header
{
  position: absolute;
  clear: both;
  top: 0;
  left: 0;
  height: 230px;
  margin: 0 0 30px 0;
  width: 900px;
  text-align: center;
  background: url(../images/leaves_watermark.jpg) no-repeat;
  border-bottom: 1px solid #E5E5E5;
}

#focus
{
  position: absolute;
  clear: both;
  top: 270px;
  left: 0;
  height: 325px;
  width: 900px;
  background: #fff;
}

#focus.short
{
  height: 235px;
}

#main
{
  border-top: 1px solid #E5E5E5;
  position: relative;
  float: left;
  width: 900px;
  margin: 620px 0 0 0;
  background: url(../images/leaves_watermark_dark.jpg) bottom right no-repeat;
}

#main.short
{
  margin: 540px 0 0 0;
}

/* ############## HEADER STYLES ################# */
#logo
{
	margin: 20px auto 0;
	width: 440px;
	height: 172px;
	position:relative;
	text-align:left;
}

/* ############## MAIN NAVIGATION : LEVEL 1 ############# */

#nav
{
  position: relative;
  margin: 0px auto 0;
  height: 30px;
  width: 738px;
  padding: 0 0 0 20px;
}

#nav ul
{
	margin:0;
	padding:0;
	text-align:left;
	font-size: 1em;
	list-style-type: none;
}

#nav ul li
{
	position: relative;
	color:#392A10;
	float: left;
	padding:10px;
	margin: 0;
	line-height: 1em;
	font-size: 16px; /*1em;*/
}

#nav ul li a:link,#nav ul li a:visited
{
	color:#392A10;
	font-weight:normal;
	display: inline;
	line-height:1em;
	padding: 0;
	font-size: 16px; /* 1em;*/
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#nav ul li.current a:link,#nav ul li.current a:visited
{
	color:#703391;
}

#nav ul li a:hover,#nav ul li a:active,#nav ul li a:focus
{
	color:#703391;
}

/* ############## MAIN NAVIGATION : LEVEL 2 ############# */

#nav ul li ul
{
	position: absolute;
	top: 28px;
	left: 0;
	padding: 10px 0 0 0;
	height: auto;
	visibility: hidden;
	background-color: #ffffff;
}

#nav ul li ul li
{
	float: left;
	min-width: 290px;
	height: 30px;
	padding: 0;
	border-top: 1px solid #E5E5E5;
	background-color: #fff;
	display: inline;
}
#nav ul li:hover ul, #nav ul li.sfhover ul, #nav ul li a:hover ul
{
	visibility: visible;
}

#nav ul li ul li a:link, #nav ul li ul li a:visited
{
	display: block;
	float: left;
  height: 20px;
	min-width: 290px;
  margin: 0;
  padding: 5px 5px 5px 10px;
	text-align:left;
	color: #333;
}

#nav ul li:hover ul li:hover a, #nav ul li.sfhover ul li.sfhover a, #nav ul li a:hover ul li:hover a, #nav ul li a:hover ul li.sfhover a
{
	background-color: #703391;
  color:#fff;
}


#nav ul li ul li.current a:link,#nav ul li ul li.current a:visited
{
  background-color: #703391;
  color:#fff;
}

/* #####################  FOCUS AREA ################### */

#focus img
{
  position: relative;
  float: left;
}

#standout
{
  position: relative;
  float: right;
  width: 620px;
  margin: -10px 0 10px 20px;
}

#standout_wide
{
  position: relative;
  float: right;
  width: 520px;
  margin: -10px 0 10px 20px;
}

#standout p, #standout_wide p
{
  font-size: 40px; /*2.5em;*/
  line-height: 1.1em;
  color: #703391;
  font-family: 'century gothic', arial, helvetica, sans-serif;
}

#standout p.navy, #standout_wide p.navy
{
  color: #231F82;
}

#standout p span, #standout_wide p span
{
  font-style: italic;
}

#standout p.standard, #standout_wide p.standard
{
  margin: 20px 0 0 0;
  font-size: 0.9em;
  color: #392A10
}

#standout ul, #standout_wide ul
{
  margin: 10px 0 0 0;
  padding: 0;
}

#standout li, #standout_wide li
{
  display: block;
  float: left;
  width: 46%;
  height: 30px;
  background: url(../images/leaf_bullet.jpg) no-repeat;
  padding: 5px 0 0 20px;
  margin: 10px 0 0 0;
  color: #20A6AA;
  font-size: 18px; /* 1.1em;*/
}

#standout ul.contact
{
  width: 50%;
  float: left;
}

#standout li.contact
{
  width: 90%;
  font-size: 15px; /*0.9em;*/
}
#standout li.address
{
  width: 90%;
  background: none;
  font-size: 15px; /*0.9em;*/
  margin: 0;
  padding: 0 0 0 20px;
}

#focus_nav
{
  position: relative;
  float: right;
  width: 620px;
  margin: 0 0 0 20px;
  
}

#focus_nav ul
{
  margin: 0;
  padding: 0;
}

#focus_nav li
{
  display: block;
  float: left;
  width: 30%;
  height: 80px;
  background: url(../images/leaf_bullet.jpg) no-repeat;
  padding: 10px 0 0 20px;
  margin: 0;
}

#focus_nav li:hover,#focus_nav li:active, #focus_nav li:focus
{
  background: url(../images/dark_leaf_bullet.jpg) no-repeat;
} 

#focus_nav ul li a,#focus_nav ul li a:link,#focus_nav ul li a:visited
{
  font-size: 13px; /*0.8em;*/
  line-height: 1.5em;
  font-family: 'century gothic', arial, helvetica, sans-serif;
}

#focus_nav ul li a span, #focus_nav ul li a:link span,#focus_nav ul li a:visited span
{
  font-size: 24px; /*1.9em;*/
  line-height: 1.1em;
  font-weight: normal;
  color: #20A6AA;
}

#focus_nav a:hover,#focus_nav a:active,#focus_nav a:focus
{
	color:#703391;
}

#telephone
{
  float: right;
  font-size: 18px; /*1.2em;*/
  padding: 10px 0 0 20px;
  position: relative;
  color: #231F82;
}

#telephone a
{
  color: #231F82;
}


/* #######################  FORM  ###################### */

div.form_third {
	float: left;
	width: 30%;
	padding-right: 3%;
}
div.form_twothirds {
	float: left;
	width: 63%;
	padding-right: 3%;
}
div.form_fullwidth {
  float: left;
  width: 100%;
  height: auto;
  padding-top: 0.6em;
}

form div {
	margin: 0;
	padding-top: 0.1em;
}
form div label {
	width: 100%;
	float: left;
	font: normal 0.95em Verdana, Arial, Helvetica, sans-serif;
	color: #703391;
}
form div input {
	width: 100%;
	height: 1.5em;
	margin: 0 0 10px 0;
	padding: 0.2em 0 0 0;
	float: left;
}
form div input.button {
	width: 30%;
	height: 30px;
	margin: 3% 0% 0% 35%;
	padding: 0;
}
form div textarea {
	width: 100%;
	float: left;
}

div.section {
  width: 100%;
  border-bottom: 1px solid #CCCCCC;
  position: relative;
  float: left;
  padding: 0 0 10px 0;
  margin: 0 0 20px 0;
}


/* ############# FOOTER / FOOTER NAVIGATION ############ */

#footer
{
	clear: both;
  position: relative;
	float: left;
	width: 900px;
	margin: 25px 0 10px 0;
	padding: 10px 0 15px 0;
	border-top: 1px solid #E5E5E5;
	height: auto;
}

#footer p
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  padding: 5px 0 0 0;
	font-size: 0.8em;
	color: #666666;
	text-align: center;	
}

#footer a:link, #footer a:visited
{
  color: #703391;
}

#footer a:hover, #footer a:active, #footer a:focus
{
  color: #20A6AA;
}