@charset "UTF-8";
/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #cccccc;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color:#330000;
}

div#backgroundcontainerx {width: 100%; min-height: 680px; background-image: url(../graphics/bggreen1.png); background-position: bottom; background-repeat: repeat;}

div#container { 
	width: 800px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	min-height: 680px;
	background: #ffffff;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 14px 0;
	border: 1px solid #000;}

div#banner {width: 800px; height: 183px; padding: 0; margin: 0; border: none; z-index: 25;}

div#bannerRight {position: absolute; margin-top: 120px; margin-left: 580px;}

div#leftcolwide {float: left; width: 490px; margin-top: 10px; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; padding: 1px; border: none;}

div#rightcolnarrow {float: left; width: 276px; margin-top: 10px; margin-right: 1px; margin-bottom: 10px; margin-left: 2px; padding: 1px; border: none;}


div.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

div#leftbox {float: left; width: 300px; margin-top: 10px; margin-right: 8px; margin-bottom: 10px; margin-left: 10px; padding: 4px; border: none;}

div#rightbox {float: right; width: 300px; margin-top: 10px; margin-right: 18px; margin-bottom: 10px; margin-left: 8px; padding: 4px; border: none;}


div#topnavbar {padding: 2px; margin: 104px 0 2px -16px; display: block; z-index: 300; color: #CCCCCC;}

ul {margin-left:20px;padding-left: 10px; display: block;}
li {
	font-size: 96%;
	margin: 6px 10px 6px 10px;
	max-width: 40em;
	list-style-position: inside;
}

li#sideNav {list-style: url(../graphics/arrow.png); margin-left: -4px;}

ol li {margin-left: 28px;}

ul#regular li {display: list-item; font-size: 90%; font-weight: normal; margin-top: 4px; margin-right: 14px; margin-bottom: 6px; list-style-type:disc; list-style-position: inside;}


ul#topnav li {display: inline; margin: 1px 4px 1px 4px; padding: 0; font-size: 84%; background-image:url(../graphics/navbg.png); }

div#toprightnav {margin-top: -200px; margin-left: 454px; padding: 1px; color: #CCCCCC; z-index: 20;}


#dropmenudiv{
position:absolute;
margin-top: 0;
margin-left: -1px;
color: #FFFFFF;
border: none;
padding: 2px;
font:normal 86% Verdana, Arial, Helvetica, sans-serif;
z-index:50;
}

#dropmenudiv a{
width: 98%;
display: block;
color: #FFFFFF;
text-decoration: none;
background-color: #660000;
text-indent: 2px;
margin: 1px 0 1px 0;
border: none;
padding: 1px;
font-weight: normal;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color:#330000; font-style: oblique; text-decoration: underline;
}


a#mainNav:link {font-weight:normal; color:#ffffff; text-decoration:none; padding: 2px;}
a#mainNav:visited {font-weight:normal; color:#ffffff; text-decoration:none; padding: 2px;}
a#mainNav:hover {font-weight:normal; color:#ffffff;text-decoration:underline; padding: 2px; background-color:#660000; font-style: italic;}
a#mainNav:active {font-weight:normal; color:#ffffff;text-decoration:none; padding: 2px;}

a#image:link {text-decoration:underline; padding: 0;}
a#image:visited {text-decoration:underline; padding: 0;}
a#image:hover {text-decoration:underline; padding: 0; background-color: #FFFFFF}
a#image:active {text-decoration:underline; padding: 0;}


