body 
{
    background-image: url(/images/lgrey011.jpg);
    behavior:url("css/csshover3.htc"); /* IE 6 li:hover hack */
}

/* A minor CSS reset here to handle margins between the tops of the columns and the navigation masthead. 
*  Margin and padding are handled specifically with paragraph classes now.
*/
p {margin:0;padding:0;}

#wrapper 
{
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 800px;
	background-color:#ffffff;
	border:solid 1px #000000;
}

#header 
{
	margin: 0 -5px 0 0;
}

#leftBox 
{
	float: left;
	width: 175px;
	background-color: #F2F2E3;
	padding: 5px;
	min-height: 520px;
}

#rightBox 
{
	float: right;
	width: 175px;
	background-color: #F2F2E3;
	padding: 5px;
}

#content 
{ 
	float: left;
	padding: 5px 15px 0 15px;
	min-height: 690px;
}

#footer 
{
	clear: both;
	background: #F2F2E3;
	font-size:.7em;
	text-align:center;
	padding:3px;
}

#footer a:link 
{
	text-decoration: none;
	border-bottom:dotted 1px;
}

#footer a:visited 
{
	text-decoration: none;
	border-bottom:dotted 1px;
}

#footer a:hover 
{
	text-decoration: none;
	border-bottom:solid 1px;
}

#footer a:active 
{
	text-decoration: none;
	border-bottom:dotted 1px;
}

.seal 
{
    margin-top:10px;
}

.boxHeader 
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:1em;
    width:170px;
    margin-right:15px;
    color:#685c1a;
    font-weight:bold; 
    border-bottom: solid 1px #685c1a;
    margin: 15px 0 15px 0;
}

.contentHeader
{
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:1em;
    color:#685c1a;
    font-weight:bold; 
    border-bottom: solid 1px #685c1a;
    text-align:left;
	width:365px;
	margin: 15px 0 15px 0;
}

.rssIcon
{
    margin: 15px 0 15px 0;
}

.boxText
{
    font-size:.9em;
    margin: 15px 0 15px 0;
}

.boxText a
{
    /*
    -webkit-transition: background-color 0.3s linear;
	-moz-transition: background-color 0.3s linear;
	-o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;
	*/
}

.boxText a:link 
{
	text-decoration: none;
	color:#003399;
	border-bottom:dotted 1px;
}

.boxText a:visited 
{
	text-decoration: none;
	color:#003399;
	border-bottom:dotted 1px;
}

.boxText a:hover 
{
	text-decoration: none;
	color:#003399;
	border-bottom:solid 1px;
	/* background-color: #CED7FD; */
}

.boxText a:active 
{
	text-decoration: none;
	color:#003399;
	border-bottom:dotted 1px;
}

.onlineServicesList
{
    list-style-type:none;
    padding:0;
    margin: -5px 0 0 -5px;
    width:185px;
    font-size:.9em;
}

.onlineServicesList a:link 
{
    color: #003399;
    text-decoration: none;
}

.onlineServicesList a:visited 
{
    color:#003399;
    text-decoration: none;
}

.onlineServicesList a:hover 
{
    color:#003399;
    text-decoration: none;
    /*border-bottom: 1px dashed #003399;*/
}

.onlineServicesList a:active 
{
    color:#003399;
    text-decoration: none;
}

.onlineServicesList li
{
    padding: 5px 0 5px 5px;
    /*
    border-color: #5875a1;
    border-style: solid;
    border-width: 0 0 1px 0;
    */
}

.onlineServicesList li:hover
{
    background-color:#88ade6;
}

.onlineServicesList li:hover a
{
    color:#ffffff;
}

#googleSearchBox
{
    margin-top:25px;
}

.spotlightedFeature
{
    width:350px;
    /*
    border: solid 1px #000000;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    */ 
}

.newsItem a
{
    color: #003399;
}

#pHelpful a
{
    color: #003399;
}

.calendarGeneralClass
{
    width: 150px;
}

.dayStyleClass a:link
{
    text-decoration:none;
}

.dayStyleClass a:visited
{
    text-decoration:none;
}

.dayStyleClass a:hover
{
    text-decoration:none;
    border-bottom: 1px solid;
}

.dayStyleClass a:active
{
    text-decoration:none;
}

.updCalendarFieldset 
{
    border: 0px;
    margin: 0px;
    padding: 0px;
    position: relative;
}

#pnlSelectedCalendarItemsWindow
{
    position: relative;
    z-index: 100;
    top: -150px;
    left: 50px;
    background-color: #ffffff;
    font-family: Arial, Helvetica, Sans-Serif;
    width: 150px;
    border: solid 1px #000000;
    font-size: .8em;
    padding: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px; 
    -webkit-box-shadow: 3px 3px 5px #000000;
    -moz-box-shadow: 3px 3px 5px #000000;
    box-shadow: 3px 3px 5px #000000; 
}

#calCurrent
{
}

a.external 
{
    background: url(/images/external.png) center right no-repeat;
    padding-right: 13px;
}

.googleDisclaimer
{
    font-size: .7em;
}

#wxframe 
{
    width:365px;
    height: 135px;
    border: 0;
    margin: 0;
    padding: 0;
}

.appVersion 
{
	font-size: 9px; 
	color: #B8B8B8;
}

/* transitions for LWV menus */
#FWTableContainer1477186629 a
{
    /*
    -webkit-transition: background-color 0.1s ease, color 0.2s ease;
	-moz-transition: background-color 0.1s ease, color 0.2s ease;
	-o-transition: background-color 0.1s ease, color 0.2s ease;
	transition: background-color 0.1s ease, color 0.2s ease;
	*/
}

/* transitions for online services menu */
ul.onlineServicesList li 
{
    /*
	-webkit-transition: background-color 0.2s ease;
	-moz-transition: background-color 0.2s ease;
	-o-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	*/
}

/* opacity removed for IE since other CSS3-ish things do not work in IE. */
p.buttons a img {
    opacity:1.0;
    /* filter:alpha(opacity=100); */ /* For IE8 and earlier */
    -webkit-transition: opacity 0.2s ease;
	-moz-transition: opacity 0.2s ease;
	-o-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}

p.buttons a img:hover {
    opacity:0.6;
    /* filter:alpha(opacity=60); */ /* For IE8 and earlier */
}

/* weather styles */

#wxContainer {width: 360px;}
#icon {float: left; margin: 0 15px 0 0;}
#basic {width: 95px; float: left; margin-top: 0;}
#details {margin-top: 0;}
#ln-messageBox p {margin-top: 30px;}
#obstime {font-size: 9px; font-style: italic; line-height: 15px;}