@import url(reset.css); 

/*- Body--------------------------- */
body{margin:0;padding:0;font-size: 13px;font-family: Geneva, Arial, Helvetica, sans-serif;text-align:center;background:#26517E url("../images/background.jpg") top repeat-x;border-top:8px solid #ED1B24;}

/* links */
a:link {text-decoration: underline;color: #4f4f4f;background-color:inherit;}
a:visited {color: #4f4f4f;background-color:inherit;text-decoration: underline;}
a:hover {text-decoration: none;border:none;color: #4f4f4f;background-color:inherit;}
a:active {text-decoration: underline;border:none;color: #4f4f4f;background-color:inherit;}

table {font-size: 13px;}
p{margin:0 10px 0px;}
h2 {color: #134F97; font-size:22px; font-weight:normal; padding:5px 0 0 0;margin: 0 10px;border-bottom:1px solid #B0C6D4;text-align:left;}
h3 {color: #134F97; font-size:16px; font-weight:normal; margin: 10px 10px 0 10px;text-align:left;padding:0 0 0 10px;}

/*- Contents--------------------------- */
/*-Top--- */
div#header{margin:0px auto;width:800px;height:250px;background:#ddd url("../images/banner.jpg") center no-repeat;}
div#menu-wrap{margin:0px auto;width:800px;background:#1F7AB3 url("../images/back-nav1.gif") top repeat-x;text-align:center;padding:0 0 4px 0;}
div#menu-wrapper{margin:0px auto;width:773px;}
* html div#menu-wrapper{width:764px;}
div#container{margin:0px auto; padding:0;width:800px;background:#fff;color:#000;text-align:left;font-size:12px;}
div#bottom-wrap{margin:10px 0;}
div#bottom{margin:0px auto; padding:10px 0;width:800px;border-top:1px solid #000;line-height:1.4;}
div#bottom a:link, div#bottom a:visited, div#bottom a:active {text-decoration:none;color: #BEBEBE;}
div#bottom a:hover {text-decoration: none;border:none;color: #D8D8D8;}

/*-Content--- */
div.content{padding:10px ;}
div.quick-menu{padding:10px 0;text-align:center;}
div.contact{padding:10px 0 0 30px;}
div.footer{padding:10px;background:#26537D;text-align:center;color:#fff; letter-spacing:0.7px;}
p.bottom-left {float:left;text-align:left;font-size: 12px;color: #BEBEBE;}
p.bottom-right {float:right;text-align:right;font-size: 11px;}

/*- images--------------------------- */
.boxes_img { border:1px solid #4f4f4f; background:#ffffff;margin:5px; padding:2px;}
.content_img { float: left;border:1px solid #4f4f4f; margin:5px 10px 5px 0; padding:2px;}
.community_img {border:1px solid #4f4f4f; margin:10px; padding:2px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/padding.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {padding:0;margin:0;height:30px;}
.menu a, .menu a:visited {display:block;float:left;text-decoration:none;color:#f2f2f2;}
.menu a:hover {color:#fff;}
* html .menu a:hover {color:#fff; position:relative; z-index:100;}
.menu li:hover {position:relative;}
.menu table {border-collapse:collapse; padding:0; margin:-1px; width:0; height:0; font-size:1em; z-index:1;}

/* 1 */
.menu ul {list-style-type:none; text-align:center;font-size:12px;padding:0;margin:0;}
.menu ul li {float:left; display:block;text-transform:none;font-weight:bold;background: url("../images/back-nav1.gif") top repeat-x;margin: 0;}
.menu ul li a {padding:8px 17px;background: url("../images/back-nav3.gif") center right no-repeat;}
.menu ul li a.stop {background:none;}
* html .menu ul li a { padding-bottom: 8px; }
.menu ul li:hover {background: url("../images/back-nav2.gif") top repeat-x;text-decoration:none;}
* html .menu ul li a:hover {background:url("../images/back-nav2.gif") top repeat-x;}

/* 2 */
.menu ul ul {text-align:left;font-size:11px;visibility:hidden;position:absolute;height:0;top:30px; left:0; width:14em;}
*html .menu ul ul {top:31px; left:0;}
.menu ul ul a, .menu ul ul a:visited {display:block;background:#4D4D4D; color:#f2f2f2;width:12em;height:100%;line-height:1em; padding:5px 12px; border-bottom:1px solid #343136;}
* html .menu ul ul a, * html .menu ul ul a:visited  {width:14em; w\idth:12em;}
.menu ul ul a:hover {color:#fff;background:#1F7AB3;}
.menu ul ul li {display:block;width:12em;height:auto; line-height:1em;text-transform: none;font-weight:normal;background:#4D4D4D;}
.menu ul ul li:hover {position:relative;}
* html .menu ul ul li a:hover {background:#1F7AB3;}

/* 3 */
.menu ul ul ul{left:12em;top:0;width:14em;}
.menu ul ul ul a, .menu ul ul ul a:visited {background:#000;color:#fff;}
.menu ul ul ul a:hover {background:#126A76;}

/* 4 */
.menu ul ul ul ul a, .menu ul ul ul ul a:visited {background:#000;color:#fff;}
.menu ul ul ul ul a:hover {background:#126A76; position:relative; z-index:130;}

/* sub */
.menu ul :hover a.sub1 {background:#126A76;color:#fff;}
.menu ul ul :hover a.sub2 {background:#126A76;color:#fff;}
.menu ul :hover ul{visibility:visible; height:auto; padding:0 3em 3em 3em; background:transparent url(../images/trans.gif); left:-3em;}
.menu ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul ul{visibility:hidden;}
.menu ul :hover ul :hover ul{visibility:visible; left:9em;}
.menu ul :hover ul :hover ul :hover ul {visibility:visible;}