/*-- Sitewide --*/

body {
  background: #eeeedd url(/_files/img/backdrop.jpg) center repeat-y;
  margin:0;
  font-family: Verdana, Arial, sans-serif;
  font-size: small;
}

	a {
	  color: #003399;
	  outline:none;
	  text-decoration: none;
	  }

	a:hover {
	  color: #e59700;
	  }

	h1 {
	  font-size: 180%;
	  margin-top: 2px;
	  color: #094790;
	  font-weight:normal;
	  font-family: Georgia, Times New Roman, serif;
	  }

	h2 {
	  font-size: 170%;
	  margin-top: 2px;
	  color: #094790;
	  font-weight:normal;
	  font-family: Georgia, Times New Roman, serif;
	  }

	h3 {
	  font-size: 150%;
	  margin-top: 2px;
	  color: #094790;
	  font-weight:normal;
	  font-family: Georgia, Times New Roman, serif;
	  }

	h4 {
	  font-size: 130%;
	  margin-top: 2px;
	  margin-bottom: 2px;
	  color: #094790;
	  font-weight:normal;
	  font-family: Georgia, Times New Roman, serif;
	  }
	
#useable {
  width: 899px;
  background: #fff;
  margin:auto;
  position:relative;
}

#header {
  margin:0;
  padding-top:10px;
  padding-right:10px;
  float:right;
  font-size:85%;
  }

#header a {
  
  }
  
.headerlogo {
  border:0px;
  padding-top:15px;
  padding-left:25px;
  padding-bottom:20px;
  }

#footer {
  clear:both;
  text-align:right;
  margin:30px 0px 0px 0px;
  padding-top:10px;
  font-size:85%;
  color:#8e8d87;
  line-height:1.7;
  border-top: 2px solid #eeeedd;
}

#footer p {
  margin: 0px 20px 10px 20px;
  }

	#footer a {
  	color: #8e8d87;
  	font-weight:bold;
  	}

	#footer a:hover {
	  color: #e59700;
	  }

/*-- Main Nav --*/

#mainnav {
  float: left;
  width:100%;
  bbbbackground: #203f6d;
  background-color: #082c50;
}

	#nav, nav ul {
	  float:right;
	  list-style: none;
	  padding: 10px 10px 0 0;
	  margin: 0;
	}

	#nav a {
	  display: block;
	  width: 145px;
	  text-align: center;
	  color: #bacee0;
	  text-decoration: none;
	  padding: 6px 0px 6px 0px;
	  font-size:90%;
	  font-weight:bold;
	  }

	#nav li {
	  float: left;
	  width: 145px;
	  margin-left:9px;
	  border: solid #1c639d;
	  border-width: 1px 1px 0 1px;
	  }

	#nav li ul {
	  list-style: none;
	  background-color: #234270;
	  position: absolute;
	  left: -999em;
	  height: auto;
	  width: 144px;
	  font-weight: normal;
	  padding:4px 0 4px 0;
	  margin:0 0 0 -1px;
	  line-height: 1.4;
	  border: solid #bacee0;
	  border-width: 0 2px 2px 2px;
	  }

	#nav li li {
	  width: 144px;
	  margin-left:0px;
	  border:0;
	  }

	#nav li ul a {
	  width: 144px;
	  font-size:75%;
	  color: #bacee0;
	  }

	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	  left: -999em;
	  }

	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	  left: auto;
	  }

	#nav li:hover, #nav li.sfhover {
	  background: #05305b;
	  }

/* Sidenav */

#sidenav {
  float:left;
  width:200px;
  padding-top:40px;
  }

#sidenav .level1 {
  font-size: 140%;
  font-weight:normal;
  font-family: Georgia, Times New Roman, serif;
}

#sidenav .level2 {
  font-size:80%;
  background: #ffffff;
  line-height:1.1;
  }

#sidenav ul {
   margin:0;
   padding:0;
   list-style:none;
   }

#sidenav li {
   width:200px;
   font-weight:normal;
   float:left;
   margin:0;
   padding:0;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
   border-color: #eeeedd;
   }

#sidenav a {
   color:#094790;
   display:block;
   padding: 5px 6px 5px 6px;
   text-decoration:none;
   }

 #sidenav a:hover {
   background: #ffffff;
   color: #e59700;
   }

/* Pages */

#pagebody {
  margin:0px;
  padding: 0px 30px 0px 30px;
}

#pagecopy {
  color: #383d44;
  line-height: 1.4;
  margin-left:220px;
  padding: 0px 0px 20px 20px;
  border-style: solid;
  border-width: 0px 0px 0px 1px;
  border-color: #eaebec;
  } 

/* simple work list */

#folio-focus {
  margin: 0;
  padding:0 0 20px 0;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
  border-color: #eaebec;
  font-size:85%;
  color:#2d2823;
  line-height:1.7;
}
#folio-focus img {
  padding:0;
  margin:0 0 6px 0;
  border-style: solid;
  border-width: 4px 4px 4px 4px;
  border-color: #2d2823;
}




#folio-simple {
	margin: 10px 0 10px 0;
	padding: 0;
	list-style: none;
	}

#folio-simple img {
	border:0;
	}
#folio-simple li {
	float: left;
	margin: 0 9px 9px 0;
	padding: 0;
	background: none;
	}
#folio-simple li a {
	float: left;
	display: block;
	margin: 0;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #ffffff;
	}

#folio-simple li a:hover, #folio-simple li.active a {
	border-color: #e59700;
	background: #ffffff;
	}
#folio-simple li.active a {
	border-color: #2d2823;
	}
	
.clear {
  clear:both;
  }


/* Homepage */

#homegraphic {
  margin:0;
  }

#homegraphic img {
  padding: 30px 0 30px 0;
  }

.hometable p {
  margin-top:8px;
  padding-top:0;
  }

.hometable h3 {
  margin-top:8px;
  padding-top:0;
  margin-bottom:4px;
  padding-bottom:0;
  }  
  
.hometable th {
  line-height:0.5;
  background: #eeeedd;
  }

.hometable ul { 
  line-height:150%;
  font-size:85%;
  margin-left:0;
  padding-left:15px;
   }

.hometable li {
  list-style-type: square;
  margin-bottom: 4px;
  }

td.error {
  color:#bb0000;
  font-weight:bold;
  }


.news ul { 
  line-height:150%;
  font-size:85%;
  margin-left:0;
  padding-left:15px;
   }

.news li {
  list-style-type: square;
  margin-bottom: 4px;
  }
  
  
/* Halloween */

.trick {
  width:400px;
  background: #C5C1D6;
  color: #000000;
}

.trick h1 { color: #2b2764;}

.treat {
  width:400px;
  background: #e6eef9;
  color: #000000;
}



.in {
  padding:0 12px 0 12px;
  }

img.corner {
     width: 8px;
     height: 8px;
     border: none;
     display: block !important;
  }


.roundtop {
  background: url(/_common/tr.gif) no-repeat top right;
  }

.roundbottom {
 background: url(/_common/br.gif) no-repeat bottom right;

  }