html,body {
	margin:0;
	padding:0;
	color:#000;
}
body {
	min-width:750px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	color: #333;
	background-color: #ffffce;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic;
	color: #336699;
}
h5 {padding-left: 9px;}
.red-text {color: #FF0000}
.red {color: #f00; font-style: italic;}
.white-text {color: #ffffff;
font-size: .80em;
}

.smallText {
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	color: #333;
	}
/***********************************************/
/* Main DIV Wrapper             */
/***********************************************/

div#wrap {
background-color: #fff;
	width: 790px;
   _width: 810px;
    border: 1px solid black;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	 /* ie mac hack - IE mac puts the search box very low.\*/
   padding:0;
       border: 1px solid gray;

		/* end it! */
}
/***********************************************/
/* HEADER SECTION                      */
/***********************************************/

#header {
   background:	 url("../images/sealbg.gif") bottom right no-repeat;
	background-color: #036;
	text-align:left;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	padding-left:1em;
	margin:0;
    border: 1px solid #d5dbe1;
	height: 91px;
}
	

#header h1 {
	padding: 0;
	
	font-family: "Georgia", Times, serif;
	font-size: 18px;
	text-transform: uppercase;
	text-align: left;
	color: white;
	letter-spacing: 0.1em;
	width: 85%;

}

#header h1 big {
	font-family: "Georgia", Times, serif;
	font-size: 28px;
	text-transform: uppercase;
}
#header a {
    text-decoration: none;
    }

/***********************************************/
/*Search Box                */
/***********************************************/

#header .search {
	float: right;
	text-align:right;
	font-size: .90em;
	font-weight:bold;
	padding:40px 5px 0 0;
}
/***********************************************/
/* FRONTIER / CITY / DATE SECTION                      */
/***********************************************/

#nav {
	background-color: #666;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	height: 20px;
	padding:0 5px 0 0;
	text-align:right;

}

#nav .header {
	font-weight:bold;
	font-size: 90%;
	padding: 0 2px 0;

	color: #fff;
line-height: 1.5;	
		
}

#nav .nav-colorbar {
	float:left;
	background-color: #efef9c;
	height: 20px;
	width: 190px;
}

#nav h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight:bold;
	text-align:right;
	
}
/***********************************************/
/* Main Content Area                     */
/***********************************************/
#main {background-color: #036;}

#content {
	float:right;
	width:75%;
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .90em;
	clear: none;
	border: 0px solid red;
	padding: 1em 0 0 1em;
	min-height:450px;
	_width:607px;
	_height: 500px;
	_padding-bottom: 1em;

	
}

#content a {
	font-size: 12px;
	color: #006699;
}

#content a:hover {
	text-decoration:none;
}

#content .img {
	float: right;
	border:	0px solid #999;
	background-color: #FCFCFC;
	margin:	.5em;
	padding: 5px;
}

#content .img-left {
	border:	1px;
	border-color: #999;
	background-color: #FCFCFC;
	border-style: solid;
}

#content .yellowbox {
	border:	1px;
	border-color: #999;
	background-color: #FFFFCC;
	border-style: solid;
	margin:	.5em;
	padding: 2px;
}

#content .greybox {
	border:	1px;
	border-color: #999;
	background-color: #CCCCCC;
	border-style: solid;
	margin:	.2em;
	padding: 10px;
}

#content .sub-nav {
	float: right;
	border: 1px;
	border-color: #999;
	background-color: #FCFCFC;
	border-style: solid;
	margin:	.5em;
	padding: 10px;
}

#content .sub-nav-left {
	border: 1px;
	border-color: #999;
	background-color: #FCFCFC;
	border-style: solid;
	margin:	.5em;
	padding: 10px;
}

#content .column {
	width:					55%;
	/* this is a IE win hack */
	voice-family:			"\"}\""; 
	voice-family:			inherit;
	width:					50%;
	background: #f3f3f3;
	/* the closing bracket ends the hack */
}

#content .column h2 {
		margin:0 0 0.5em 0;
		padding:0.5em 10px;
		font-size:1em;
		color:#000;
		background:#ccc;
}

/*#content .left {
	float:					left;
	margin-left:			10px;
	width:					50%;
	voice-family:			"\"}\""; 
	voice-family:			inherit;
	width:					40%;
	margin-right:			10px;
	vertical-align: 		top;
}*/

#content .left p {
	padding:0 0 0 0;
}

/*#content .right {
	margin-left:			45%;
	width:					90%;
	voice-family:			"\"}\""; 
	voice-family:			inherit;
	width:					40%;
	margin-right:			10px;
	vertical-align: 		top;
}*/


#content .left {

	float:					left;
	width:					25em;
	voice-family:			"\"}\""; 
	voice-family:			inherit;
	width:					40%;
	margin-left:			10px;
	margin-right:			1em;
    margin-top: 1px;
	vertical-align: top;
}

#content .right {
    clear: right;
	margin-left:			29em;
    padding-top:            1px;
	vertical-align: 		top;
    width: 25em;
	voice-family:			"\"}\""; 
	voice-family:			inherit;
	width:					40%;
}



#content h2, #content h3, #content p {
	padding:0 10px 0px 10px;
}

#content h4 {
	padding:0 30px 0 10px;
	border-bottom:1px solid #000;
	width:60%;
}

#content p big {
	color: #E0C4A5;
	font-weight: bold;
	font-size: 18px;
}
#content table tr th {color: #036; text-align: left;}
#content table tr td {
    font-size: 9pt;
   padding: 3px 3px 3px 0;
   border-bottom: 1px dotted #ccc;
    }
#content .indent {padding-left:2em;}

