/* xxxxxthis line forces a scroll bar on all pages to avoid the jolt of appearing and reappearing xxxxx*/
html { min-height: 100%; margin-bottom: 1px; }

/*xxxxxxxxxxxxxxxxxxxx this begins the formatting to be applied to the entire document xxxxxxxxxxxxxxx */
body 
	{ 
	padding-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #F7F7EE;
	}
	
p
	{
	margin-bottom: 8px;
	}
		
h1 
	{
	font-weight: bold;
	color: #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
  padding-top: 10px;
	padding-bottom: 10px;
	}

h2 
	{
	font-weight: bold;
	color: #919191;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
  padding-top: 10px;
	padding-bottom: 10px;
	}

h3 
	{
	font-size: 10pt;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
	}

h4 
	{
	font-size: 8pt;
	font-weight: bold;
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	text-align:center;
	}
	
ul 
	{ 
	list-style-type: none; 
	}
	
input
	{
	color: #4A4A4A;
	background: #EEEEDD;
	border: 1px solid #4A4A4A;
	}

textarea
	{
	color: #4A4A4A;
	background: #EEEEDD;
	width: 330px;
	height: 330px;
	border: 1px solid #4A4A4A;
	}

select
	{
	color: #4A4A4A;
	background: #EEEEDD;
	border: 1px solid #4A4A4A;
	}

