a {
    color: #196ebe;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

body {
    background-color: #bfd9f3;
    font-family: Tahoma, Verdana, Arial, Trebuchet MS, Helvetica, Sans-Serif;
    font-size: 80%;
    color: #333333;
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
}

h1 {
    font-variant: small-caps;
    font-family: BankGothic, BankGothic Lt BT, Verdana, Sans-Serif;
    margin-bottom: 0;
    color: Black;
}

h4, h5 {
    font-variant: small-caps;
    font-family: Verdana;
    margin-bottom: 0;
    font-size: 125%;
    color: #AA8A3A;
}

img {
    border: 0px;
}

ul {
    list-style-image: url(../../images/blue_arrow.gif);
    margin-top: 10px;
    margin-left: 20px;
}

li 
{
    padding-bottom: 5px;
}

/* Named styles */
.bodyTable {
    
}

.bodyTable td {
    vertical-align: top;
    padding: 15px;
    font-size: 85%;
}

.bodyTable td.sideBar { /* Smaller cell on right for side-bar info */
    padding: 0px;
    width: 40%;
    font-size: 100%;
}

.footer {
    margin: 0 34px 0 34px;
    padding: 7px 0;
    font-size: 80%;
    color: Black;
}

.footer a {
    color: Black;
    text-decoration: none;
}

.footer a:hover {
    text-decoration: underline;
}

.headerFilter {
    background-color: White;
    float: left;
    position: relative; 
    top: 18px;
    
   	filter: alpha(opacity:69);
	opacity: .69;
	MozOpacity: .69;
	KhtmlOpacity: .69;
}

.horizontal-menu-on, .horizontal-menu-off {
    font-size: 95%;
    padding: 5px 20px 5px 0px;
    white-space: nowrap;
    color: white;
    font-family: Verdana;
    font-variant: small-caps;
    font-weight: bold;
    text-decoration: none;
    background-color: #d0990f;
}

.horizontal-menu-on {
    /*background-color: #fffe81;
    border: solid 1px black;
    color: Black;*/
}

.horizontal-menu-off {
    /*border: solid 1px #719cff;*/
}

.largeShadow, .smallShadow {
    padding: 20px 30px;
    background-repeat: no-repeat; 
    background-position: right bottom;
    font-size: 90%;
}

.largeShadow {
    background-image: url(../../images/large_shadow.gif); 
}

.mainContainer { /* surrounds all content */
    background-color: white;
    border: solid 1px black;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    text-align: left;
}

.mainHeader {
    position: relative;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 95px;
    background-image: url(../../images/header_bg.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
}

.mainBody {
    width: 100%;
    background-image: url(../../images/body_bg.gif);
    background-repeat: repeat-x;
    background-color: #d39f1e;
}

.mainBody div.shadowModule {
    margin: 0 34px;
}

.panel {
    border: solid 1px #d0990f;
    background-color: #e8cd88;
    border-collapse: collapse;
    margin: 10px;
}

.panelHead {
    border: solid 1px #d0990f;
    background-image: url(../../images/arrow_panel.gif);
    background-repeat: no-repeat;
    background-position: left center;
    padding: 4px 15px;
    font-weight: bold;
    color: #d0990f;
}

.panelBody {
    border: solid 1px #d0990f;
    background-color: white;
    padding: 8px 15px;
    font-size: 85%;
    overflow: auto;
}

.requestForm {
    font-size: 120%;
}

.requestForm td {
    padding: 2px;
    vertical-align: middle;
    white-space: nowrap;
}

.requestForm input, .requestForm textarea {
    font-size: 90%;
}

.smallShadow {
    background-image: url(../../images/small_shadow.gif); 
}

.vertical-menu-on {
    background-color: #e8cd88;
    /*border: solid 1px #999999;
    /*color: Black;*/
}

.vertical-menu-off {
    background-color: #d0990f;
    /*border: solid 1px #d0990f;*/
}

.vertical-menu-on, .vertical-menu-off {
    font-family: Verdana;
    padding: 0px 2px 0px 2px;
    text-decoration: none;
    white-space: nowrap;
    font-size: 95%;
    font-weight: bold;
    text-decoration: none;
    color: white;
}


/* begin custom fuzzy shadow style
    ...from http://www.hedgerwow.com/360/dhtml/css-fuzzy-shadow.html */

div.shadowModule {
	position: relative; /* default, must have */
	z-index: 1; /* default, must have */
}

div.fuzzy span {
	position: absolute;
	background: #666666;/*color of shadow for Not IE*/
	-moz-border-radius: 4px;
	border-radius: 4px;
	top: -1px;
	left: -1px;
	right: -1px;
	bottom: -1px;
	z-index: -2;
	opacity: 0.4;
}

div.fuzzy span span {
	opacity:0.7;
}

div.shadowChrome {
	background: White;/* you decide*/
	/*border:solid 2px #999900;/* you decide */
}

div.shadow {
	width: 100%;
}

div.shadowContent 
{
    font-family: Arial, Sans-Serif;
}


/* section to set directional shadows */

div.fuzzy span { /* this is default drop shadow: bottom-right */
	border-top: solid 1px white; /*color to "wash out" shadow on top for Not IE */
	border-left: solid 1px white; /*color to "wash out" shadow on left for Not IE */
	border-right-style: none;
}

div.fuzzyLeftBottomRight span {
	border-top: solid 1px white; /*color to "wash out" shadow on top for Not IE */
	border-left-style: none;
	border-right-style: none;
}

div.fuzzyBottom span { /* this is default drop shadow: bottom-right */
	border-top: solid 1px white; /*color to "wash out" shadow on top for Not IE */
	border-left: solid 1px white; /*color to "wash out" shadow on left for Not IE */
	border-right: solid 1px white; /*color to "wash out" shadow on left for Not IE */
}


/* modifications for printing */
@media print {
    body {
        background-color: White;
    }

    .bodyTable td.sideBar {
        display: none;
    }

    .horizontal-menu-on, .horizontal-menu-off {
        display: none;
        visibility: hidden;
    }

    .mainBody {
        background-image: none;
        background-color: Transparent;
    }

    .mainBody div.shadowModule {
        margin: 0;
    }

    .mainContainer {
        border-style: none;
    }

    .mainHeader {
        display: none;
    }

    .vertical-menu-on, .vertical-menu-off {
        display: none;
        visibility: hidden;
    }
}