*{margin:0;padding:0;list-style:none;}

body {
	
	font:62.5% Arial, Helvetica, sans-serif;
	background: #AAD2E1;
	color: #333;
	
}

h1 {color: #666; font-size: 4em; font-weight:normal; letter-spacing: 0px; padding: 0; margin: 0 0 10px 0;}

h2 {color: #666; font-size: 2.3em; font-weight:bold; letter-spacing: 0px; padding: 0; margin: 0 0 5px 0;}
a {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:none;}

h3 {color:#333;font-size: 1.5em; font-weight:bold; letter-spacing: 0px;}

p {color:#666; font-size: 1.4em; font-weight:normal; margin-top: 5px; padding:0; line-height: 1.6em; margin-bottom:10px;}




.yellow {color: #FFB211;}

img {border: 0;}


#container{width:1000px;margin:15px auto 0; background: #ffffff; border: #666 solid 1px; overflow:hidden;}

#top {float:left; display:inline; margin: 15px 15px 0 15px; width:970px; height: 160px; }

#top-logo {float:left; margin-top:20px;}

#top-text {float:right;}


#nav {float:left; width:970px; margin:0 15px 0 15px;  font-size:1.1em; height: 60px; background: #333; color: #FFB211;}
* html #nav {float:left; display:inline; width:970px; margin:0 15px 0 15px; font-size:1.1em; height: 60px; background: #333; color: #FFB211;}

#nav-nav{float: left;}
	
#nav ul{ padding-left: 0;padding-top: 20px; padding-bottom: 20px; }
#nav ul li {display:inline; padding: 20px 20px 20px 20px;  height: 50px; border-right: #ccc solid 1px;}
#nav li.currentpage  a:link, #nav li.currentpage  a:visited, #nav li.currentpage  a:active {color: #FFB211;}
#nav ul li a {color:#ccc; font-size: 1.4em;text-decoration:none; letter-spacing: 0px;}
#nav ul li a:hover {color: #FFB211;}




#sub-nav {}
#sub-nav ul{ padding:0 0 5px 0;}
#sub-nav ul li{font-size: 1.4em; border-bottom: #666 dotted 1px; padding:8px 0 8px 0;}
#sub-nav li.currentpage  a:link, #sub-nav li.currentpage  a:visited, #sub-nav li.currentpage  a:active {color: #666;}
#sub-nav ul li a { color:#FF6600; text-decoration:none; }
#sub-nav ul li a:hover {color: #666;}


#simple {float: right;}
#simple h1 {color: #FFB211; font-size: 2em; font-weight:bold; letter-spacing: 1px; padding: 0; margin: 17px 20px 0 0;}


#main {float: left; display:inline;  width: 970px; margin:20px 15px 20px 15px; }



#left {float:left; width: 570px; height:400px;}
.leftcontent{}



#right{float:left; width:397px;}
.rightcontent{padding: 5px 5px 0 15px;}

.rightcontent h2 {color: #333333;}


.rightcontent a {color:#FF6600; text-decoration:none; font-weight:bold; margin-top: 0; }
.rightcontent a:hover {color:#000000; text-decoration:none; font-weight:bold; margin-top: 0; }

.rightcontent a:active {color:#000000; text-decoration:none; font-weight:bold; margin-top: 0; }



#bottom {float: left; display:inline;  width: 970px; margin:0 15px 0 15px;}

.bottom-box-text {float: left; width: 570px; }

.bottom-box-one {float: left; width: 285px; }
.bottom-box-two {float: left; width: 285px; }
.bottom-box-three {float: left; min-height: 370px; width: 355px; background: #333; padding: 15px;}
* html .bottom-box-three {float: left; height: 236px; width: 385px; background: #333;}

.bottom-box-map {float: left; min-height: 500px; width: 355px;  padding: 15px; background: url(/map/map.gif) no-repeat;}
* html .bottom-box-map {float: left; height: 500px; width: 385px; background: url(/map/map.gif) no-repeat;}

#bottom ul {margin: 0 0 0 15px; padding: 10px 0 0 0; }
#bottom ul li{font-size: 1.4em;  padding: 0px 15px 15px 15px;  color: #ccc; list-style: square; }


.bottom-text {padding: 0 20px 0 0;}

.bottom-text-inverse {}
.bottom-text-map {}
.bottom-text-map h2 {color: #666; font-size: 1.5em; font-weight:bold; letter-spacing: 0px; padding: 0; margin: 0 0 0 0;}

.bottom-text-inverse p {color: #ccc;}

.bottom-text-inverse h2 {color: #FFB211; }

.bottom-text-inverse a {color:#FF6600; font-size: 1.4em; text-decoration:none;font-weight:bold; margin-top: 0; }
.bottom-text-inverse a:hover {color:#fff; font-size: 1.4em;  text-decoration:none; font-weight:bold; margin-top: 0; }




#footer{ float: left; display:inline;  width:970px; margin:15px 15px 0 15px; border-top: #ccc solid 1px;}
.footercontent {float: left;  }

.footercontent p {font-size: 1.2em; }
#footer a:link {font-size: 1em; font-weight: normal; text-decoration: none;  color: #999; }
#footer a:visited {font-size: 1em;font-weight: normal;text-decoration: none;  color: #999;}	
#footer a:visited:hover {font-size: 1em;font-weight: normal; text-decoration: underline; color: #ccc;}
#footer a:hover, a:active {font-size: 1em;font-weight: normal;text-decoration: underline; color: #ccc;}



#s3slider { 
   width: 570px; /* important to be same as image width */ 
   height: 400px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 570px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font-size: 1.1em;
   color: #ccc;
   padding: 10px 13px;
   width: 570px;
   background-color: #000;
   filter: alpha(opacity=0); /* here you can set the opacity of box with text */
   -moz-opacity: 0; /* here you can set the opacity of box with text */
   -khtml-opacity: 0; /* here you can set the opacity of box with text */
   opacity: 0; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}