a:link {	color: #004080; text-decoration: none; outline: none;}
a:visited {	color: #004080; text-decoration: none; outline: none;}
a:hover {	color: #004080; text-decoration: underline;}
a:active {	color: #004080; text-decoration: none; outline: none;}

a:link.grey {color: #A8A8A8; text-decoration: none;}
a:visited.grey {color: #A8A8A8; text-decoration: none;}
a:hover.grey {color: #A8A8A8; text-decoration: none;}
a:active.grey {color: #A8A8A8; text-decoration: none;}

a:link.white {color: #ffffff; text-decoration: none;}
a:visited.white {color: #ffffff; text-decoration: none;}
a:hover.white {color: #ffffff; text-decoration: none;}
a:active.white {color: #ffffff; text-decoration: none;}
	
/* xxxxxxxxxxxxxxxxxxxx this starts the specific formatting for divs, etc from top to bottom xxxxxxxxxxxxxx */

.topbar 
	{
 	width: 100%;
 	height: 35px;
 	background-color: #26375d;
 	color: #ffffff;
 	}

.toptext 
	{
	width: 924px;
	margin-right: auto;
	margin-left: auto;
   }

.topbar img
	{
	margin-top: 7px;
	}

.master 
	{
	width: 924px;
	margin-left: auto;
	margin-right: auto;
	}
	
#login
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	display: none;
	height: 90px;
	width: 130px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	background-color: #26375d;
	}

#login input
{	
background: #EEEEDD;
	border: 1px solid #DCDCBC;
	font-family: Courier New, Courier New, Courier, monospace;
	font-size: 10pt;
  margin-bottom: 2px;
}
	

.master #gmap 
	{
	position: fixed;
	margin-top: 197px;
	margin-left: 324px;
	border: 2px solid #26375d;
	}
 
.banner
 	{
 width: 924px;
 height: 147px;
 padding-top: 30px;
 margin-bottom: 20px;
 font-size: 8pt;
 	}
 
.banner img
  {
	float: left;
  }
 
 .weatherspecs
 {
	width: 175px;
	float: left;
	margin-left: -275px;
	padding-top: 10px;
 }
 
/* xxxxxxxxxxxxxxxxxxxx start here for anything exclusive to the left pane xxxxxxxxxxxxxxxxxxxxxxxxx */

.left
	{
	padding-right: 20px;
	float:  left;
	width: 554px;
	}
	
.listing
	{
	margin-top: 15px;
	margin-bottom: 15px;
	}
	
.record
	{
	margin-bottom: 10px;
	padding-top: 0px;
	width: 100%;
	}
	
.byline
	{
	padding-bottom: 10px;
	font-size: 8pt;
	border-top: 1px solid black;
	padding-top: 1px;
	}

.byimage
	{
	float:left;
	margin-right: 5px;
	border: 1px solid black;
	}

.ui-tabs-hide
	 {
	 display: none;
	 }
	 
.ui-tabs-nav
	 {
	 list-style: 0;
	 }
	 
.ui-tabs-nav li 
	{
	 margin:0 20px 0 0px;
   float: left;
	}
	 
.ui-tabs-nav a
	{
	 font-size: 14pt;
	 font-family: Verdana, Verdana, Geneva, sans-serif;
	 display: block;
	 padding: 0px 0px 0px 0px;
	}
	
.ui-tabs-selected A:link {color: #26375d; text-decoration: none;}
.ui-tabs-selected A:visited {color: #26375d; text-decoration: none;}
.ui-tabs-selected A:active {color: #26375d; text-decoration: none;}
.ui-tabs-selected A:hover {color: #26375d; text-decoration: none;}
		
.ui-tabs-panel
	{
	 clear: left;
	 padding-bottom: 10px;
   line-height: 1.4;
	}
			
#commAsk1
	{
	font-size: 8pt;
	text-align: left;
	}
#commForm1
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
#commAsk2
	{
	font-size: 8pt;
	text-align: left;
	}	
#commForm2
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
#commAsk3
	{
	font-size: 8pt;
	text-align: left;
	}
#commForm3
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
#commAsk4
	{
	font-size: 8pt;
	text-align: left;
	}
#commForm4
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
#commAsk5
	{
	font-size: 8pt;
	text-align: left;
	}
#commForm5
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
#commAsk6
	{
	font-size: 8pt;
	text-align: left;
	}
#commForm6
	{
	font-size: 8pt;
	text-align: left;
	display: none;
	}
	
.calloutDown
	{
	height: 0;
	width: 0;
	border-top: 12px solid #DCDCBC;
	border-left: 12px dotted transparent;
	border-right: 12px dotted transparent;
	left: 0px;
	top: 0px;
	margin-left: 20px;
	z-index: 11;
	}
	
.calloutDown2
	{
	position: relative;
	left: -10px;
	top: -12px;
	height: 0;
	width: 0;
	border-top: 10px solid #EEEEDD;
	border-left: 10px dotted transparent;
	border-right: 10px dotted transparent;
	z-index: 10;
	}

.divContainerDown
	{
	background-color: #EEEEDD;
	border: solid 1px #DCDCBC;
	position: relative;
	top: 1px;
	z-index: 3;
  width: 75%;
	padding: 4px;
	}
    
.divContainerMain
	{
	background-color: #F7F7EE;
	padding: 8px;
	font-size: 8pt;
	}
	
.divContainerMain textarea
	{
	background: #EEEEDD;
	width: 330px;
	height: 50px;
	border: 1px solid #DCDCBC;
	font-family: Courier New, Courier New, Courier, monospace;
	font-size: 10pt;
	}

.divContainerMain input
	{
	background: #EEEEDD;
	border: 1px solid #DCDCBC;
	font-family: Courier New, Courier New, Courier, monospace;
	font-size: 10pt;
	}

hr {
  border: 0;
  width: 100%;
  color: #26375d;
  background-color: #26375d;
  height: 1px;
  margin-top: 25px;
  margin-bottom: 25px;
}
	
/* xxxxxxxxxxxxxxxxxxxx start here for anything exclusive to the right pane xxxxxxxxxxxxxxxxxxxx */

.right
	{
	float:  right;
	width: 350px;
	}
	
.right ul
  {
  list-style:disc;
  margin-left: 1em;
  }

.right li
  {
  line-height: 1.4;
  }

.right dl
	{
	float: right;
	width: 336px;
	margin-bottom: 15px;
  background-color: #ffffff;
	}
	
.right dt 
	{
	font-size: 12pt;
	font-weight: bold;
	background-color: #26375d;
  	color: #ffffff;
	padding: 3px;
	margin-bottom: 0px;
	}

.right dd
	{
	font-size: 10pt;
	border: 1px solid #26375d;
	padding: 5px;
	}

.right dt#weather 
	{
	font-size: 12pt;
	font-weight: bold;
	background-color: #A30029;
  	color: #ffffff;
	padding: 3px;
	margin-bottom: 0px;
	}

.right dd#weather
	{
	font-size: 10pt;
	border: 1px solid #A30029;
	padding: 5px;
	}

.billboard
	{
	float: right;
	margin-bottom: 15px;
	}