/*REMOVE BROWSER DEFAULT SETTINGS*/
* {
  margin:0;
  padding:0;
  border:0;
  list-style:none
}

/*the extra .01% of height makes firefox's scrollbar stay on screen to avoid the screen jumping around when it appears and dissapears*/
html {height:100.01%}

body {
	background:#0D1868 url(images/background.jpg) repeat-x fixed top;
	font:100.01%/130% "trebuchet ms",trebuchet,arial,helvetica,verdana,sans-serif !important;/*setting .01% higher fixes opera font bug*/
	text-align:center !important/*this centers the whole layout on the page*/
}

#wrapper {
  margin:0 auto;
  width:760px;
  text-align:left
}

/*Set font sizes*/
p {
  font-size:1em;
  margin-top:0.6em
}
h1 {
  font-size:1.4em;
  padding-top:0.9em
}
h2 {
  font-size:1.2em;
  font-style:italic;
  padding-top:0.9em
}
h3 {
  font-size:1.05em;
  padding-top:0.9em
}
h4 {
  font-size:1em;
  font-style:italic;
  padding-top:0.9em
}

a {
  color:#00B;
  text-decoration:underline
}

.hr {
  height:0.4em;
  background:#DDDFEA;
  margin:2em 0 0.2em 0
}
.hrT {
	height:0.4em;
	background:#DDDFEA;
	margin:0.2em 0 0.2em 0
}

#logo {padding-top:10px}

#title {
  padding-top:10px;
  text-align:right
}

.tImg {
  background:url(images/top.gif) no-repeat center bottom;
  padding-top:1em
}
.bImg {
  background:url(images/bottom.gif) no-repeat center top;
  padding-bottom:.6em;
  width:760px;
  height:4px;
  overflow:hidden
}

/*General Text Styling*/
ul {
  list-style-type:square;
  font-size:1em;
  margin:.5em 0 1em .9em
}
ul ul{
  font-size:1em;
  list-style:disc;
  margin-top:0.2em
}
li {padding-top:0.6em}

/*NAVIGATION STYLES*/
/*Just the bar housing the links*/
#navBar {
  background-color:#FFF;
  height:0.8em;
}

/*FIRST LEVEL NAV LIST*/
#nav, #nav ul {
	list-style:none;
	line-height:12px; /*centers the links in Firefox, and shortens the height of the navBar in IE*/
	font-size:0.8em;
	font-family: arial,verdana,helvetica,san-serif;
	text-transform:uppercase;
	color:#0D1868;
	font-weight:bold;
	margin:0px
}
#nav a {
	padding:0 13px;
	display:block;
	color:#0D1868;
	text-decoration:none
}

#nav a:hover {background-color:#FFF}

#nav li {
  float:left;
  padding:0;	
  background-image:none
}
/*color for the first level list on rollover*/
#nav li:hover a, #nav li.sfhover a {color:#7FBE1F}
/*END FIRST LEVEL NAV LIST*/

/*SECOND LEVEL NAV LIST*/
#nav li ul {
  position:absolute;
  padding:.9em;
  left:-999em /*keeps the second level list items off screen until needed*/
}
#nav li ul a {
  font-size:8pt;
  padding:0 10px 0 0;
  color:#FFF
}

/*moves the second level lists into place on rollover*/
#nav li:hover ul, #nav li.sfhover ul {left:auto}
/*#one:hover ul, #one.sfhover ul {left:0}
#two:hover ul, #two.sfhover ul {left:-3em}
#three:hover ul, #three.sfhover ul {left:0}
#four:hover ul, #four.sfhover ul {left:-6em}
#five:hover ul, #five.sfhover ul {left:0}
#six:hover ul, #six.sfhover ul {left:0}
#seven:hover ul, #seven.sfhover ul {left:0}*/

/*color override of first level list for second level list (otherwise they all come out blue)*/
#nav li:hover ul a, #nav li.sfhover ul a {color:#FFF;}

/*this is to control second level list background if using one for the first level list*/
/*#nav li:hover ul li:hover, #nav li.sfhover ul li.sfhover {background: transparent;}*/

/*color for second level list on rollover*/
#nav li:hover ul li:hover a, #nav li.sfhover ul li.sfhover a {
  color:#7FBE1F;
  text-decoration:none
}
/*END SECOND LEVEL NAV LIST*/
/*END NAVIGATION STYLES*/

.content, .content-f{
	color:#000;
	background-color:#FFF;
	padding:0 20px 30px;
	height:auto
}

.content {min-height:310px}
/*content-f is for the front page only*/
.content-f {min-height:255px}

.contact {padding-left:6em}

.content a:hover, .content-f a:hover {
  text-decoration:none;
  color:#FFF;
  background-color:#7FBE1F
}

/*Styles the "breadcrumb" style back links*/
.back {font-size:0.8em}

/*Styles for the notes mainly relating to the email links*/
.note {
  font-size:0.8em;
  font-style:italic;
  color:#999;
  padding-top:1em
}

/*Styles the footer mission statement and copyright statement*/
.footer {
  font-size:0.75em;
  color:#FFF;
  text-align:center
}
.footer a {color:#FFF}
.footer a:hover{color:#00b; text-decoration:none; background-color:#7FBE1F}


/*Styles for the contact form*/
input, textarea {
	border: 2px solid #666;
	padding:2px;
	margin:3px;
}
form {
	border:2px solid #666;
	padding:8px;
	background:#DDD;
	width: 55%;
}
.radio {border:0} /*removes the border from the radion button*/
textarea {
	width: 95%;
	font-family: Arial, Helvetica, sans-serif;
}