/* ------------------------ 
		LAYOUT 
--------------------------- */
body {background:#0067a6; text-align: center; margin: 0px; padding: 0px; color:#333;}
* {margin:0; padding:0;}
.clear {clear:both;}

#topbox {width:800px; margin:auto; height:30px;}
#tb1 {float:left;}
#tb2 {float:right;}

#content {width:820px; margin:auto; background:#fff url(../images/bg.gif) repeat-y;}

#subcontent {width:820px; margin:auto; background:#fff url(../images/bg-sub.gif) repeat-y;}
#subcontainer {width:770px; margin:auto; border-top:15px solid #fff;}
#subcol1 {float:left; width:575px; text-align:left;}
#leftnav {float:left; width:124px; margin:0 15px 0 1px;}
#maintext {float:left; width:420px; padding-top:10px;}
#subcol2 {float:right; width:180px;}

.paddingtop {margin-top:10px;}

#header {width:820px; margin:auto;}
#hcol1 {float:left; width:225px;}
#hcol2 {float:right; background:#fff url(../images/bg-search.gif) no-repeat top right; width:595px;}
#search {height:45px; text-align:right; padding:10px 25px 0 0;  width:570px;}
#nav {height:35px; text-align:left; width:574px; padding-left:21px;}

#breadcrumbs {width:820px; margin:auto; background:url(../images/bg-breadcrumbs.gif) top left no-repeat; height:30px;}

#mainimage {width:300px; margin:auto; margin:15px 0; height:210px; text-align:left; padding-left:520px}
#micontent {width:255px; margin-right:40px; padding-top:15px; text-align:left;}

#mainimage1 {width:820px; margin:auto; height:210px; text-align:left; margin:15px 0;}

#boxes {width:795px; margin:auto; height:145px; padding-left:25px; color:#fff; font-family: verdana, arial, sans-serif; font-size:12px; line-height:14px;}
#boxes p {padding-bottom:0px;}
#boxes h3 {font-size:20px; font-family:"Trebuchet MS", verdana, arial, sans-serif; line-height:20px; padding-top:6px; padding-bottom:10px;}
#box1 {float:left; margin-left:0; width:180px; height:145px; background:#8251C4 url(../images/box-purple.gif) no-repeat; padding-top:5px;}
#box2 {float:left; margin-left:16px; width:180px; height:145px; background:#D96415 url(../images/box-orange.gif) no-repeat; padding-top:5px;}
#box3 {float:left; margin-left:17px; width:180px; height:145px; background:#E5AA0E url(../images/box-yellow.gif) no-repeat; padding-top:5px;}
#box4 {float:left; margin-left:17px; width:180px; height:145px; background:#fff url(../images/box-outline.gif) no-repeat; padding-top:5px; color:#93c612;}

#sub-boxes {color:#fff; font-family: verdana, arial, sans-serif; font-size:12px; line-height:14px;}
#sub-boxes p {padding-bottom:0px;}
#sub-boxes h3 {font-size:20px; font-family:"Trebuchet MS", verdana, arial, sans-serif; line-height:20px; padding-top:6px; padding-bottom:10px;}
#sub-box1 {margin-bottom:10px; width:180px; height:145px; background:#8251C4 url(../images/box-purple.gif) no-repeat; padding-top:5px;}
#sub-box2 {margin-bottom:10px; width:180px; height:145px; background:#D96415 url(../images/box-orange.gif) no-repeat; padding-top:5px;}
#sub-box3 {margin-bottom:10px; width:180px; height:145px; background:#E5AA0E url(../images/box-yellow.gif) no-repeat; padding-top:5px;}
#sub-box4 {margin-bottom:10px; width:180px; height:145px; background:#80B01C url(../images/box-green.gif) no-repeat; padding-top:5px;}

#sub-box1 a,#box1 a{ width:180px; height:25px; display:block; padding-top:3px; padding-bottom:-3px; color:#FFFFFF; font-size:9px; font-weight:lighter; text-decoration:none; background-image:url(../images/button-purple-bg.gif); background-repeat:no-repeat;}
#sub-box1 a, #box1 a:hover{ text-decoration:none;}


#botbox {width:770px; margin:auto; background:url(../images/bg-botbox.gif) no-repeat bottom left; margin-top:15px; text-align:left;}
#bbcol1 {float:left; width:188px; padding-top:8px;}
#bbcol2 {float:left; width:145px; padding-top:8px; text-align:center;}
#bbcol3 {float:left; width:145px; padding-top:8px; text-align:center;}
#bbcol4 {float:left; width:145px; padding-top:8px; text-align:center;}
#bbcol5 {float:left; width:145px; padding-top:8px; text-align:center;}
#bbcol6 {float:left; width:570px; padding-top:8px; text-align: justify;}

#contentbottom {width:820px; margin:auto; height:38px; background:url(../images/bg-footer.gif) no-repeat center;}
#subcontentbottom {width:820px; margin:auto; height:50px; background:url(../images/bg-subfooter.gif) no-repeat center;}

#footer {width:800px; margin:auto; margin-bottom:15px;}
#fcol1 {float:left; margin-right:25px;}
#fcol2 {float:left; text-align:left;}


/* ------------------------ 
		STYLE 
--------------------------- */
body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
p {line-height:17px; padding-bottom:17px;}
a {color:#0067a6; text-decoration: underline;}
a:hover {color:#888; text-decoration: none;}
h1 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}
h2 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}
h3 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}
h4 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}
h5 {font-family:"Trebuchet MS", verdana, arial, sans-serif;}

