/* ======================================== Generic elements =================================================================  */

body{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#555; background: url(../images/background.gif) repeat-x left top}

h1, h2, h3, h4, h5, h6, h7, p, form, input, ul, li{padding:0px; margin:0px; font-weight:normal}
h1, h2, h3, h4{font-weight:bold}
p{line-height:17px}
ul,ol { list-style: none; }
input, select, textarea{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#726051}
textarea:focus, input:focus, select:focus {background: #f1f1f1}
a{color:#07356e; text-decoration:none; outline:none}
a:hover{color:#f57301; text-decoration:none}
a img{border:0}
*:focus{outline-width:0}
*{outline:none; outline:0}
strong{ font-weight:bold;}
.clear{ clear:both;}

.back-btn{ width:123px; height:26px; display:block; float:right;background:url(../images/back-btn.gif) no-repeat 0px 0px; text-indent:-9999px; font-size:0px; line-height:0px; margin-right:10px}

#wrapper:after,#header:after,#middle:after, #footer:after, .content:after, .data:after{ content: "."; display: block; height:0; font-size:0px; clear: both; visibility: hidden; }

/* \*/ * html #header{height:1px} /* */
/* \*/ * html #middle{height:1px} /* */
/* \*/ * html #footer{height:1px} /* */
/* \*/ * html .content{height:1px} /* */
/* \*/ * html .data{height:1px} /* */

.colleft{float:left; width:auto }
.colright{float:right;width:auto}

.right{text-align:right}
.center{text-align:center}

.content{width:100%;}
.data{width:auto}

h1{font-size:24px;font-weight:bold; padding:0px 0px 3px; margin:0 0 8px; letter-spacing:-1px; border-bottom:1px solid #ddd}
h1.heading{color:#07356e;}
h2{font-size:20px;color:#07356e; padding:0; margin:0 0 10px;}

h3{font-size:18px;}
h3.heading{font-size:18px; color:#fc7c00; padding-bottom:2px; border-bottom:1px solid #ddd; margin-bottom:10px}


h4{font-size:16px;}
h5{font-size:13px; padding:0 0 3px; font-weight:bold}
p{padding:0 0 8px}
p.large{font-size:14px; line-height:20px}
p.small{font-size:11px;}

.nobrd{border:0px}

/* ======================================== Wrapper ========================================================  */

#wrapper{ width:100%; margin:0px auto;}


/* ======================================== Header ==========================================================  */

#header{ width:980px; padding:0px; margin:0 auto; height:145px!important }


/* ---------------- Header Logo -------------- */
#logo{ position:absolute; width:376px;margin:20px 0 0 20px;}
#logo img{display:block}


/* ---------------- search -------------- */
.search{float:right;width:200px;padding:0px 0px 0px 22px; margin:12px 0 0; background:url(../images/search-bg.gif) no-repeat 0px 0px;}
.search input.field{float:left; width:145px;height:18px!important; padding:7px 0 0 2px!important; border:0px!important; color:#666 }
a.btn-search{ display:block; float:left; height:27px; width:43px; margin:0px 6px 0px 0px; color:#FFFFFF;font-size:0px; text-indent:-999px;background:url(../images/btn-go.gif) no-repeat 100% 0px}
a:hover.btn-search{display:block; background-position:0px -27px;}



/* ---------------- navigation -------------- */
#navigation{ position:absolute; width:975px;height:32px; margin-top:70px}
.menubar{ float:right;width:auto;}
.menu-links{float:left; width:auto; margin:0px;padding:0px;}
.menu-links li{float:left;width:auto;margin-right:2px;background:url(../images/menubg.gif) repeat-x 0 0;}
.menu-links li a{margin:0px; float:left;text-decoration:none;width:auto;}
.menu-links li a span{float:left;display:block; width:auto; height:24px;padding:8px 16px 0px 15px;font-size:16px;font-weight:bold;color:#07356e;white-space:nowrap;cursor:pointer;
background:url(../images/menubg.gif) repeat-x 0px 0px;}

.menu-links li a:hover{color:#fff;}
.menu-links li a:hover span{color:#000}
.menu-links li.selected a span,.menu-links li.selected a:hover span{background:url(../images/menubg.gif) repeat-x 0 -32px; color:#fff}

#menucontainer2{float:left;margin:0;width:980px; height:36px;}
ul.subnav2{padding:0px 0; margin:0; float:right !important}
ul.subnav2 li{float:left;font-weight:bold; padding:0px 0px; margin:0; background:url(../images/divider.gif) no-repeat 100% 10px !important;}
ul.subnav2 li a{display:block; float:left; font-size:14px; font-weight:normal; color:#fff; padding:9px 12px!important; text-decoration:none;}
ul.subnav2 li a:hover{ text-decoration:underline;color:#FFFFFF!important }
ul.subnav2 li a.current{ font-weight:bold;color:#FFFFFF!important }
ul.subnav2 li.last{  background:none}


/* ---------------- breadcrumb -------------- */
.breadcrumb{font-size:12px; padding:10px 0}
.breadcrumb a{line-height:12px;background:url(../images/arrow-single.gif) no-repeat 0 4px; padding:0 7px}
.breadcrumb span{ font-weight:bold; background:url(../images/arrow-single.gif) no-repeat 0 4px; padding:0 0 0 7px}
.breadcrumb a.home{background:url(../images/arrow-single.gif) no-repeat 100% 4px; padding:0 10px 0 0}



/* ==============================================  Footer   ===========================================================  */

#footer{ width:100%;background:#0866a7 url(../images/footer-bg.gif) repeat-x left top; margin-top:10px}
#footer .content{ width:980px; padding:20px 0 10px; margin:0 auto;color:#fff;}

#footer ul{ }
#footer ul li{display:inline; }
#footer ul li a{ color:#fff; padding:0px 6px; }
#footer ul li a:hover{ text-decoration:underline}
#footer p{ padding:16px 0px 0px 6px; font-size:11px;  color:#b5cddf;}