@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0;}

p { padding:10px 0 10px 0;}

h1 {font-size:24px;}
h2 {font-size:18px; padding-bottom:30px; background:url(graphics/h2-bg.jpg) bottom repeat-x}
h3 {font-size:16px;}
h4 {font-size:14px; line-height:16px; margin:0; padding:0}
h5 {font-size:14px;}

.post h3 {width:940px; padding:10px; background:#ccc; border:1px solid #bb9e66;}
.home-welcome {font-size:14px; font-weight:bold;}

body {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#454545; background:url(graphics/bg-gray.jpg) repeat;}

#header {width:100%; margin:auto; height:160px; background:url(graphics/bg-header.jpg) repeat-x bottom;}

#header-container {width:990px; margin:auto; padding: 5px; height:100px;}
#header-logo {float:left; width:318px; height:99px; margin-left:15px;}
#header-tagline {float:left; width:400px; height:50px; padding-top:45px; font-size:18px; margin-left:30px; }
#header-search {float:right; width:226px;padding-top:25px;}

#nav-container {float:left; width:990px; margin-top:17px;}
/*#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

.main {font-size:18px; line-height:39px; }


#nav li { 
	float: left;
	width: 10em; 
}
#nav li a, nav li a:visited {color:#000;}


#nav li ul { 
	position: absolute;
	background: #d6bf8d;
	width: 12em;
	left: -999em; 
	font-size:12px;
	line-height:25px;
	padding-left:10px;
}

#nav li ul ul { 
	margin: -2em 0 0 10em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { 
	left: auto;
}*/



#page {width:970px; background:url(graphics/bg-content.jpg) repeat-y; margin:auto; padding: 5px 30px 5px 30px; text-align:justify;}
#page a, #page a:visited { color:#87212e; text-decoration:underline; font-weight:bold;}
#page a:hover, #page a:visited:hover { color:#580d17;}

.post ul { list-style:inside; padding-left:15px; margin-left:20px; margin-bottom:15px;}
.post ul li {padding-left:15px; line-height:18px;}


#sidebar a, #sidebar a:visited { color:#87212e; text-decoration:none; font-weight:normal;}
#sidebar a:hover, #sidebar a:visited:hover { color:#580d17;}

#sidebar h2 {background:none;}

#page-content {width:950px; margin:auto;}
#page-content-left {width:700px; float:left;}
#sidebar {width:230px; float:left; margin-left:30px;}

#home-image { width:994px; margin:-33px 0 15px -13px; position:relative; height:162px; background:#d3bb8f;}
#home-links1 {width:948px; height:30px; background:#e9e6e6; border:1px solid #bb9e66; position: relative; text-align:left; margin-bottom:20px;}
#home-links1 ul {list-style:none; float:left; width:948px; padding-top:3px;}
#home-links1 li { list-style:none; display:inline; margin:0 35px 0 0px;}
#home-links1 li a, #home-links1 li a:visited {font-size:18px; text-decoration:underline; color:#615f5f; font-weight:normal;}
#home-links1 li a:hover, #home-links1 li a:visited:hover {font-size:18px; text-decoration:underline; color:#580d17; font-weight:normal;}

.home-items {width:940px; text-align:left; }

#home-left-box {float:left; width:330px; border:1px solid #bb9e66; padding:10px; height:428px;}
.home-right-items {float:left; margin-left:20px; width:560px; height:135px; margin-bottom:10px; padding:5px; }
.home-right-items img {border:1px solid #bb9e66; padding:3px; float:left;}
.home-text-right {float:left; width:395px; margin-left:10px;}

#footer {margin:auto; width:100%; background:#d5ba8b; height:90px; background:url(graphics/bg-footer.jpg) repeat-x; position:relative;}
#footercontent {margin:auto; width:990px; padding:15px 0 0 50px;}
#footer a, #footer a:visited {color:#666; text-decoration:none;}
#footer a:hover, #footer a:visited:hover {text-decoration:underline;}

#vertnav{list-style: none; text-align:left;}

#vertnav ul { 
	padding:0;
	margin:0;
	list-style: none;
    width:12em;
   z-index:99;
   overflow:visible;
   position:absolute; 
   background-color:#ccc;
      
}

#vertnav li { 
	position: relative;
	width: 12em;
    background-color:#ccc;
	border:solid 1px #CECECE;
   	display:block;
	margin:0;
}
#vertnav ul li{ background-color:#DFDFDF;}

#vertnav li{ border-width:1px 1px 0 1px;}
#vertnav li:last-child{border-bottom:1px solid #CECECE;}

#vertnav a {
    text-decoration:none; 
    display:block;
    padding: 0.3em;  
    margin:0.2em 0 0.2em 0.1em; /*helps Opera with hover */
 
}
#vertnav li:hover, #vertnav a:hover{
    background-color:#DFDFDF; 
}

#vertnav ul, #vertnav ul ul, #vertnav ul ul ul{
    display:none; 
    position:absolute; 
    top:-2px; 
    left:11em;
}

#vertnav li:hover ul ul, #vertnav li:hover ul ul ul{
    display:none; 
  
}

#vertnav li:hover ul, #vertnav ul li:hover ul, #vertnav ul ul li:hover ul{
    display:block;
}

li>ul { 
	top: auto;
	left: auto;
}

/* Win IE only \*/
* html #vertnav li{float:left;} 
/* end holly hack */

#s3slider { list-style:none;}
#s3slider li {list-style:none;}
#s3slider ul {  margin:0px;}

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

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

.s3sliderImage span {
    position: absolute;
	font-family:Helvetica, Arial, Georgia, Sans-serif;
	font-size:16px;
    padding: 10px 13px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	bottom:10px;
	right:5px;
	text-align:right;
}

.s3sliderImage span a, .s3sliderImage span a:visited {
	color:white;
	text-decoration:none;
}

.s3sliderImage span a:hover, .s3sliderImage span a:visited:hover {
	color:white;
	text-decoration:underline;
	}
   /*
       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
   */