html, body {margin:0; padding:0}
body {font-size: 76%; font-family: arial,sans-serif; background: #7f98ff url(back.jpg) top left repeat-x}
/* Main Div Blocks */
div#container {background: none ; padding-left: 0px; padding-right: 0px; width:770px; margin: auto}
div#body {background: url(back3.jpg) top left repeat-y; float: left; display: block }
div#body2 {background: url(back2.jpg) top left repeat-y; float: left; display: block }
div#menu {width: 156px; float: left; padding:4px; }
div#content {float: left; width: 440px; margin-left: 3px; padding-left:1px; padding-right: 10px}
div#content2 {float: left; width: 594px; margin-left:3px; padding-left:3px; padding-right: 6px}
div#eventmenu {width: 145px; float: right; margin-right: 4px }
div#footer {clear: left;}
div#clear {clear: both }
/* Main Block Level Element Styling */
h1 { font-size: 2.5em; margin-top: 0; padding-left: 10px ;}
h2 { font-size: 2em; color: #79B30B;}
h3 { font-size: 1.6em; color: #b71; padding-left: 0px;}
h4 { font-size: 1.55em; color: #3030a0; padding-left: 10px;}
h5 {font-size: 1em; font-weight:bold; padding-left: 10px;}
/*Main div blocks basic styling */
div#header {background-color: Black}
div#menu { }
div#content {background-color:#e7e7ff; color:Black}
div#content2 {background-color:#e7e7ff; color:Black}
div#footer {background-color: #dc9}
/* Menu */
div#menu h2 {color:#6a6aff; font-size: 1.1em; padding: 2px 0 0 18px; border-bottom: 1px solid #666; margin: 2px 5px 10px 5px; font-family:arial,sans-serif; letter-spacing: .25ex; background: black url(arrow.gif) left center no-repeat }
div#menu h3 {color:#ff9; font-size: 1.1em; padding: 0 0 0 6px; margin: 0 2px 0 8px; font-family:arial,sans-serif; letter-spacing: .25ex; }
div#menu h4 {color:#ff9; font-size: .9em; padding: 0 0 5px 5px; margin: 0 2px 0 7px; font-family:arial,sans-serif; letter-spacing: .1ex; font-style:italic }
div#menu ul {list-style-type:none; margin:0 0 0 0 ;padding: 0 0 0 0 }
div#menu ul li {padding: 1px 8px 0 8px}
div#menu ul li a:link, div#menu ul li a:visited {color:#dde; text-decoration:none; display: inline-block ; background-color:#372fbf; border: 1px solid #88f; border-bottom:none; border-right:none; padding:2px 15px 2px 15px; font-size: 1em; width:110px}
div#menu ul li a:hover {border: outset 1px #333; border-bottom:none; background-color:#000;}
div#menu a:link {color: #55f}
div#menu a:visited {color: silver}
div#menu a:hover {color: #ff9}
div#menu p {color:#ff9; padding: 0 3px 0 15px }
/* Menu */
div#eventmenu h2 {margin-left: 4px; color:#00f; font-family: Arial, sans-serif; font-size: 1.6em; font-weight:normal; border-bottom: 1px solid #985;}
/*Header Special */
div#header {height: 118px; Background : #e7e7ff url(LHCLogo.jpg) top left no-repeat}
div#header h1 {margin:0; color:#119; font-family: "Comic MS",Arial,Sans-serif; font-size:2.5em; margin-left:260px; padding-top:.5em; font-weight:normal }
div#header h2 {margin:0; color: #22d; font-family: "Comic MS", Arial, Sans-Serif; margin-left: 270px; margin-right:230px; font-weight:normal; font-size: 1.6em; letter-spacing:.1ex}
div#header h3 {margin:0; color: Blue; font-family: "Comic MS", Arial, Sans-Serif; margin-left: 270px; margin-right:230px; font-size:1.1em; letter-spacing: .1ex}
/* Content Styling */
div#content h2 { margin: 0 .5em; text-align:left; padding: .5em 0 0 0; color:#0000FF; font-family: "Comic MS", Arial, sans-serif; font-size: 2em; font-weight:normal; border-bottom: 1px solid #ba7}
div#content h3 { text-align:center; color:#b71 }
div#content h4 { margin: 1em 0 0 0; text-align:center; font-weight:bold; color:navy; font-size:1.1em; font-family:Arial, Sans-Serif }
div#content h5 { margin: 1em 0 0 0; text-align:center; font-weight:bold; color: #384; font-size:1.7em; font-family:Arial, Sans-Serif }
div#content p { padding: 0 1em }
#content a:link {color:Blue; } #content a:visited {color:#000;}
#content a:hover {background-color:#fc3}
div#content p.meta { font-weight:bold; text-align:right;}
.meta a:link, .meta a:visited {color:#000; text-decoration:none;}
.meta a:hover {text-decoration: underline;}
/* Content Styling for 2 column */
div#content2 h2 { margin: 0 .5em; text-align:left; padding: .5em 0 0 0; color:#0000FF; font-family: "Comic MS", Arial, sans-serif; font-size: 2em; font-weight:normal; border-bottom: 1px solid #ba7;}
div#content2 h3 { text-align:center; color:#00f; font-weight :bold; font-size :1.7em; padding-top:8px; margin-bottom: 4px }
div#content2 h4 { margin: 1em 0 0 0; text-align:center; font-weight:bold; color:navy; font-size:1.1em; font-family:Arial, Sans-Serif }
div#content2 h5 { margin: 1em 0 0 0; text-align:center; font-weight:bold; color: #384; font-size:1.7em; font-family:Arial, Sans-Serif }
div#content2 p { padding: 0 1em }
#content2 a:link {color:Blue; } #content2 a:visited {color:#000;}
#content2 a:hover {background-color:#fc3}
div#content2 p.meta { font-weight:bold; text-align:right;}
/* Table */
div#table {padding: 2em 2em 0 2em}
table {border: 2px solid #11f; border-collapse:collapse}
td {border: groove 1px #44f }
/*div#table h3 {text-align:center; vertical-align:middle ; padding: 1ex 0 1ex 0;color:#996600; font-size:large}
div#table h4 {font-weight:bold; text-align:center}
/* Footer */
div#footer {height: 2em; margin:0; text-align:center;}
div#footer p { padding-top: 5px; font-size: .9em;}
div#footer p a:link, div#footer p a:visited {color:#000; text-decoration:none}
div#footer p a:hover {text-decoration:underline;}
/* Decorative Horizontal Line */
div#decorativeline { height: 10px; background-image: url(longline.jpg); background-position: top left; background-repeat: repeat-y; }
/* Good Colors */
/* light yellow=#fbf5d0 */
/* light blue=#e7e7ff */