﻿/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family:Arial, Verdana; font-weight:normal; color:#2d84b6}
h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana; font-weight:normal; color:#2d84b6;  letter-spacing:-1px}
h1 {font-size:28px; line-height:30px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:14px; line-height:15px;}
h5, h6 {font-size:13px; line-height:15px;}
/* links */
a, a:visited {color:#df7034; text-decoration:none;}
a:hover{color:#df7034; text-decoration:underline;}
a img{border:none}
.imgleft{float:left; margin-right:15px; margin-top:5px;}
.imgborder{padding:0px; margin:5px 0px;}
.imgright{float:right; margin-left:15px;}
.imgcenter{ margin:5px 0px 10px 0px; display:block; text-align:center}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	

/* HEADER */
#header{height:350px; clear:left; margin:10px 0px 0px 0px; border-bottom:solid 1px #7c7a6b; position:relative}
#header-inner{background-image:url("../../images/dotted-horizontal.gif"); background-repeat:repeat-x; background-position:bottom; padding:35px 0px 20px 0px}
#header-inner h1.pagetitle{margin:0px; color:#444133; font-size:36px; }
#slideshow ul{margin:0px; padding:0px; list-style-type:none;}
#slideshow ul li{margin:0px; padding:0px; list-style-type:none;}

#s3slider { 
   width: 940px; /* important to be same as image width */ 
   height: 340px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3slider a.but, #s3slider a.but:visited{color:#fff; padding:4px 4px; background-color:#444; filter: alpha(opacity=90); opacity: 0.9; border:solid 2px #363637;}

#s3sliderContent {
   width: 940px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin:0px ;/* important */
   list-style-type:none !important;
   
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   llist-style-type:none !important;
}

.s3sliderImage div {
   position: absolute; /* important */
   right:0;
   top:0;
   font-size: 12px;
   padding:0;
   width: 390px;
   height:340px;
   padding:50px 30px 20px 30px;
   background-color: ;
   filter: alpha(opacity=60); /* here you can set the opacity of box with text */
   opacity: 0.6; /* here you can set the opacity of box with text */
   color: white;
   display: none; /* important */
   bottom: 0px;

   /*
       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
   */
}
.s3sliderImage div h1{font-size:50px; color:#FFFFFF;  }

.clear {
   clear: both;
} 


#top{padding:0px 0px 0px 0px; margin-top:0px;}
#logo h1 a { background: url() no-repeat top left; }
#logo h1 a { width: 300px; display: block; float: left; margin: 0px 0px 0px 0px; }
#logo .t1{color:maroon; }
#logo .desc{color:#000000; font-size:16px;}
