body {
    background: #2A1F13 url(../../graphics/header_graphics/bkg.jpg) top center;
    font: normal 12px arial;
    color: #034371;
}

a { font-weight: bold; color: #034371; text-decoration: none; }

a:hover { text-decoration: underline; }

/* WEBSITE FRAMEWORK */

#container {
    width: 1008px;
    margin: 0 auto;
}

#container_inner {
    width: 1000px;
    margin: 0 auto;
    background-color: #E8DABB;
    border-style:solid;
    border-color: #fff;
    border-width: 0 4px 4px 4px;
}

td#headercart {
    background-color: #C7C7C7;
    height: 60px;
    padding: 0 10px;
    text-align: center;
    color: #000;
}

td#headercart a {
    color: #000;
    text-decoration: none;
}

td#headercart a:hover {
    color: #01385F;
    text-decoration: underline;
}

td#headercart div.contents {
    font: bold 22px tahoma;
    margin-bottom: 4px;
}

td#headercart div.links {
    font: bold 12px tahoma;
}


/* TOPNAV */

#topnav {
    height: 35px;
    background-color: #EC4109;
    border-top: solid 1px #fff;
}

#topnav ul {
    padding:0;
    list-style:none;
    margin:0 0 0 60px;
}

#topnav ul li {
    float:left;
    position:relative;
    text-transform:uppercase;
}

#topnav ul li a {
    font: bold 14px georgia;
    color:#fff;
    display:block;
    float:left;
    padding:8px 30px 8px 30px;
    text-transform:uppercase;
    text-decoration: none;
    text-shadow: 0.1em 0.1em 0.2em #000;
}

#topnav ul li a:hover {
    color:#FFEE21;
    text-decoration: none;
}

#topnav ul li ul {
    display:none;
}

#topnav ul li > ul {
    left:auto;
    top:auto;
}
						
#topnav ul li.over ul, #topnav ul li:hover ul {
    background:#333333;
    border:1px solid #333333;
    border-radius:0 0 5px 5px;
    -moz-border-radius:0 0 5px 5px;
    -webkit-border-radius:0 0 5px 5px;
    border-width:0 1px 1px;
    clear:left;
    display:block;
    list-style:none;
    margin:0;
    padding:5px;
    position:absolute;
    text-indent:0;
    top:40px;
    width:200px;
    z-index: 100;
}

#topnav ul li ul li {
    display:block;
    text-transform:none;
}
								
#topnav ul li ul li a {
    display:block;
    padding:5px 5px 5px 10px;
    width:185px;
    font-size: 12px;
}

#topnav ul li ul li a:hover {
    background-color:#5C5C5C;
    text-decoration: none;
}


/* CONTENT */

#content {
    background-color: #fff;
    padding: 10px;
}

#contentinner {

    width: 705px; 
    margin: 0 0 0 10px;

}

h1 { font: bold 24px georgia; color: #EC4109; margin: 0; }

/* FOOTER */

#footer {
    
    height: 70px;
    background-color: #1C1C1C;
    text-align: center;
    color: #fff;
    font: bold 11px georgia;

}

#subfooter {
    font-size: 10px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

#subfooter a {
    color: #fff;

}


/*** ADMIN STYLES ***/

