@charset "utf-8";
/*====================================*/
/* overall styles                                                             */
/*====================================*/
body
{
	background-color: #d1d1d1;
	margin-top: 0px;
	font-family: tahoma,arial,helvetica, sans-serif;
	font-size: 12px;
}

.callout
{
	float:right; 
	margin-left: 15px; 
	width: 100px; 
	padding: 3px 3px 3px 3px;
	border: 1px solid #cccccc;
	backround-color: #cdcdcd;
}
/*====================================*/
/* topbar styles                                                              */
/*====================================*/
#topbar
{

	width: 890px;
	height: 15px;
	margin:0 auto;
	background-color: #333333;
	border: 1px solid black;
	padding: 5px 5px 15px 5px;
	text-align: right;
	vertical-align: middle;
}
#topbar ul
{
	padding: 0px 5px 5px 5px;
}
#topbar li
{
	display: inline;
	padding: 0px 5px 6px 5px;
	border-right: 1px solid #666666;
}
#topbar li.last
{
	display: inline;
	padding: 2px 5px 5px 5px;
	border-right: 0px;
}
#topbar a
{
	color: white;
	text-decoration: none;
	padding-bottom: 3px;
}
#topbar a:hover
{
	border-bottom: 1px dotted #cccccc;
}
/*====================================*/
/* header styles                                                             */
/*====================================*/
#header
{
	width: 900px;
	height: 150px;
	margin:0 auto;
	width:900px;
	border: 1px solid black;
	background-image: url(../images/header.gif); 
}

/*====================================*/
/* nav styles styles                                                                */
/*====================================*/

#nav
{
	width: 890px;
	height: 10px;
	margin:0 auto;
	background-image: url(../images/navbg.gif);
	border: 1px solid black;
	padding: 5px 5px 15px 5px;
	text-align: right;
	vertical-align: middle;
}

#nav li
{
	display: inline;
	padding: 2px 5px 5px 5px;
	border-right: 1px solid #cccccc;
}

/*====================================*/
/* body styles                                                                */
/*====================================*/
#body
{
	margin:0 auto;
	width:880px;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	padding: 5px 10px 5px 10px;
	background-color: white;
}
#body a
{
	color: #788104;
	text-decoration: none;
	font-weight: bold;
}
#body a:hover
{
	color: #acb545;
	text-decoration: underline;
	font-weight: bold;
}
#body h1
{
	font-size: 16px;
	font-weight: bold;
}
#body h2
{
	font-size: 13px;
	font-weight: bold;
	margin-left: 10px;
}
#body #calendar
{
	width: 90%;
	margin-left: 20px;
}
#body #calendar td
{
	width: 33%;
	border-bottom: 1px dotted #666666;
	padding-bottom: 3px;
}
#body #calendar td.noborder
{
	width: 33%;
	border-bottom: 0px;
	padding-bottom: 3px;
}
#body #rates
{
	width: 90%;
	margin-left: 20px;
}
#body #rates th
{
	align: left:
	border-bottom: 1px dotted #666666;
	font-weight: bold;
}
#body #rates .left
{
	width: 66%;
	border-bottom: 1px dotted #666666;
	padding: 3px 5px 3px 0px;;
	padding-left: 5px;
	vertical-align: top;
}
#body #rates .right
{
	width: 33%;
	border-bottom: 1px dotted #666666;
	padding: 3px 5px 3px 15px;
	vertical-align: top;
}
#body .componentheading
{
	display: none;
}
#body .contentheading
{
	display: none;
}

#body #map
{
	float: right;
}
#body #map iframe
{
	border: 1px solid #333333;
}
#body #maptext
{
	float: left;
}
#body #newline
{
	clear : left;
	height: 425px;
}
/*====================================*/
/* footer styles                                                              */
/*====================================*/
#footer
{
	width: 894px;
	height: 30px;
	margin:0 auto;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
	background-color: #666666;
	color: #cccccc;
	font-size: 10px;
	padding: 10px 3px 0px 3px;
	text-align: right;
	vertical-align: middle;
	line-height: auto;
}