/* CSS */

body{ margin:24px 0; padding:0; font-size:0.8em; font-family:Arial, Helvetica, sans-serif; background:#FFFFFF; color:#333333; } 
 
#page{ width:760px; margin:0 auto; } 
#pageborder{ width:756px; border:1px solid #afbac9; padding:2px; } 
 

#header{ height:110px; background:url(images/header-bg.jpg) no-repeat right top #e7c36a; } 

#topnav{ background:url(images/topnav-bg.gif) repeat-x ; height:17px; padding:5px 0; margin:2px 0; color:#5183c5; border-top:1px solid #c9cfd5; border-bottom:1px solid #c9cfd5; }
#topnav a { color:#FFF; text-decoration:none; margin:0 27px 0 38px; font-style:italic; }
#topnav ul{ margin-left:0; padding-left:0; display:inline; } 
#topnav ul li{ margin-left: 0; padding: 4px 47px 2px 34px; border-left: 2px solid #8daed9; list-style: none; display: inline; }
#topnav ul li a{ font-weight:bold; font-style:normal; margin:0; padding:0; }
.topnav-home { background:url(images/icon-home.gif) no-repeat 80px 6px; }
.topnav-about { background:url(images/icon-about.gif) no-repeat 100px 5px; }
.topnav-contact { background:url(images/icon-contact.gif) no-repeat 110px 8px; }
	
#leftcol{ width:190px; float:left; background-color:#FFF; padding:79px 0 0 0; background:url(images/nav-map.jpg) no-repeat left top; }

#leftnav{ width:190px; padding:0; margin:0; background:#e3e5e8; }
#leftnav ul{ padding:0; margin:0; }
#leftnav ul li{ padding:0; margin:0; text-align:left; list-style:none; border-top:1px solid #FFF; font-size:0.9em; text-transform:uppercase }
#leftnav ul li.red{ background:#f0692d; }
#leftnav ul li.red a{ color:#333; }
#leftnav ul li div{ padding:5px 0; }
#leftnav ul li a{ padding:0 0 0 12px; color:#696969; font-weight:bold; text-decoration:none; }
#leftnav ul li a:hover{ text-decoration:underline; }

#leftnav ul li ul{ padding:0; margin:0; background:#b9cde8 }
#leftnav ul li ul li.first{ border-top:0px; border-bottom:0px; padding:6px 12px 6px 25px; margin:0; text-align:left; list-style:none; background:url(images/nav-button.gif) no-repeat 12px 12px #8fafda; font-size:1.1em; text-transform:none; }
#leftnav ul li ul li{ border-top:0px; border-bottom:1px solid #dce6f4; padding:6px 12px 6px 13px; margin:0 0 0 12px; text-align:left; list-style:none; background:url(images/nav-button.gif) no-repeat 0px 12px #b9cde8; font-size:1em; text-transform:none; }
#leftnav ul li ul li.last{ border-top:0px; border-bottom:0px; padding:6px 12px 6px 13px; margin:0 0 0 12px; text-align:left; list-style:none; background:url(images/nav-button.gif) no-repeat 0px 12px #b9cde8; font-size:1em; text-transform:none; }
#leftnav ul li ul li.first a{ padding:0; color:#393939; font-weight:bold; text-decoration:none; }
#leftnav ul li ul li a{ padding:0; color:#454545; font-weight:bold; text-decoration:none; }
#leftnav ul li ul li a:hover{ text-decoration:underline; }

#leftnav ul li ul li.first ul{ padding:0; margin:0; background:#8fafda }
#leftnav ul li ul li.first ul li{ border:0px; padding:1px 0 1px 8px; margin:0; list-style:none; background:url(images/list-bullet.gif) no-repeat 0px 7px #8fafda; font-size:0.9em; text-transform:none; }
#leftnav ul li ul li.first ul li a{ padding:0; color:#283C4F; font-weight:normal; text-decoration:none; }
#leftnav ul li ul li.first ul li a:hover{ text-decoration:underline; }

#leftnav ul li ul li ul{ padding:0; margin:0; background:#b9cde8 }
#leftnav ul li ul li ul li{ border:0px; padding:1px 0 1px 8px; margin:0; list-style:none; background:url(images/list-bullet.gif) no-repeat 0px 7px #b9cde8; font-size:0.95em; text-transform:none; }
#leftnav ul li ul li ul li a{ padding:0; color:#354D66; font-weight:normal; text-decoration:none; }
#leftnav ul li ul li ul li a:hover{ text-decoration:underline; }


#maincol{background-color: #FFFFFF; float: right; display:inline; width:566px; }
#maincontent{ padding:15px 25px 20px 25px; }
 
#footer{ padding:5px 10px 6px 10px; background:url(images/footer-bg.gif) repeat-x #769ed4; clear:both; text-align:center; color:#FFF; font-size:0.85em } 
#footer a{ color:#FFF; text-decoration:none; padding:0 10px; } 
#footer a:hover{ text-decoration:underline; }

#credit{ padding:5px 15px 0 15px; color:#969696; font-size:0.85em; text-align:center; } 
#credit a{ text-decoration:none; color:#969696; font-weight:normal; margin:0; }
#credit a:hover{ text-decoration:underline; }
#credit span{ margin:0 70px 0 0; }
#credit span span{ color:#FFF; }

h1{ color:#3075c0; text-transform:uppercase; margin:5px 0 10px 0; font-size:1.2em }
h2{ color:#345f99; margin:15px 0 7px 0; font-size:1.1em; border-bottom:1px solid #a4bddf; }
h3{ color:#162e4e; margin:10px 0 7px 0; font-size:1.1em; }
h1 a{ color:#3075c0; }
h2 a{ color:#345f99; }
h3 a{ color:#434b55; }
p{ margin:4px 0 11px 0; text-align:justify; }
li {margin-bottom:2px; }
a{ color:#db7600; }
form{ margin:0 }
#maincontent ul{ margin:0; padding:0; }
#maincontent li{ list-style:none; background: url(images/list-bullet.gif) no-repeat 0 7px transparent; padding:0 0 2px 10px; text-align:justify; }
#maincontent li.contact { list-style:none; background-image:none; padding:0 0 0 30px; text-align:left; }

.h2-home{ background:url(images/h2-bg.gif) no-repeat left top; border-top:1px solid #696969; border-bottom:0; padding:3px 25px 5px 25px; margin-top:20px; }
.button{ margin:0 }
.button a{ background:url(images/button-bg.gif) repeat-x #f8b62f; font-size:0.9em; border:1px solid #d27200; padding:1px 7px; color:#FFF; font-weight:bold; text-decoration:none; }
.button a:hover{ text-decoration:underline; }

#contactbox{ background: url(images/contact-bg.jpg) no-repeat left top #e59e37; border:1px solid #c7791e; margin:1px 0 10px 0; padding:14px 50px 14px 12px; }
#contactbox a{ font-size:1.1em; color:#FFF; font-weight:bold; text-transform:uppercase; text-decoration:none; }
#contactbox a:hover{ text-decoration:underline; }

.contactdetails{ border:1px solid #96afd0; background:#f5f7fa; width:430px; margin:10px 20px 20px 20px; padding:10px; }

.contactform-text{ float:left; width:90px; padding: 2px 5px 2px 0; font-weight:bold; color:#504e4d; font-size:12px; }
.contactform-input{ padding: 2px 5px 2px 15px; }
.contactform-text2{ padding: 2px 5px 8px 100px; color:#504e4d; }
.contactform-input input { background:#e5ecf7; border: 1px solid #9aafcc; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
.contactform-input textarea { background:#e5ecf7; border: 1px solid #9aafcc; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; }
.contactform-text2 input { background:#628ec7; border:1px solid #2d5e9e; color:#FFF; font-weight:bold; padding:1px; }


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#page{width:95%; margin:0;}
#pageborder{width:100%}
#maincol{width:100%; float:none;}
#maincontent{ padding:10px; }
#topnav a { margin:0 10px 0 20px;}
#topnav ul li{ padding: 0px 10px 0px 20px;  }
#maincontent ul{ margin:0 0 0 20px;}
#maincontent li{ list-style-type: circle; background: none;}
.h2-home{ padding:3px 0px 5px 0px; margin-top:20px; background:none; }
#footer{ padding:5px; } 
#footer a{ padding:0; } 
#credit{ padding:5px; } 
#credit span{ margin:0 5px 0 0; }

}