/* generated by csscreator.com */
html, body{ 
 margin:0;
 padding:0; 
 text-align:left;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 background:#75BCF4 url(../images/autumn-over-lake-benmore.jpg);   /*#91AAAC* */
  background-attachment:fixed;
 SCROLLBAR-FACE-COLOR: #91AAAC;
 SCROLLBAR-HIGHLIGHT-COLOR:#ECF2FF;
 SCROLLBAR-SHADOW-COLOR: #d7efbb;
 SCROLLBAR-3DLIGHT-COLOR: #58585a;
 SCROLLBAR-ARROW-COLOR:#ffffff;
 SCROLLBAR-TRACK-COLOR:#E2E9E9;
 SCROLLBAR-DARKSHADOW-COLOR: #333333;
}
h1{
   color:#91AAAC;
   font-size: 1em;
   margin:1em;
}
h2{
   color:#91AAAC;
   font-size: 1em;
   margin:1em;
}
h3{
   color:#91AAAC;
   font-size: 1em;
   margin:1em;
}

p{
   font-size: 0.8em;
   margin: 0 1em;
   text-align:left;
}
ul{
    margin-left:2em;
    text-align: left;
   list-style: square;
   list-style-position: outside;
}
li{
 padding-left:1em;
}
ol{
 list-style: decimal;
font-size:75%;
text-align:justify;
}
ol li{
  padding-top:1em;
}


form p {
    font-size:12px;
}

#cont{
  float:left; margin-left:1em;
  border: 1px solid #658587; width:90%;
  color:#666666; font-weight:normal; padding:1em;
  background-color:#e2e9e9;
}


#photo2{
float: right;
 width: 220px;
 height: 160px;
 margin:1em;
 padding-bottom:10px;
background-color:#E2E9E9;
 }
   #photo3{
 font-size: 0.8em;
 color:#000;
 text-align: center;
 }

#photo4 {
float: right;
background-color:#E2E9E9;
 margin:1em;
 padding:5px;
 font-size: 0.7em;
 color:#000;
 text-align: center;
 }


#pagewidth{
 width:1000px; /*94%; /*910px;    */
 text-align:left;
margin-left:auto; 
 margin-right:auto;
 margin-top:10px;
  margin-bottom:10px;
  border:1px solid #336633;
   background-color:#fff;
}
 
#header{
 position:relative;
 height:300px;
 background:#91AAAC /* url(../images/bgriver.jpg) no-repeat top left */;
 width:100%;
}

#leftcol{
 width:25%;
 float:left;
 position:relative;
 background-color:#FFFFFF;
 }

 #leftcol p{
   text-align: center;
 }
.translate{
   font-size: 0.8em;
   margin:1em;
   text-align:left;
}

 
#maincol{
	background-color: #FFFFFF;
	float: right;
	display:inline;
	position: relative;
	width:72%;
	text-align: center;
 }
 #maincol p{
	margin:1em;
}


 
#footer{
 height:50px; 
  background-color:#FFFFFF;
 clear:both;
 font-size: 0.7em;
 text-align: center;
 }
 #sub{
  text-align: right;
   padding-right:1em;
   padding-bottom:1em;
 }
  #sub1{
  float:left;
  text-align: left;
   padding-left:1em;
   padding-bottom:1em;
   width: 200px;
 }

a:link, a:visited{
  color:  #658587;
}
a:hover{
    color:  #000099;
}


 /* Extra Stuff to styalize the web page */
 #logo{
    float: left;
    width: 265px;
    height: 300px;
    background:transparent;
    background: url(../images/about.png) top center no-repeat;
    text-align: justify;
    padding:0px 0px 6px 10px;

 }
 #header h1{
 font-size: 1.2em;
 color:#fff;
  margin:25px 0 0 1em;
 }
 #header span{
 font-size: 0.8em;
 color:#fff;
 }
 #header p{
 font-size: 0.8em;
 color:#FFFFFF;
  font-weight: bold;
  margin-left:0;
  }
  #promo{
 font-size: 0.75em;
 color:#fff;
  font-weight: bold;
  font-variant: small-caps;
  margin:1em auto;
  width:230px;
  }
 #description{
 font-size: 0.8em;
 color:#000;
 text-align: justify;
 font-style: italic;
 padding:1em;
 }
  #badge{
 font-size: 0.8em;
 color:#000;
 text-align: center;
 padding:1em;
 }
   #photo{
   background-color:#E2E9E9;
 font-size: 0.8em;
 color:#000;
 text-align: center;
 padding:5px;
 width: 210px;
 margin:0 auto;  /*margin-left:6px;*/
 }
    #testi{
    float: right;
   background-color:#E2E9E9;
 font-size: 0.8em;
 color:#000;
 text-align: center;
 padding:5px;
 width: 210px;
 margin:0 1em;
 }
 #testi2{
margin-top:10px;
 }


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

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

/*  V I D E O  S E T T I N G S   */
.vid {
float: right; width:320px; font-size: 0.8em;  margin:1em; padding:10px; background-color:#E2E9E9;
}
 #noexpressUpdate  {
	      margin: 0 auto;
			font-family:Arial, Helvetica, sans-serif;
			font-size: x-small;
			color: #003300;
			text-align: left;
			background-image: url(../images/copyright.png);
			background-repeat: no-repeat;
			width: 210px;
			height: 200px;
			padding: 40px;

	   }

.clear {
clear : left;
}

 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}
#pagewidth #wrapper #maincol table tr td {
	font-size: 9px;
	text-align: center;
}

/* header slider styles */
#slider1 {
    width: 720px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#slider1Content {
	width: 720px; /* important to be same as image width or wider */
	position: absolute;
	top: -17px;
	margin-left: 0;
	left: -4px;
}
.slider1Image {
    float: left;
    position: relative;
	display: none;
}
.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 694px;
	margin-left:15px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}
.clear {
	clear: both;
}
.slider1Image span strong {
    font-size: 14px;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}