.img{
	float: right;
	text-align: center;
	clear: right;
	padding: 10px;
	background-color:#52515A;
	margin-top: 15px;
}
 
.img p{
	text-align: center;
	width:inherit;
}
#content img.rightimg {float: right; border:1px solid black; margin: 5px 4px 9px 9px;}
/***********************************************/
/* Top Nav Links and Hovers                                 */
/***********************************************/
div#topnav {
    height: 28px;
    text-align: center;
    padding:6px;
    
}
#sidenav div.item {

  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:125px;

  background-color: #8dbbf1;
  padding: 5px;
  border: 1px solid #036;
  text-align: center;
  clear: left;
    }
#sidenav div.item a {
    display: block;
   font-size: 10pt;
    padding:5px;
    margin-left: -5px;
    margin-top: -4px;
    vertical-align: 50%;
   width: auto;
}
#sidenav div.item a:hover {
    color:white; 
    }
    
    #sidenav div.item_dull {

  float:left;
  margin-right:10px;
  margin-bottom:10px;
  width:120px;

  background-color: #2a4d70;
  padding: 5px;
  border: 1px solid #036;
  text-align: center;
  clear: left;
    }
#sidenav div.item_dull a {
    display: block;
    width: 120px;
    padding:5px;
    margin-left: -5px;
    margin-top: -4px;
    font-size:10pt;
    color: #bbb;
   
}
#sidenav div.item_dull a:hover {
    background-color: #eee;
   
    }

.alert {
    color: #f00;
    font-size:13pt;
    background: #fff;
    padding: 6px;
    
    }

/***********************************************/
/* Side Bar Nav Links and Hovers                                 */
/***********************************************/
div#sidenav {
	float:					left;
	clear:					none;
    background-color:       #036;
	margin:					1em 1em 2em 0;
	background-color:		#;
	/*this will expand with the length of the text in the div; if the text is multiple lines, change the width to be a smaller percentage or a fixed width */
    width:					90px;
	padding:			0 5px 5px 1em; 
    border: none;
    _position:absolute;
	/* end it! */


}
div#sidenav p {
  
    margin-left:			5px;
    width:auto;
	text-align: center;
	font-weight: 700;
	font-size: 110%;
	line-height: 1.1;
	border-bottom: 1px dashed #4083ce;
	
    
 }
div#sidenav ul {
    list-style-type:		none;
    margin:			-6px 0 6px 1px;
    float: left;
    border: 0px solid #f00;
    padding-bottom: 1px;
 }
div#sidenav ul li {
    margin:		0 0 2px 0;
    text-align: 			left;
    vertical-align: top;
    border: 				0;
    float: left;
    display: inline;	
     /* ie mac hack - this is the real positioning info \*/
	 display: block;
	 float: none;	
	margin-left: 			-3em;
    border: 				0px solid white;
	/* end it! */
	/* this hack needed for IE/win */
	_margin: 0 0 6px;
	padding-top: 6px;
	background: transparent;
	
	
}
div#sidenav ul li a {
    margin: 2px;
	padding:		 6px;
    border:			1px solid transparent;
    display:block;
    width: 165px;
}	
div#sidenav ul li a:visited {
    color: #777;
}
div#sidenav ul li a:hover {
    border: 1px 		solid #036;
    background-color:  #89bae2;
    padding:			6px;
    width: 140px;
}

/***********************************************/
/* Footer						     */
/***********************************************/
#footer {
	border-top:1px dotted #ccc;
	background:#8fcbff;
	text-align:right;
	clear:both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
}
#footer p {
	padding:5px;
	margin:0;
	line-height: .5em;
}

#footer a {
	color: #006699;
	font-size: .90em;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer h3 {
	margin:0;
}

/***********************************************/
/* Teaser Box                         */
/***********************************************/
	.teaser-pad {
		float:left;
		padding: 0 0 0 10px;
	}
	.teaser {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url("../images/tsr.gif") bottom left no-repeat;
	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 0;
		background:url("../images/tsr.gif") top left no-repeat;
		font-size: 1em;
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px 0;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url("../images/tsr-a.gif") 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}
	
	.teaser h5 {
		margin:0;
		padding:7px 10px 3px 0;
		font-size: 1em;
	}
/***********************************************/
/* Two Columns Equal Height                      */
/***********************************************/
	

	.equal {
		display:table;
		border-collapse:separate;
	}
	.row {
		display:table-row;
	}
	.row div {
		display:table-cell;
	}
	
	.equal {
		margin:10px auto;
		border-spacing:10px;
		background:#f3f3f3;
		width:80%;
	}
	.row div {
		background:#fff;
	}
	.row div.one {
		width:40%;
	}
	.row div.two {
		width:40%;
	}
	.row div.three {
		vertical-align:middle;
	}
	.row div h2 {
		margin:0 0 0.5em 0;
		padding:0.5em 10px;
		font-size:1em;
		color:#000;
		background:#ccc;
	}
	.row div p {
		font-size:0.94em;
		margin:0.5em 0;
		padding:0 10px;
	}

#table td {
	font-style:				normal;
	color:					black;
	vertical-align:         top;
	border-top-width: 		.5px;
	border-right-width: 	.5px;
	border-bottom-width: 	1px;
	border-left-width: 		.5px;
	border-top-style: 		none;
	border-right-style: 	none;
	border-bottom-style: 	solid;
	border-left-style: 		none;
	border-top-color: 		#999999;
	border-right-color: 	#999999;
	border-bottom-color: 	#999999;
	border-left-color: 		#999999; 
	padding-right:			2em;
}

#table a {
	text-decoration: none;
	}
	
#table a:hover {
	text-decoration: underline;
	}