.dk-blue {color:#0067a6;}
.dk-red{color:#CC0000;}
.lt-blue {color:#59b3f2;}
.yellow {color:#e5aa0e;}
.orange {color:#d96415;}
.green {color:#93c612;}
.purple {color:#8151c4;}
.red {color:#ad1b37;}

.blue {color:#0067a6;}

#tb1 {color:#fff;}
#tb1 p {padding:8px 0 8px 0; line-height:normal;}
#tb1 a {color:#fff; text-decoration: none; padding-right:15px;}
#tb1 a:hover {color:#fff; text-decoration:underline;}

#tb2 {color:#fff;}
#tb2 p {padding:8px 0 8px 0; line-height:normal;}
#tb2 a {color:#fff; text-decoration: none; padding-left:15px;}
#tb2 a:hover {color:#fff; text-decoration:underline;}

#breadcrumbs {color:#fff; text-align:left;}
#breadcrumbs p {padding:8px 0 0 45px; line-height:normal;}
#breadcrumbs a {color:#fff; text-decoration: none; padding:0 5px;}
#breadcrumbs a:hover {color:#fff; text-decoration:underline;}

#micontent {color:#fff}
#micontent h4 {color:#fff; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:22px; padding:0 0 10px 0; font-weight:normal;}
#micontent a {color:#f4bb23; text-decoration: none;}
#micontent a:hover {color:#f4bb23; text-decoration:underline;}

#botbox p {padding:0 10px 15px 10px;}
#botbox a {color:#CC0000; text-decoration: none; font-weight:bold;}
#botbox a:hover {color:#0067a6; text-decoration:underline;}
#botbox h2 {background:url(../images/bg-botbox-header.gif) top left no-repeat; text-align:left; color:#fff; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:16px; padding:3px 15px 4px 10px; font-weight:normal;}

#box4 p {padding-bottom:7px; font-weight:bold;}
#box4 a {color:#93c612; text-decoration:none;}
#box4 a:hover {color:#93c612; text-decoration:underline;}

#subcol1 h1 {height:30px; text-align:left; width:435px; color:#fff; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:20px; padding:5px 0px 3px 140px; font-weight:normal;}
.greentitle {background:url(../images/bg-sub-title-green.gif) top left no-repeat;}
.yellowtitle {background:url(../images/bg-sub-title-yellow.gif) top left no-repeat;}
.orangetitle {background:url(../images/bg-sub-title-orange.gif) top left no-repeat;}
.purpletitle {background:url(../images/bg-sub-title-purple.gif) top left no-repeat;}
.redtitle {background:url(../images/bg-sub-title-red.gif) top left no-repeat;}

#footer {color:#fff;}
#footer p {padding-bottom:5px;}
#footer a {color:#fff; text-decoration: none;}
#footer a:hover {color:#fff; text-decoration:underline;}

.small-dropdown {font-size:11px; width:168px;}

.search-text {color:#0067a6; font-family:"Trebuchet MS", verdana, arial, sans-serif; font-size:16px; font-weight:normal;}
.search-button {background:#0067a6; color:#fff; border:1px solid #0067a6; padding:1px;}
.search-box {padding:3px; border-left:1px solid #bbb; border-right:1px solid #ddd; border-top:1px solid #bbb; border-bottom:1px solid #ddd; background:#fafafa; color: #111;}
.go-button {position:relative; top:7px;}

#sitemap p {padding-bottom:5px;}
#sitemap ul {margin:0; padding:0;}

#maintext ul {margin:0 0 15px 30px;}
#maintext li {padding:0 0 5px 0px;}
#maintext ul ul {margin:0 0 0px 30px;}
#maintext ul ul li {list-style-type:square;}
#maintext table {margin:1px solid; background:#ddd; margin-bottom:15px;}
#maintext td {padding:5px; background:#fff;}
#maintext th {padding:5px; background:#eee;}
#maintext td p {padding:0;}

#maintext fieldset {padding:10px 0 10px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; border-right: 0; border-left:0; margin-bottom:15px;}
#maintext fieldset p {margin:0; padding:0 0 17px 0; line-height:17px;}
#maintext fieldset legend {font-weight: bold; margin: 0; padding:5px; border:1px solid #ddd; color:#777; margin-left:-10px;}
#maintext fieldset label {display: block; width: 110px; float: left; margin-bottom: 10px; text-align:right; padding-right:20px; padding-top:2px;}
#maintext fieldset .input {display: block; width:275px; float: left; margin-bottom: 10px; padding:3px; border:1px solid #ddd; background:#fafafa;}
#maintext fieldset .inputshort {display: block; width:86px; float: left; margin-bottom: 10px; padding:3px; border:1px solid #ddd; background:#fafafa;}
#maintext fieldset .requiredbox {border:1px solid #ffb2b2; display: block; width:275px; float: left; margin-bottom: 10px; padding:3px; background:#fafafa;}
#maintext fieldset .requiredboxshort {border:1px solid #ffb2b2; display: block; width:86px; float: left; margin-bottom: 10px; padding:3px; background:#fafafa;}
.redtext {color:#ff0000;}
#maintext fieldset br {clear: left;}
#maintext fieldset .submit {font-size:13px; width:100px; padding:3px;}

#maintext h2 {padding:0 0 10px 0; font-size:18px; margin-bottom:10px; border-bottom:1px solid #ddd;}
#maintext h3 {padding:0 0 10px 0; font-size:16px;}

.img-padding {padding:0 0 10px 10px;}

#bbcol1 p {padding:0 10px 5px 10px;}

/* ------------------------ 
		SUBPAGE NAVIGATION 
--------------------------- */

#leftnav ul {margin-left: 0; padding-left: 0; list-style-type: none;}
#leftnav a {display: block; padding: 5px; width: 114px; background-color: #eee; border-bottom: 1px solid #fff; color: #0067a6; text-decoration: none; font-weight:bold;}
#leftnav a:hover {background-color: #fff; color: #0067a6; text-decoration:none;}
#leftnav p {padding:0 10px 10px 10px; text-align:center;}

#leftnav ul li ul a {display: block; padding: 5px; width: 114px; background-color: #f5f5f5; border-bottom: 1px solid #fff; color: #0067a6; text-decoration: none; font-weight:normal;}
#leftnav ul li ul a:hover {background-color: #fff; color: #0067a6; text-decoration:none;}

/* ------------------------ 
		DROPDOWN MENU 
--------------------------- */

.topmenuul{list-style-type:none; margin:0; padding:0;}
.topmenuli{list-style-type:none; float:left; height:35px;}
.topmenutitle{display:block;}
.submenuul{list-style-type:none; position:absolute;	margin: 0; padding:0; display:none;}
.submenuli a{display:block; width:159px;}
li:hover ul , li.over ul{ /* lists nested under hovered list items */ display: block;}
#dmenu li>ul {top: auto; left: auto;}
#dmenu {font-size:10px;}
.topmenuul {}
.topmenutitle {}
.submenuul {background:#CC0000;border-left:1px solid #fff; border-right:1px solid #fff; border-top:1px solid #fff; margin-top:-1px; margin-left:-1px;}
.submenuli a{padding:5px; text-decoration: none; color: #fff; border-bottom:1px solid #fff;}
.submenuli a:hover{text-decoration: none; background:#59b3f2; color:#fff;}

/* ------------------------ 
		MAIN CONTENT AREA 
--------------------------- */

#maintext-search p {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-bottom: 1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
#maintext-search a {color:#0067a6; text-decoration: underline;}
#maintext-search a:hover {color:#888; text-decoration: none;}
#maintext-search ul{margin-left:30px;}