body {
font-family:"book antiqua", "georgia", serif;
background: #FFFFF0;
}

a:link {color:#CC3333;}
a:active {color:#CC3333;}
a:visited {color:#000099; text-decoration:none;}
a:hover {color:#FF0033;}

a.whitelink:link{color: #FFFFF0; text-decoration: none; border:none;}
a.whitelink:active{color: #FFFFF0; text-decoration: none; border:none;} 
a.whitelink:visited{color: #FFFFF0; text-decoration: none; border:none;}
a.whitelink:hover{color: #FFFFF0; text-decoration: none; border:none;}
img.whitelink{border: none;}

.floatleft {float: left; width:auto; margin-right: 0.5em; margin-left: 0.5em; margin-top: 0.5em;}
.floatright {float: right; width:auto; margin-right: 0.5em; margin-left: 0.5em; margin-top: 0.5em;}

.invisible {display: none;}

hr {width:75%; align:center; color:#000033;}

.centerimage {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

sub {
position: relative;
bottom:-4px;
#top:-2px;
}

p.first {margin-top:40px;}

/* ------------------- */

/* Page headers */

#leftcornerframe{
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 250px; /*Width of frame div*/
background-image: url('images/leftmenuhorse.jpg');
background-repeat: no-repeat;
}

#rightcornerframe{
position: absolute;
top: 0;
bottom: 0; 
right: 0;
width: 250px; /*Width of frame div*/
background-image: url('images/rightmenuhorse.jpg');
background-repeat: no-repeat;
}

#topframe{ 
position: absolute;
top: 0;
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
right: 250px;
width: auto;
height: 155px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
border:4px solid #AD4A18;
background-color: #000033;
color: #FFFFFF;
}

/* ------------------- */

/* Page body content */

#maincontent{
position: absolute;
top: 163px; 
left: 195px; /*Set left value to WidthOfFrameDiv*/
right: 0;
bottom: 0;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

/* ------------------- */

/* Menu bar */

#leftframe{
position: absolute;
top: 163px;
left: 0;
bottom: 0;
width: 195px; /*Width of frame div*/
height: 150%;
overflow: auto; /*'hidden' will disable scrollbars. Set to "scroll" to enable*/
background-color: #CCCCCC;
}

/* ------------------- */

/* Accordion Menu */

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color: #FFFFF0;
font-weight: bold;
background: black url(images/titlebar.png) repeat-x center left;
margin-top: 20px;
margin-left:4px;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font-weight: bold;
background-image: url(images/titlebar-active.png);
background-color:#AD4A18;
}

.arrowlistmenu .current{ /*default selected sub menu header*/
background-image: url(images/titlebar-active.png);
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: #DAA520 !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: #FFD700 !important;
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(images/keybullet.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background-color: #FFFFF0; 
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: #F0E68C;
}