/* structure of our 2-column layout: */

html,body,form {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	min-height: 100%;
	margin-bottom: 1px;
	background: #eee;
	font-family: arial, sans-serif;
	font-size: .9em;
	line-height: 160%;
	color: #000;
	text-align: center; /* ie 5 does not support auto margins */
}

div#container 
{
	text-align: center; /* ie 5 does not support auto margins */
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:960px;
	background:#fff;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#header
{
	height: 68px;
	min-height: 68px;
	background: #000 url( '../../images/banner_02.gif' ) repeat-x;
	border-bottom: solid 5px #663399;
}

div#contentContainer { margin: 0 auto; padding: 0; }

div#content 
{
	text-align: left;
	width: 920px;
	margin: 0 auto;
	padding:0 0 2em 0; /* bottom padding for footer */
	background-color: #fff;
}

div#contentLeft 
{	
	margin: 20px 0 20px 0px;
	float:left;
	width:175px;
	/* background-color: Fuchsia; */
}

div#contentRight 
{
	margin: 20px 0 20px 0;
	float:right;
	width:725px;
	/* background-color: Aqua;
	border: solid 1px #000; */
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	left:0;
	background:#000;
}

.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/* banner */
#bannerLeft { float: left; width: 261px; }
#bannerRight { float: right; width: 268px; }

/* footer */
#footerLine1 { background-color: #000; margin:0; color: #fff; padding: 5px 10px; text-align: right; }
#footerLine1 a { color: #fff; text-decoration: underline; font-weight: bold; text-align: right; }
#footerLine2 { background-color: #eeeeee; margin:0; text-align: right; font-size: 90%; text-align: right; }


/* styles used throughout */

.tabulardisplay td { padding: 0px 10px 0px 0px; vertical-align: top; }	
	
p, ul, ol, ul.like_p li { margin-top: 0; margin-bottom: 1em; }
li, ul ul { margin-top: 0; margin-bottom: 0; }

h1, h2, h3, .ph1, .ph2, .ph3 { font-weight: bold; text-align: left; margin-bottom: .3em; }
h1, .ph1 { font-size: 1.8em; margin-top: .0; }
h2, .ph2 { font-size: 1.4em; margin-top: .8em; }
h3, .ph3 { font-size: 1.2em; margin-top: .6em; }

sup { font-size: 80%; line-height: 80%; }

a:visited, a:link, a:active { text-decoration: none; font-weight: bold; }
a:visited {	color: #660033; }
a:link { color: #663399; }
a:active { color: #333366; text-decoration: underline; }
a:hover { text-decoration: underline; font-weight: bold; }
a[name]:hover {text-decoration: inherit; color: inherit; background: inherit; }

.flyoutMenu a:visited, .flyoutMenu a:link, .flyoutMenu a:active { text-decoration: none; color: #000; }
.flyoutMenu a:hover { color: #777777; }

.flyoutSubMenu a:visited, .flyoutSubMenu a:link, .flyoutSubMenu a:active { text-decoration: none; color: #000; font-weight: normal; }
.flyoutSubMenu a:hover { color: #000000; font-weight: normal; }

.locations-list { margin-bottom: 8px; margin-top: 8px; }
.drawBox { border: solid 3px #663399; padding-left: 2%; background-color: #eee; }
.floatingColumn { float: right; width: 230px; margin-left: 20px; 
                  border: solid 1px silver; padding: 10px;	
                  background: #fff url( '../../images/purplebg.jpg' ) repeat-x;
 }