/*@author: Terrill Dent */
body {
	background-color:#FFFFFF;
  	margin: 0;
  	padding: 0;
  	}
/*OFF and On are important for proper functionality.  Changing these would have an effect on how the application works*/
.off {
	display:none;
	}
.on {
	display:block;
	}
#map {
	margin: 0px 0px 0px 24em;
	height: 50em;
	}
/*If you wish to display Google Ads in the top right corner, this moves them there.*/
#ads {
	padding: 1.1em 1em 0em 0em;
	float:right;
	}
#container {
	width: 100%;
	float:right;
	margin-left: -24em;
	}
/**************************************************************************
*                   HEADER
***************************************************************************/
#header {
  	padding-bottom:.5em;
  	height:6em;
  	width:100%;
  	}  
#header {
	border-bottom: .5em solid #5599ff;
	background-color: #EDF3FE;
	background-image:url(../images/header_back.gif);
	background-repeat:repeat-x;
	background-position: bottom left;
	}
/**************************************************************************
*                   LISTINGS MENU STYLES
***************************************************************************/
#listing {
	margin: 0;
	padding: 0;
  	position: absolute;
  	top: 7em;
  	left: 0em;
	width: 24em;
	height: 50em;
	overflow: auto;
	border-right: 1px solid #6E7A8B;
	}
#listing ul {
	margin-top:.5em;
	}
#listing ul{
	width: 256px;
	padding: 0em 0em 0em .5em;
	}
#listing ul li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: #95AFFF;
	width: 256px;
	background-image:url(../images/navigation/nav_bottom_left.gif);
	padding-bottom: 7px;
	}
#listing ul li img {
	padding: .2em 0 0 0;
	}
#listing ul li a {
	display: block;
	padding: 1px 0px 1px 10px;
	text-decoration: none;
	width: 246px;
	font-size: 10pt;
	font-weight:bolder;
	font-family: Arial,Helvetica,sans-serif;
	color: #ffffff;
	background-repeat: no-repeat;
	background-position: top right;
	background-image:url(../images/navigation/nav_top_right.gif);
	border-top: 1px solid #ffffff;
	}
#listing ul ul { 
	margin: 0px 1px 0px 1px;
	padding: 0;
	width: 254px;
	font-size: 10pt;
	}
#listing ul ul li {
	background-image:none;
	padding-bottom: 0px;
	width: 254px;
	}
#listing ul ul a {
	padding: 1px 0px 1px 1em;
	background-color: none;
	font-weight:normal;
	color: #000000;
	background-image:none;
	width: 20.8em;
	border-top: 0px solid #ffffff;
	}
/**************************************************************************
*                   MAP OPTIONS MENU STYLE
***************************************************************************/
#option_menu ul li {
	background-position: 2px 50%;
	background-repeat: no-repeat;
	text-indent: 1em;
	background-color: #ffffff;
	}
#option_menu li.onRoute {
	background-image:url(../images/navigation/routeOn.gif);
	background-color: #FEE3E2;
	}
#option_menu li.offRoute {
	background-image:url(../images/navigation/routeOff.gif);
	}
#option_menu span {
	padding: 0 0 0 1em;
	font-size: 8pt;
	font-weight:bolder;
	font-family: Arial,Helvetica,sans-serif;
	color: #ffffff;
	}
/**************************************************************************
*                   FOOTER LINKS AND BORDER LINE
***************************************************************************/
#footer {
    border-top: .5em solid #5599ff;
    padding: 0;
    clear: both;
    width: 100%;
    margin: 0;
    }
#footer #links {
	padding: .2em 0em 0em .5em;
	font-size: .76em;
	float:left
	}
#footer ul li {
	display:inline;
	padding: 0 .5em 0 .5em;
	border-right: 1px solid #000;
	}
#footer ul li.last {
	border-right: none;
	}
#footer ul li div {
	display: none;	
	margin: 0 auto;
	width:600px;
	background-color:#EDF3FE;
	border:1px solid #5599FF;
	padding:1em;
	margin:1em;
	} 
#footer ul li:hover > div {
	display: block;
	} 
/**************************************************************************
*                 POP UP BUBBLE 
*  This width is needed to prevent awkward bubble formatting in Firefox 1.5
***************************************************************************/

.bubble {
	width: 21.5em;
	}
.bubble h3 {
	margin:0 0 .5em -1em;
	padding: 0;
	font-size:1em;
	font-weight:bold;
	}
.bubble ul {
	margin:0;
	padding: .5em 0 0 0;
	width: 11em;
	/* border-top: 2px dashed #cccccc; */
	}
.bubble li {
	list-style-type: square;
	margin-left: 1em;
	}
/**************************************************************************
*                   TAB NAVIGATION
***************************************************************************/
#tab_bar {
	margin:0;
	padding: 0;
	list-style:none;
	position:absolute;
	top: 3.8em;
	left: 1em;
	width: 253px;
	}
#tab_bar li {
	float:left;
	background:url("../images/navigation/left_on.png") no-repeat left top;
	margin:0;
	padding:0 0 0 9px;
	}
#tab_bar a {
	display:block;
	background:url("../images/navigation/right_on.png") no-repeat right top;
	padding:3px 15px 3px 0px;
	text-decoration:none;
	font-weight:bold;
	color:#878787;
	}
#tab_bar a:hover {
	color:#717171;
	}
#tab_bar .selected {
	background-image:url("../images/navigation/left_on.png");
	}
#tab_bar .selected a {
	background-image:url("../images/navigation/right_on.png");
	color:#000;
	padding-bottom:9px;
	}

/**************************************************************************
*                               FONTS and TYPOGRAPHY
**************************************************************************/
body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	}
h1 {
	margin-left:12em;
	margin-top: 0em;
	margin-bottom: 0em;
	padding-bottom:1.3em;
	background-image:url(../images/title.gif);
	background-repeat:no-repeat;
	text-indent:-900em;
	font-size: 2.0em;
	font-weight: normal;
	}
h2 {
	font-size: 1.4em;
	margin: 0em;
	font-weight: normal;
	}
h3 {
	font-size: 1.2em;
	margin: 0em 0em .5em 0em;
	padding-top: .2em;
	font-weight: normal;
	text-indent:10px;
	}
ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-family: Arial,Helvetica,sans-serif;
	}
img {
	border: 0;
	}
p {
	font-size: 1.0em;
	line-height: 1.8em;
	margin: 1.2em 0em 1.2em 0em;
	}