a:link {font-weight:normal; color: blue; text-decoration:underline;}
a:visited {font-weight:normal; color: blue; text-decoration:underline;}
a:hover {font-weight:normal; color:#ffffff; background-color: #660000; text-decoration:underline;}
a:active {font-weight:normal; color: blue; background-color: #FFFFFF; text-decoration:overline underline;}

a.two:link {font-weight:normal; color:#ffffff; text-decoration:none;}
a.two:visited {font-weight:normal; color:#ffffff; text-decoration:none;}
a.two:hover {font-weight:bold; color:#000000;text-decoration:underline; font-style: italic;}
a.two:active {font-weight:normal; color:#000000;text-decoration:overline underline;}


a#inline:link {padding: 0;
color:blue; font-weight: normal; text-decoration:underline;}

a#inline:visited {padding: 0;
color:blue; font-weight: normal; text-decoration:underline;}

a#inline:hover {padding: 0; color: #FFFFFF; background-color:#660000; text-decoration: underline;}

a#inline:active {padding: 0; color:blue; background-color: #ffffff; font-style: oblique; text-decoration: underline overline;}

div#onecolpage {margin: 2px 2px 1px 1px; width:792px; padding: 1px; border:none; overflow:auto; z-index: 10;}

h1 {font-size: 126%; font-weight: normal; word-spacing: .14em; letter-spacing: .08em; margin: 20px 10px 17px 12px;}

div#sideBar {float: left; width: 224px; margin: 0 12px 2px 0; padding: 0 10px 0 0; border: none;}

h2 {font-size: 114%; font-weight: normal; margin: 14px 10px 8px 12px;}
h2#note {font-size: 114%; margin: 8px 10px 4px 18px; font-style: italic;}
h3 {font-size: 106%; margin: 6px 6px 6px 24px;}
h3#navHeader {font-size: 106%; margin: 6px 6px 6px 18px; font-style: italic;}


p#intro {float: left; font-size: 96%; margin: 12px 14px 10px 16px; max-width:450px; display: block;}


p#intro2 {float: left; font-size: 96%; margin: 12px 14px 10px 16px; max-width:740px; display: block;}


p#address {font-size: 96%; margin: 12px 14px 14px 76px; max-width:25em; display: block;}

p#bulleted {display: list-item; list-style-type: disc; list-style-position: outside; font-size: 96%; margin: 8px 14px 10px 42px; max-width:45em;}

p#bulleted2 {display: list-item; list-style-type: square; list-style-position: outside; font-size: 96%; margin: 10px 14px 12px 70px; max-width:38em;}

p#bulleted3 {display: list-item; list-style-image: url(../graphics/bullet2.png); list-style-type: disc; list-style-position: outside; font-size: 96%; margin: 8px 14px 10px 42px; max-width:45em;}

p#numbered {display: list-item; list-style-type: &#x21D2; list-style-position: outside; font-size: 96%; margin: 10px 14px 12px 70px; max-width:38em;}

p#note {font-size: 88%; color: #660000; font-style: oblique; margin: 4px 4px 10px 6px; padding: 2px; text-align: center; display: block; background-color: #FFFFCC; border: 1px solid #000;}

p {font-size: 96%; margin: 8px 14px 10px 36px; max-width:45em; display: block;}

p#caption {font-size: 88%; color: #000000; font-style: oblique; margin: 4px 4px 10px 6px; padding: 2px; text-align: center; display: block; background-color: #CCCCCC;}

dl {margin-left: 32px; margin-right: 10px;}
dt {font-size: 98%; font-weight: normal; margin-top: 18px; margin-bottom: 6px;}
dd {font-size: 96%; margin-top: 8px; margin-bottom: 12px; margin-right: 24px; margin-left: 14px; font-weight: normal;}

dl#box {float: left; 
  width: 300px;
  min-height: 310px;
  margin: 0 10px 20px 4px;
  background: #ebebeb url(../graphics/box_bottom300.png) 
   no-repeat bottom left;
  }

dt#box {
  margin: 0;
  padding: 10px;
  background: #ffe7e7 url(../graphics/box_top300.png) 
  no-repeat top left;
  border-width: 0 0 1px 0;
  border-style: solid; 
  border-color: #FFFFFF;
  }

dd#box {
  margin: 0;
  padding: 10px;
    }


div#copyright {width: 800px; height: 64px;
margin-top: -1px; 
margin-left: auto;
margin-right: auto;
margin-bottom: 4px;
padding: 8px 0 2px 0;
}
