/* ----------------------------------------------
   HTML ELEMENTS
------------------------------------------------- */ 
* { margin: 0px; padding: 0px;}

img {border: none;}

body {font: 15px Trebuchet MS; line-height: 1.5em; text-align: center; background: url("images/bg.gif") repeat-x;}

a:link, a:visited, a:active {color: #474f8e; text-decoration: none;}
a:hover {text-decoration: none;}

h1 {font-size: 28px; font-weight: normal; margin: 5px 0px 20px; color: #909090;}
h2 {font-size: 20px; font-weight: normal; margin: 10px 0px;}
h3 {font-size: 17px; font-weight: normal; margin: 10px 0px;}
h4 {font-size: 12px; font-weight: bold; margin: 10px 0px;}
p {margin: 10px 0px; text-align: justify;}

ul, ol {margin-left: 25px;}

table {width: 500px; border: solid 1px;}
th {font-size: 13px;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}
p.small {font-size: 10px; color: Gray;}
.staff {padding: 10px;}
.imgleft {float: left; padding: 5px; background-color: #cdcdcd; margin: 0px 10px 10px 0px;}
.imgright {float: right; padding: 5px; background-color: #cdcdcd; margin: 0px 0px 10px 10px;}
/*------------------------------------------
   LAYOUT
-------------------------------------------*/
#wrap {position: relative; width: 946px; margin: 0 auto; background: url("images/wrap_bg.gif") no-repeat; text-align: left;}

#header {position: relative; width: 900px; margin: 0 auto; padding-top: 17px; font-size: 12px;}

/* Changed width here - original 525px                                   */
#navigation {width: 570px; float: left; display: inline;}
	#navigation ul {list-style: none; margin: 0px; padding: 0px;}
	#navigation li {float: left; display: block;}
	#navigation a {text-decoration: none; font-size: 11px; font-weight: bold; padding: 5px 10px; color: black; display: block;}
	#navigation a:hover {background: #293147; color: White; text-decoration: underline;}

#main {clear: both; width: 946px; float: left;}

#left-column {width: 175px; float: left; margin: 225px 0px 0px 35px; padding: 0px; display: inline;}
	#left-column div {margin-bottom: 20px;}

#internal-nav {width: 175px; margin-bottom: 100px;}
	#internal-nav ul {list-style: none; margin: 0px; padding: 0px;}
	#internal-nav li {display: block; border-top: dashed 1px #cccccc;}
	#internal-nav a {display: block; padding: 5px 0px 5px 10px; color: #3c3c3c; text-decoration: none;}
	#internal-nav a:hover {background: #ececec;}
	
#content{width: 675px; float: right; margin: 225px 25px 0px 0px; padding: 0px; display: inline;}

/* I added this for the maps page which has it's own masterpage file - maps.master */
#contentmaps{width: 900px; float: right; margin: 225px -10px 0px 0px; padding: 0px; display: inline;}

.contact {list-style: none; margin: 0px; font: 11px Trebuchet MS;}
	.contact li {padding: 5px 0px 5px 5px;}

#footer {width: 100%; height: 75px; font-size: 10px; clear: both; padding-top: 30px;}
	#footer p {padding: 0px 30px;}
	
/*------------------------------------------
   COMMENT BOX
-------------------------------------------*/

/* This is the background behind the box */
#container {background:#fff; width:300px; margin:2px; padding:2px; float:right}
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:1.4em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em;}
 
.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}

/* This is the part that makes it a speech bubble (border-top) */
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #8bb6a6; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}
 
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}

/* This is the corners */
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #8bb6a6; border-right:1px solid #8bb6a6;}

/* These are the top and bottom borders */
.xb1 {margin:0 8px; background:#8bb6a6;}
.xb2 {margin:0 6px; background:#8bb6a6;}
.xb3 {margin:0 4px; background:#8bb6a6;}
.xb4 {margin:0 3px; background:#8bb6a6; border-width:0 5px;}
 
.xb5 {margin:0 2px; background:#8bb6a6; border-width:0 4px;}
.xb6 {margin:0 2px; background:#8bb6a6; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#8bb6a6; border-width:0 3px; height:2px;} 
 
 /* This is the Inside of the box (background) and also the left and right borders (border) */
.xboxcontent {display:block; background:#fff; border:3px solid #8bb6a6; border-width:0 3px;}


/*------------------------------------------
   ANNOUNCEMENT BOX
-------------------------------------------*/

.out {display:block; background:#bbb; border:1px solid #ddd; position:relative; margin:.5em 0 0 30px; float:right;}

.in2 {display:block; background:#777; border:1px solid #999; position:relative; padding:1px; margin:1px;}

.in {
  background:#fff; 
  border:1px solid #555; 
  position:relative; 
  padding:5px;
  font-weight:normal;
  }
 
.ltin {left:-5px;}

.tpin {top:-5px;}

.rtin {left:5px;}
 
.narrow {width:8em;}
.normal {width:180px;}
.wide {width:15em;}
.image {width:412px; padding:0;}