td.inverse { background: #034371; font: bold 12px Arial; color: #fff; margin-top: 0; }
td.inverse a { font: bold 12px Arial; color: #fff; text-decoration: none; }
td.inverse a:hover { text-decoration: underline;}
td.inversesmall { background: #034371; font: bold 12px Arial; color: #fff; margin-top: 0; }
td.inversesmall a { color: #fff; }
td.inversesmall a:hover { color: #fff;text-decoration: none; }
td.small { font: normal 12px georgia; color: #7D3016; margin-top: 0;}
td.small a { color: #7D3016; text-decoration: none;}
td.small a:hover { text-decoration: underline;}
td.small2 { font: normal 11px Arial;color: #7D3016; margin-top: 0; }
td.small2 a { color: #7D3016; }
td.small2 a:hover { text-decoration: none; }


#grid th {background-color: #563C93; color: #fff; font-size: 11px; text-align: center;}

#grid td {font: normal 11px helvetica; text-align: center; }

/* CALENDAR */

.cpYearNavigation,.cpMonthNavigation{background-color:#C0C0C0;text-align:center;vertical-align:center;text-decoration:none;color:#000000;font-weight:bold;}
.cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText{font-family:arial;font-size:8pt;}
TD.cpDayColumnHeader{text-align:right;border:solid thin #C0C0C0;border-width:0px 0px 1px 0px;}
.cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate{text-align:right;text-decoration:none;}
.cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled{color:#D0D0D0;text-align:right;text-decoration:line-through;}
.cpCurrentMonthDate, .cpCurrentDate{color:#000000;}
.cpOtherMonthDate{color:#808080;}
TD.cpCurrentDate{color:white;background-color: #C0C0C0;border-width:1px;border:solid thin #800000;}
TD.cpCurrentDateDisabled{border-width:1px;border:solid thin #FFAAAA;}
TD.cpTodayText, TD.cpTodayTextDisabled{border:solid thin #C0C0C0;border-width:1px 0px 0px 0px;}
A.cpTodayText, SPAN.cpTodayTextDisabled{height:20px;}
A.cpTodayText{color:black;}
.cpTodayTextDisabled{color:#D0D0D0;}
.cpBorder{border:solid thin #808080;}
.MyDiv {background:#fff;position:absolute;}

/* MENU */

#menuout {padding:0; margin:0; list-style:none; width:259px; height:300px;}
#menuout li.level1-li {float:left; height:25px; width:259px; border-bottom: solid 1px #585858;}
#menuout li.level1-li a.level1-a {display:block; height:25px; line-height:25px; padding-left:10px; text-decoration:none; font-size:12px; font-family:georgia; color:#fff; font-weight:bold; background:#A6A6A6;}
#menuout li.sub a.level1-a {background:#A6A6A6 url(../../graphics/header_graphics/arrow.gif) no-repeat 244px center;}

#menuout table {border-collapse:collapse; width:0; height:0; position:relative; left:0; top:0;}

#menuout div.listHolder {position:relative; left:259px; top:-26px; display:none; border:1px solid #585858; border-width:1px 1px 1px 0; background:#CECDCD url(../../graphics/header_graphics/dividerwide.gif); font-family:verdana, arial, sans-serif; font-weight:bold;}
#menuout div.col1 {width:175px;}
#menuout div.col2 {width:350px;}
#menuout div.col3 {width:525px;}
#menuout div.col4 {width:700px;}

#menuout div.listCol {width:155px; float:left; padding:10px;}
#menuout div.listCol ul {padding:0; margin:0; list-style:none;}
#menuout div.listCol ul li {height:16px;}
#menuout div.listCol ul li a {display:block; height:16px; line-height:16px; font-size:10px; text-decoration:none; color:#000; padding-left:15px; background: url(../../graphics/header_graphics/dot.gif) no-repeat 5px center;}
#menuout div.listCol h5 {padding:5px 0 0 15px; margin:0; font-size:11px; line-height:20px; background:url(../../graphics/header_graphics/linedot.gif) repeat-x left bottom;}
#menuout div.listHolder div.bottomLine {clear:both;}
#menuout div.listHolder div.bottomLine p {padding:0 20px; margin:0; line-height:20px; background:#400 url(../../graphics/header_graphics/arrow.gif) no-repeat 7px 7px; color:#fff; font-size:10px;}
#menuout div.listHolder div.bottomLine p a {color:#8ff;}

#menuout li a:hover {background-color:#CECDCD; color:#fff;}
#menuout li.level1-li:hover > a {background:#CECDCD; color:#fff;}

#menuout li.sub a:hover {border-right:0;}
#menuout li.sub:hover > a {border-right:0;}

#menuout :hover div.listHolder {display:block;}

#menuout div.listCol ul li a:hover {color:#000;; text-decoration:underline;}
#menuout div.listHolder div.bottomLine p a:hover {color:#8ff; text-decoration:none; background:transparent;}

