/* CSS for three column layout with floats, footer, and header */

body
{
margin: 18px 0px 18px 0px;
padding: 0px;
font: 1.2em georgia, arial, sans-serif;
behavior: url(css/csshover.htc);
background-image: url(../img/background.gif);
background-repeat: repeat;
}

/* ------------------------------------- Header Style ------------------------------------------ */
div#header
{
width: 990px;  /* makes the div fill its container - usually body */
margin-left: auto;
margin-right: auto;
height: 22px;
text-align: center; /*styles for header - text-align centers graphic */
border-bottom: 1px #333366 solid;
border-top: 1px #333366 solid;
margin-bottom: 5px;
background-color: #FFFFE1;
}

div#container
{
border-top: 2px solid #777777;
border-bottom: 1px solid #777777;
border-left: 2px solid #777777;
border-right: 2px solid #777777;
position: relative;
width: 990px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 20px;
background-color: #FFFAFA;
}

/*"no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */
/* simply add the clearfix class to any containter that must enclose floated elements */
/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */
.clearfix:after
{
content: "."; /* the period is placed on the page as the last thing before the div closes */
display: block; /* inline elements don't respond to the clear property */
height: 0; /* ensure the period is not visible */
clear: both; /* make the container clear the period */
visibility: hidden;	/* further ensures the period is not visible */
}

.clearfix
{
display: inline-block; /* a fix for IE Mac */
}

/* next a fix for the Guillotine bug in IE6 */
/* Hides from IE-mac \*/
* html .clearfix
{
height: 1%;
}

.clearfix
{
display: block;
}
/* End hide from IE-mac */
/* end of "no-extra-markup" clearing method */

/* ------------------------------ the horizontal menu starts here ------------------------------ */

div#nav
{
float: left;
width: 150px;
padding: 0px;
margin: 22px 0px 0px 0px;
}

div#nav ul
{
background-color: none;
border: 0px;
margin: 12px 1.25em 12px 1.25em;
padding: 0px;
list-style-type: none;
font-weight: bold;
font-size: .75em;
}

div#nav li {
/*float:left;*/	/* causes the list to align horizontally instead of stack */ 	/*  *changed****/
position: relative; /* positioning context for the absolutely positioned drop-down */
list-style-type: none;	/* removes the bullet off each list item */
border-bottom: 1px solid #777777;
margin: 0px;
padding: .1em 0em;
text-indent: .5em
}

div#nav li:first-child
{
border-top: 1px solid #777777; /*the first vertical line on the menu */
}

div#nav li:hover
{
background-color: #FFF; /*sets the background of the menu items */
}

div#nav a
{
display: block;
padding: 0px 6px; /*creates space each side of menu item's text */
text-decoration: none;	 /* removes the underlining of the link */
color: #800000;;	/* sets the type color */
font-weight: bold;
}

div#nav a:hover
{
color: #555555;
}
/* -------------------------------- the horizontal menu ends here ------------------------------ */

/* ----------------------------------- the drop-down starts here ------------------------------- */
div#nav ul li ul
{
margin: 0px; /* prevents the TEMP value inheriting from the horiz menu - OK to remove if you remove TEMP above */
margin-left: 10.6em; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
position: absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
width: 19em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
top: -1px; /* ADDED - ALLIGNS THE POP-OUT WITH ITS PARENT */
left: -2px; /*aligns the drop exactly under the menu */
}

div#nav ul li ul li
{
font-family: verdana, arial, sans-serif; font-size: 103%;
margin: -4px -3px 0px 0px;
height: 1.4em;
width: 100%; /* makes the list items fill the list container (ul) */
border: 1px solid #777777; /*  three sides of each drop-down item */
background-color: #F8F8FF; /* ADDED - sets the background of the submenu items */
}

div#nav ul li ul li:first-child
{
border-top: 1px solid #777777; /*the top edge of the dropdown */
}

/* make the drop-down display as the menu is rolled over */
div#nav ul li ul
{
display: none; /* conceals the drop-down when menu not hovered */
}

div#nav ul li:hover ul
{
display: block; /* shows the drop-down when the menu is hovered */
}

div#nav ul li ul li:hover ul
{
display: block; /* shows the sub-drop-down when drop-down menu is hovered */
}

div#nav ul li:hover ul ul
{
display: none; /* conceals the sub-drop-down when drop-down menu not hovered */
}

div#nav ul li ul li ul
{
left: 0px; /*aligns the sub-pop next to the pop - added for side version */
}

/* ------------------------------ HACK ZONE - on hack only for IE ------------------------------ */

* html div#nav ul li ul
{
margin-left: 10.0em; /*  *ADDED**MOVES THE SUBMENU OVER TO BE TO THE RIGHT OF THE MAIN MENU **/
}

* html div#nav ul li
{
border-top: 1px solid #777777;
border-bottom: 1px solid #777777;
}


