html 
{height:100%;}

/*PRINT ONLY STYLES */
body {margin:0; background:none; width:100%; font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#333; line-height:1.3em;}
#logo, #banner, #rightcol, #nav, #footer {display:none;}
#content {padding:20px; margin:20px; border:solid 1px #999; _width:160mm; _margin:0;}
#content p {font:10pt/1.3em;}




textarea
{font-family:Arial, Helvetica, Verdana, sans-serif; font-size:12px; line-height:1.3em;}

ul
{list-style-type:square; color:#996;}

li
{border-bottom:1px solid #ececec; margin:3px; padding:2px;}

table
{font-size:11px; line-height:1.3em;}

img { border: 0px; }
a { text-decoration: none; }
a:link { color: #333; }
a:visited { color: #333; }
a:active { color: #369; }
a:hover { color: #369; }

.active
{color: #036;}

.menulink
{font-size:10px; color:#036; font-weight:bold;}

.menulink a
{text-decoration:none; padding:4px;}
.menulink a:link {color:#036;}
.menulink a:visited {color:#036;}
.menulink a:active {color:#036;}
.menulink a:hover
{color:#036; background-color:#d3d7d3; padding:4px;}
.menulink a.current 
{text-decoration:underline;} 
.menulinkhome
{font-size:13px; color: #036;}
.menulinkhome a
{text-decoration:none; padding:4px;}
.menulinkhome a:link {color:#036;}
.menulinkhome a:visited {color:#036;}
.menulinkhome a:active {color:#036;}

.menulinkhome a:hover
{color:#036; background-color:#d3d7d3; padding:4px;}

.image img
{border:1px; border-color:#99; border-style:solid;}

.heading1, h1
{font-size:24px; line-height:1.2em; font-weight:bold; color:#369;}

.heading2, h2
{font-size:16px; line-height:1.3em; font-weight:bold; color:#663;}

.heading3, h3
{font-size:12px; line-height:1.3em;font-weight:bold; color:#000;}

.heading4, h4
{font-size:18px; line-height:1.5em; font-weight:bold; color:#369;}

.event
{font-size:10px; line-height:1.5em; font-weight:bold; color:#999;}

.upcomingevent .heading1,.upcomingevent .heading2,.upcomingevent .heading3
{font-size:10px; line-height:1.2em;}

.searchResult
{padding:10px; font-size:12px; font-weight:bold; border-bottom:1px solid #ececec; margin:5px;}
.searchResultBrief
{font-size:10px; font-weight:normal;}
.searchResult:hover 
{background-color:#D9D9D9;}

.mainbg
{background:white url('images/Interface/bgimage.gif') no-repeat right bottom; border:solid 1px #D9D9D9; border-bottom:none; padding:20px;}

.footerbg
{background:white url('images/Interface/footbgimage.gif') no-repeat right bottom; border:solid 1px #D9D9D9; border-top:none; padding:0 20px;}
.footerdash
{border-top:dashed 1px #7A7B7B; padding-top:5px;}

.formLabel
{font-weight:bold; white-space:nowrap;}
.formError {color:red;}
.formErrorMessage
{color:red; border:1px dotted red; padding:10px;}
.formMessage
{border:1px dotted red; padding:10px;}

.forumTopic
{padding:5px; font-weight:bold; font-size:14px; background-color:#ececec;}
.forumTopicFooter { }
.forumForm
{background-color:#ececec; border:1px solid #663; padding:5px;}
.forumMessage
{padding:5px; padding-left:20px; border-top:1px dotted #ececec;}
.forumMessageFooter
{padding-top:5px; font-style:italic; color:#369;}
.forumTopicInfo
{padding-top:5px; font-style:italic; color: #369; font-size:11px; font-weight:normal;}

.thumbnail
{position:relative; z-index:0;}
.thumbnail:hover
{background-color:transparent; z-index:50;}

.thumbnail span
{/*CSS for enlarged image*/ position:absolute; left:-1000px; border:1px solid gray; visibility:hidden;}
.thumbnail span img
{/*CSS for enlarged image*/ border-width:0; width:400px;}

.thumbnail:hover span
{/*CSS for enlarged image on hover*/ visibility:visible; top:-80px; left:20px;
/*position where enlarged image should offset horizontally */}