@charset "utf-8";
/* CSS Document */
body 
{
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 0px;
	margin-left:0px;
	color: #343434;
	background-color: #FFFFFF;
}

h1 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #0095BF;
	margin-top: 16px;
	margin-left: 0px;
	letter-spacing: 1px;
}
h2 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #666666;
	letter-spacing: 1px;	
	
}
h3 
{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #666666;
	letter-spacing: 1px;	
	margin-bottom: 3px;
	margin-top: 15px;
}
#footer 
{
	font-size: 0.8em;

}
.title_table 
{ background-image:url(/images/title_bg.jpg); }

/* Below handles the  main top menu */
.staticSubMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #00B9F2;
	line-height: 1em;
	margin-top: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
	text-align: left;
}
a.staticSubMenu:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.staticSubMenu:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #666666;
	text-decoration: none;
}
a.staticSubMenu:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00B9F2;
	text-decoration: none;
}
a.staticSubMenu:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #00B9F2;
	text-decoration: none;
}

.staticMenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	margin-left: 10px;
	list-style-image: url(../images/mainmenubullet.gif);
	margin-bottom: 10px;
	font-weight: bold;
	line-height: normal;
}
a.staticMenu:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}
a.staticMenu:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}
a.staticMenu:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;
}
a.staticMenu:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-decoration: none;

}

/* Below handles the menu that is in the body area left column */
ul#usermenu
{
	width: 200px;
	margin-left:auto;
	margin-right: auto;
	margin-top:25px;
	padding: 0px;
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
}

ul#usermenu li 
{
	display: block;
	list-style-position: inside;
	list-style-image: url(../images/usermenubullet.jpg);
}

ul#usermenu li a 
{
	display : block;
	margin : 0;
	padding : 2px 5px;
	background-color : #FFFFFF;
	font : bold 0.9em/1.5 arial, sans-serif;
	color : #666666;
	text-decoration : none;
	width : 170px;
}

ul#usermenu li a:hover 
{
	background-color : #FFFFFF;
	color : #00B9F2;
}




/* If the sub menu has the ability to show a flyout menu then below manages the look of it*/

.usersubmenudiv
{
	display: none;
	position: absolute;
	width: 200px;
	border: 1px solid #CCCCCC;
	margin-top: -22px;
	margin-left: 170px;
	padding: 0px;
	z-index: 100;
}


ul.usersubmenu
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	width: 100%;
}

li.usersubmenu
{
	display: block;
	border-top: 1px solid #FFFFFF;
}

ul.usersubmenu li a 
{
	display : block;
	margin : 0;
	padding : 2px 2px;
	background-color : #FFFFFF;
	font : bold 0.9em/1.5 arial, sans-serif;
	color : #999999;
	text-decoration : none;
	width : 170px;
}

ul.usersubmenu li a:hover 
{
	background-color : #CCCCCC;
	color : #666666;
}


/* Below manages all other page links and stuff */

a:link 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 1em;
	text-decoration: underline;
}

a:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-decoration: underline;
}

a:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #14586D;
	text-decoration: underline;
}
a:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #666666;
	text-decoration: underline;
} 


.top 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #00B9F2;
}

a.top:link 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
}
a.top:visited 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
}
a.top:hover 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #999999;
	text-decoration: underline;	

}
a.top:active 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #666666;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #FFFFFF;
}
a.footer:link 
{
	text-decoration: none;
	color: #FFFFFF;
	
}
a.footer:visited 
{
	text-decoration: none;
	color: #FFFFFF;
}
a.footer:hover 
{
	text-decoration: none;
	color: #22C0F0;
}
a.footer:active 
{
	text-decoration: none;
	color: #FFFFFF;
}

.happy 
{
	color: green;
	font-weight: bold;
	font-size: 1.1em;
}

.error 
{
	color: red;
	font-weight: bold;
	font-size: 1.1em;
}

.tableview 
{
	border-collapse: collapse;
	border-spacing: 1px;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
	border: 0px;
	font-size: 12px;
}

.tableview td 
{
	border: 1px solid #000000;
	padding: 1px;
}

.tableview th 
{
	border: 1px solid #000000;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #24667C;
	padding: 3px;
}

.tableview th a 
{
	font-weight: bold;
	color: #FFFFFF;
}
.tableview th a:hover 
{
	font-weight: bold;
	color: #19A4CF;
}

.tableedit 
{
	border-collapse: collapse;
	border-spacing: 1px;
	color: black;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 12px;
	border: 0px;
}

.tableedit td 
{
	border: 0px solid #1E3C72;
	padding: 2px;
}

.tableedit th 
{
	border: 1px solid #1E3C72;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	background-color: #666666;
	padding: 2px;
}




.featuredpartner {
	width: 200px;
	border: 3px solid #ffffff;
	text-align: center;
	padding: 5px;
	background: white;
	font-size: 0.8em;

}

.weathertable {
	border: 1px solid darkgrey;
	font-size: 0.9em;
}
.weathertable td {
	border: 1px solid darkgrey;

}

.weathertable th {
	border: 1px solid darkgrey;
	vertical-align: top;
}

.weather_high {
	color: #FF0000;
}

.weather_low {
	color: #0000FF;
}

.weathertexttable {
	font-size: 0.9em;
}
.weathertexttable td {
	vertical-align: top;
}


.crumbtrail {
	font-size: 0.75em;
}

.bigbrick {
	position: absolute; 
	visibility: hidden; 
	z-index: 20; 
	top: 0px; 
	left: 0px;
	width: 300px; 
	height: 167px; 
	background-image: url('/images/bricks/brick-300.jpg');
	text-align: center;
	vertical-align: middle;
}

.bigbrickinner {
	background-color: white;
	color: black;
	height: 137px;
	text-align: center;
}