/* ----------------------------------- END OF LIST-BASED MENU ---------------------------------- */

/* -------------------------------------- Content Style ---------------------------------------- */
div#content
{
width: 590px;
float: left;
margin: 22px 8px 4px 0px;
padding: 0em 0.5em;
}

div#content table
{
border: 2px solid #003366;
}

div#content table tr
{
border: 1px solid #003366;
}

div#content table tr th
{
border: 1px solid #003366;
}

div#content table tr td
{
border: 1px solid #003366;
padding: 2px 5px 2px 5px
}

div#content div#mainimage
{
width: 280px;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px;
}

div#content div#mainimage img
{
border: 0px solid black;
}

div#content div#mainimage p
{font-size: .65em;
margin: 0px 5px;
color: #3399CC;
}

div#content h1
{
font-size: 1.4em;
font-variant: small-caps;
margin-top: 0em;
font-family: georgia, verdana, sans-serif;
color: #800000;
}

div#content p
{
font-size: .8em;
margin-top: 0px;
margin-bottom: .55em;
/* text-indent: 2em; */
}

div#content li
{
font-size: .8em;
}

div#content blockquote
{
width: 180px;
float: right;
font-size: .7em;
border-top: 2px solid #777777;
border-bottom: 2px solid #777777;
margin: 0px 0px 0px 12px;
padding: 5px 3px 5px 3px;
}

div#content blockquote p
{
margin: 0px;
font-style: italic;
}

div#content a
{
text-decoration: none;
color: #800000;
font-weight: bold;
}

div#content a:hover
{
color: #800000;
text-decoration: none;
}

div#content img
{
margin: 6px;
}

/* -------------------------------------- Right Column Style ----------------------------------- */
div#rightcolumn
{
float: left;
width: 165px;
border-top: 2px solid #777777;
border-bottom: 2px solid #777777;
border-left: 2px solid #777777;
border-right: 2px solid #777777;
margin: 42px 5px 0px 0px;
padding: .6em 1em .6em 1em;
background-color: #FFFFFF;
}

div#rightcolumn p
{
font-size: .75em;
padding: 0px 0px 0px 0px;
margin: 5px 0px 0px 0px;
}

div#rightcolumn img
{
border: none;
}

div#rightcolumn div#newslinks ul
{
list-style-type: disc;
font-size: .75em;
padding-left: 15px;
padding-top: 6px;
padding-bottom: 0px;
padding-right: 5px;
margin: 0px 5px 0px 0px;
}

div#rightcolumn div#newslinks li
{
margin-top: 0em;
margin-bottom: .4em;
font-family: sans-serif;
}

div#rightcolumn h3
{
text-align: center;
font-size: .9em;
color: #800000;
margin: -5px 0px 9px 0px;
padding: 0px 0px 0px 0px;
}

div#rightcolumn h4
{
text-align: center;
font-size: .8em;
color: black;
margin: 0px 0px 7px 0px;
padding: 0px 0px 0px 0px;
}

div#rightcolumn a
{
color: #800000;
text-decoration: none;
font-weight: bold;
}

div#rightcolumn a:hover
{
color: #800000;
text-decoration: none;
}

div#rightcolumn li.morelink
{
font-style: italic;
}

/* ----------------------------------- footer styles ------------------------------------------- */
div#footer
{
width: 990px;  /* makes the div fill its container - usually body */
margin-left: auto;
margin-right: auto;
padding: 4px 0px; /* pushes the links away from top and bottom of the div */
font-size: .75em;  /* sets the font size of all links */
text-align: center; /* centers the ul elements in the div */
background-color: #FFFACD; /* sets the background color of the div */
border-top: 0px solid #777777;
border-bottom: 2px solid #777777;
border-right: 2px solid #777777;
border-left: 2px solid #777777;
margin-top: 0em;
}

div#footer ul
{
margin: 2px 0px; /* vertical spacing between the lists */
}

div#footer li
{
display: inline; /* the key CSS - makes the lists display horizontally */
color: white; /* sets the color of the vertical lines */
border-left: 1px solid; /* creates the vertical line to the left of each list items */
color: #777777; /* sets the color of the vertical lines  - links colored below */
padding: 0px 5px 0px 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
}

div#footer li:first-child
{
border-left: 0px; /* removes the left border of the first list item - IDWIMIE */
}

div#footer ul li a
{
text-decoration: none; /* removes the underlining off the links */
color: #800000; /* the color of the links */
font-weight: bold;
}

div#footer ul li a:hover
{
text-decoration: none;
color: #800000; /* underlines the links when hovered */
}

div#footer ul.fineprint li
{
color: #777777; /* color for copyright and vert dividers on last row */
}

div#footer ul.fineprint li a
{
color: #800000; /* had to explicitly color these or they inherit white from div#footer li */
}

div#footer ul.fineprint li a:hover
{
color: #800000; /* turns bottom row white when hovered */
}