BODY { /*background-image:url(assets/images/tile.jpg); background-repeat:repeat-x; */ background-color:#003f24;padding:0; margin:0; color:#fff; font:12px  Verdana, Arial, Helvetica, sans-serif;}

body.popup {background-image:url(assets/images/content-tile.png)}
h1 {color:#958141; font-size:24px; line-height:20px; font-family:Georgia, "Times New Roman", Times, serif; font-style:italic;}

A { color:#958141; font-weight:bold; text-decoration:none; }
A:hover { color:#fff; }

#topbanner{height:500px; width:100%;}

.clearall { clear:both; }

#mid-content-block {background-color:#FFC; padding:10px; border:#075535 1px solid; margin-bottom:10px;}

#frame { width:1000px; margin:0 auto; position:relative; z-index:1; }
#frame A { color:#958141; font-weight:bold; text-decoration:none; }
#frame A:hover { color:#fff; }

#frame3 { width:1000px; margin:0 auto; position:relative; z-index:9999; }
#frame3 A { color:#958141; font-weight:bold; text-decoration:none; }
#frame3 A:hover { color:#fff; }

#frame2 { width:1000px; margin:0 auto; position:relative; text-align:left; height:100px;}

#blocks {color:#958141; background-image:url(assets/images/btntile.png); background-repeat:repeat-x; background-position:bottom; padding:10px; border:2px solid #000; font-weight:bold; font-size:14px;}
#blocks a{color:#958141;}
#blocks a:hover {color:#075535; text-decoration:none;}

#content {background-image:url(assets/images/content-tile.png); background-repeat:repeat-y; border-top:20px solid #958141; }
#content-left {width:590px; padding:10px 30px; float:left; color:#000;}
#content-middle {padding:10px 30px; color:#000;}
#content-middle-popup {padding:10px 30px; color:#000;background-image:url(assets/images/content-tile.png);margin:0px; border-top:10px solid #958141;}
#content-middle A { color:#075535; font-weight:bold; text-decoration:none; }
#content-middle A:hover { color:#958141; }
#content-middle strong{color:#075535;}
#content-right {float:right; width:280px; padding:30px; color:#000;}
#content-btm {background-image:url(assets/images/content-btm.png); background-repeat:no-repeat; height:25px;}

#content-links {float:left; width:50%;}
#content-links2 {float:left; width:150px; text-align:center;}


#content-links ul, #content-links2 ul{list-style:none;}
#content-links li, #content-links2 li { display:block; border:#075535 1px solid; margin-bottom:6px;}
#content-links li a, #content-links2 li a{display:block; background-color:#FFC; height:20px; padding:5px;}
#content-links li a:hover, #content-links2 li a:hover{display:block; background-color:#075535;}

#content-links3 { width:200px; text-align:center; padding:0px; height:30px;}
#content-links3 ul{list-style:none; margin-top:-10px;}
#content-links3 li{ display:block; border:#075535 1px solid; }
#content-links3 li a{display:block; background-color:#FFC; height:20px; padding:5px;}
#content-links3 li a:hover{display:block; background-color:#075535;}

#toptile {background-image:url(assets/images/content-top-tile.png); height:40px; padding:20px; width:960px; z-index:0;}

.btmline{background-color:#000; width:100%; height:38px;}

#btmlinks {font-size:10px;}
#btmlinks u {list-style:none;}
#btmlinks li {float:left; display:block; padding:0px 5px; border-right:1px solid #ccc;}
#btmlinks a{color:#caba65; font-weight:normal;}
#btmlinks a:hover{color:#fff; text-decoration:none;}

#pop-up-title {color:#caba65; height:30px; font-size:16px; font-weight:bold; padding:15px 10px 5px 15px; background-color:#075535;}

input {padding:5px; border:1px solid #666; color:#666;}
textarea {padding:5px; border:1px solid #666; color:#666;}

.greentext {font-size:16px; font-weight:bold;}

/* menu */

.menu {width:1000px; position:absolute; z-index:9999; border-right:0px solid #666; font-size:10px;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1000px; w\idth:1000px; float:left; z-index:9999;position:absolute; }
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none; }
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:auto;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;text-decoration:none; color:#fff; padding:10px 8px;  font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:auto; width:auto;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#000 130px center; }
/* style the second level hover */
.menu ul ul a.drop:hover{background:#000 130px center;}
.menu ul ul :hover > a.drop {background:#958141 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#958141;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:200px;border-top:1px dotted #fff; z-index:9999;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:200px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#000; font-weight:normal; color:#958141; height:auto; line-height:15px; padding:5px 10px; width:185px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:200px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{color:#958141;}
.menu ul ul a:hover{color:#fff; background:#958141;}
.menu :hover > a, .menu ul ul :hover > a {color:#fff;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
