/* modified to change line height to 150% 5 March 2009 at 0936 */
html, body { margin: 0px; padding: 0px; border: 0px; }
body  {font-family: verdana, geneva, arial, helvetica, sans-serif; }

/* horizontal and vertical red lines */
#red-x {background-image: url(image/redline.gif); position: absolute; top: 104px; left: 5px; width: 99%; height: 2px;}
#red-y {position: absolute; top: 20px; left: 185px; width: 2px; height: 400px; }

/* layout - change with care */
#accessibility { position: absolute; top: -1000px; }
#header { height: 110px; }
#leftbar { float: left; width: 175px; font-size: 110%; margin-left: 5px;}
#main {	margin-left: 185px; margin-right: 10px; }
#content { margin-right: 185px; padding: 0 10px 10px 10px; border-left: 2px solid #990000; }
#content-w { padding: 0 10px 10px 10px; border-left: 2px solid #990000; }
#rightbar { float: right; width: 160px; margin: 0; padding: 0; margin-top: 5px; margin-bottom: 20px;}
#footer { clear: both; padding-top: 0px; color: #ab8512; padding-left: 10px; border-top: 1px solid #990000; border-left: 2px solid #990000; margin: 10px; margin-right: 0; position: relative; top: -10px; left: -10px; }

/* header items */
#arms {position: absolute; top: 5px; left: 70px; z-index: 20; }
h1#dow {position: absolute; top: 12px; left: 195px; font-size: 180%; color: #990000; z-index: 30; }
#in {position: absolute; top: 55px; left: 196px; font-size: 90%; color: #ab8512; font-weight: bold; text-decoration: none; z-index: 31; }
#cofe {position: absolute; top: 20px; left: 85%; z-index: 10; }

/* new class for modification 090505 to homepage style IHW */
#container {background-color: ffffff; width 300px; margin-top:-10px;}
#floatleft {float:left; padding:5px;}
#clearance {clear:left;}
#clearanceright {clear:right;}
/* end new classes for modification 090505 to homepage style IHW*/

/* default styles */
h1 {font-size: 110%; color: #666699;}
h2 {font-size: 110%; color: #666699;}

h3 {font-size: 100%; color: #990000;}
h4 {font-size: 94%; margin: 0; padding: 2px; }
h5 {font-size: 86%; margin: 0; padding: 2px; }
p, ul, ol {font-size: 86%; line-height: 150%;}
/* block level element for naming thematic nav pages */
p.theme {font-size:110%; color: white; background-color: #666699;padding: 5px; margin-left: 5px; margin-top:-2px;}
img {border: none; }
form {margin: 0;}
blockquote {margin-right: 20px; margin-left: 20px; }
quote {margin-right: 20px; margin-left: 20px; }

/* rightbar items */
.element {width: 158px; border: 1px solid #666699; background-color: #ffffff; font-size: 90%; margin-bottom: 5px;}
.element h4 {color: #ffffff; background-color: #666699; }
.element p {margin: 0; padding: 2px; }

/* main content items */
#content p, {font-size: 86%; line-height: 150%; }
#content-w p {font-size: 86%;  line-height: 150%; }
#content a:link, a:visited {color: #990000; font-weight: normal; text-decoration: underline; }
#content a:hover {color: #ab8512; font-weight: normal; Text-decoration: underline; }
blockquote {font-size:86%; line-height: 118%; }
.firstpara {font-weight: bold; }

/* footer items */
#footer p { font-size: 75%; margin: 1px; }

.black {font-size: 105%; color: #000000; font-weight: bold; }
.subtitle {font-size: 100%; color: #990000; font-weight: bold; }
.textlist {font-size: 100%; color: #000000; font-weight: normal; text-decoration: none; list-style-type: square; line-height: 118%; }

/* Events / database record styling */
.Summary{border-left: red;}

/* links */

/* add formatting to certain links */
/* implemented 16 May 2009 */
a.marked:link, a.marked:visited, a.marked:active, a.marked:hover
{background: url(/image.php?id=1752) no-repeat 0px 50%;
padding-left: 10px;
}

a.ext:link, a.ext:visited, a.ext:active, a.ext:hover
{
background: url(/image.php?id=1753) no-repeat 100% 50%;
padding: 0 14px 0 0;
}

a.pdf:link, a.pdf:visited, a.pdf:active, a.pdf:hover
{
background: url(/image.php?id=1898) no-repeat 100% 50%;
padding: 0 17px 0 0;
}

a:link,a:visited,a:active {text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline; font-weight: normal;}

.mainmenu {font-family: arial, helvetica, sans-serif; list-style-type: none;padding: 5px 0; margin: 5px 0;}
.mainmenu ul {padding: 0; margin: 0;}
.mainmenu li {padding: 5px 0; margin: 5px 0;}
.mainmenu a:link, a:visited {color: #990000; font-weight: bold; }
.mainmenu a:hover {color: #ab8512; font-weight: bold; }

a:link.selected, a:visited.selected {color: #666699;}

.item {font-family: arial, helvetica, sans-serif; padding: 0px; margin: 0px; list-style-type: none;}
.item ul {padding: 0; margin:0 }
.item li {padding: 0; margin:0 }
.item li li {padding: 1px 0px 1px 3px; margin: 1px 0px 1px 3px; }
.item li li li {font-size: 110%; } /* 180907 */
.item a:link, a:visited {color: #990000; font-weight: bold; }
.item a:hover {color: #ab8512; font-weight: bold; }

/* original was this:
.item {font-family: arial, helvetica, sans-serif; padding: 0px; margin: 0px; list-style-type: none;}
.item ul {padding: 0; margin:0 }
.item li {padding: 0; margin:0 }
.item li li {padding: 1px 0px 1px 3px; margin: 1px 0px 1px 3px; }
.item a:link, a:visited {color: #990000; font-weight: bold; }
.item a:hover {color: #ab8512; font-weight: bold; }
*/

/* side menu links - not used right now*/
.sidemenu {
	margin: 0;
	padding: 0;
        width: 170px;
        font-family: arial, helvetica, sans-serif;
}
.sidemenu ul {
	list-style-type: none; 
	padding: 2px; 
	margin: 2px 0 0 5px;
	}
.sidemenu li { 
	padding-bottom: 5px;
	}
.sidemenu a {
        font-weight: bold;
        text-decoration: none; 
	}
.sidemenu a {
	color: #990000; /* maroon */ 
	}
.sidemenu a:hover {
	color: #ab8512; /* gold */
	text-decoration: underline; 
	}
/* level 2 */
.sidemenu ul ul a {
	color: #ab8512; /* gold */
}
.sidemenu ul ul a:hover {
	color: #990000;
}
/* level 3 */
.sidemenu ul ul ul a {
	color: #990000;
}
.sidemenu ul ul ul a:hover {
	font-size:150%; color: #ab8512;/* gold */
}
/* level 4 */
.sidemenu ul ul ul ul a {
	color: #ab8512;/* gold */
}
.sidemenu ul ul ul ul a:hover {
	font-size: 150%; color: #990000; font-size: 200%;
}

/* rightbar links */
#rightbar a:link,a:visited,a:active {color: #990000; }
#rightbar a:hover {color: #ab8512; }

/* footer links */
#footer a:link {color: #990000; }
#footer a:visited {color: #990000; font-weight: normal; }
#footer a:active {color: #990000; }
#footer a:hover {color: #ab8512; }