.selectedanchor{ /*CSS class that gets added to the currently selected anchor link (assuming it's a text link)*/
background: #e5e5e5;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
font: normal 12px Verdana;
color: blue;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #e5e5e5;
width: 200px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu ul li a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
text-indent: 5px;
}

.anylinkmenu a:hover{ /*hover background color*/
background: black;
color: red;
}

/* ######### Alternate multi-column class for drop down menus ######### */


.anylinkmenucols{
position: absolute;
width: 525px;
left: 0;
top: 0;
visibility: hidden;
border: 1px solid black;
padding: 10px;
font: normal 12px Verdana;
color: blue;
z-index: 100; /*zIndex should be greater than that of shadow's below*/
background: #e5e5e5;
}

.anylinkmenucols li{
padding-top: 3px;
padding-bottom: 3px;
border-bottom:1px solid black;
}

.anylinkmenucols li a{
display: block;
text-decoration:none;
}

.anylinkmenucols .column{
float: left;
padding: 3px 10px;
margin-right: 5px;
}

.anylinkmenucols .column ul{
margin: 0;
padding: 0;
display: block;
font-weight: bold;
list-style-type: none;
}

.anylinkmenucols li a:hover{ /*hover background color*/
background: black;
color: red;
}

/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}


/* Note: The slash star combinations surround text that is to be          */
/*       marked a comment.  These just describe the CSS and are           */
/*       ignored by the browser.                                          */

body

.left
{
    /* floats the item to the left side of the page, and adds a margin */
    float: left;
}

.right
{
    /* floats the item to the right side of the page, and adds a margin */
    float: right;
}

.scroll
{
    /* this makes the element create scroll bars if the text is too long */
    /* to be displayed.  This is very similar to the effect created by */
    /* frames and iframes, but does not allow page transitions like frames do */
    overflow: auto;
}

.wrapper
{
    /* remove this to have the page load at full width */
    width: 975px;
}

.content
{
    /* this describes the container of the content paragraphs. */
    padding: 0px 20px 0px 20px; /* keeps text off the borders */
	font-face: Arial;
    font-size: 12px;
    padding: 0px;
	margin: 0px;
}

.content.padleft
{
    /* this is to pad if there's a sidebar on the left */
    padding-left: 160px;
}

.content.padright
{
    /* this is to pad if there's a sidebar on the right */
    padding-right: 15px;
}

.sidebar
{
    width: 150px;
    height: 500px; /* remove this to allow different-sized sidebars */
    color: #D9E1ED;
    font-weight: bold;
    padding: 10px 0px 5px 0px;

}

.sidebaritem
{
    width: 130px;
    background-color: #CFE0F9;
    color: #5675A5;
    border: solid 1px #5675A5;
    font-size: 14px;
    padding: 2px;
    margin-bottom: 3px;

}
.horiz
{
    color: #4B1A95;
    font-weight: bold;
	width: 124px;
	float: left;
	text-align: center;
}

.sidebaritem.first
{
    margin-top: 10px;
}