body {margin: 0 auto; text-align: center; background-color: #FFFFFF; font-family: Courier, Arial, Helvetica, sans-serif;}

em {font-style: italic;}
strong {font-weight: bold;}
p {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 15px; padding-bottom: 20px; text-align: justify;}
h1 {font-family: Courier, Arial, Helvetica, sans-serif; font-size: 28px; letter-spacing: .2em; color:#000000;}
h2 {font-family: Courier, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #000000; letter-spacing: .6em; padding-bottom: 20px; text-align: left;}
h3 {font-family: Courier, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #000000; letter-spacing: .3em; padding-bottom: 20px; text-align: left;}
.left {float: left; padding: 0 10px 10px 0;}


a {color: #000000; text-decoration: none;}
a:hover {color: #0EAAAA; text-decoration: none;}
.blue {color: #0EAAAA;}


#container {margin: auto; width:100%; padding-bottom: 10px;}


#image {margin: auto;width: 1200px;}




#content {margin: auto; width: 100%; text-align:center; padding-top: 45px; padding-bottom:0px; font: 16px courier;letter-spacing: .2em;}



#content2 {margin: auto; width: 80%; text-align:center; padding-top: 25px; padding-bottom:0px; font: 14px courier;letter-spacing: .2em;}



#floatimgleft {
    float:left;
    margin-top:10px;
    margin-right:10px;
    margin-bottom:10px;
    }

#floatimgright {
    float:right;
    margin-top:10px;
    margin-left:10px;
    margin-bottom:10px;
}
#header {margin: auto;width: 1200px;  float:right;}


#header h1 {margin: auto;padding: 20px 0 20px 0;}



#menuhome {margin: auto; width: 220px; float: left; padding: 110px 0 0 0;}


#menuhome ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #F7F8F2; letter-spacing: .6em; padding-bottom: 10px;}


#menuhome ul.bottom2 {padding: 10px 0 20px 0;}
#menuhome ul a {color: #F7F8F2; text-decoration: none;}
#menuhome ul a:hover {color:#60bfe7; text-decoration: none;}
#menuhome li {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #F7F8F2; letter-spacing: 0.1em; line-height: 18px; margin-right: 8px;}
#menuhome li.bottom {padding-bottom: 20px;}
#menuhome li.top4 {padding-top: 20px;}
#menuhome ul.top2 {padding-top: 10px;}
#menuhome li a {color: #F7F8F2; text-decoration: none;}
#menuhome li a:hover {color:#60bfe7; text-decoration: none;}

#menuleft {margin: 0 auto; width: 220px; float: left; padding: 0 20px 0 0;}
#menuleft ul {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #F7F8F2; letter-spacing: .6em; padding-bottom: 10px;}
#menuleft ul.bottom2 {padding: 10px 0 20px 0;}
#menuleft ul a {color: #F7F8F2; text-decoration: none;}
#menuleft ul a:hover {color:#60bfe7; text-decoration: none;}
#menuleft li {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #F7F8F2; letter-spacing: 0.1em; line-height: 18px; margin-right: 8px;}
#menuleft li.bottom {padding-bottom: 20px;}
#menuleft li.top {padding-top: 20px;}
#menuleft ul.top3 {padding-top: 10px;}
#menuleft li a {color: #F7F8F2; text-decoration: none;}
#menuleft li a:hover {color:#60bfe7; text-decoration: none;}



#contentright {margin: 40px auto; border: 1px dashed #0EAAAA; width: 1000px; padding:20px; text-align:left;font-size: 15px; }





#footerhome {margin: 0 auto; width: 753px; color: #FFFFFF;}
#footerhome p {font-size: 11px; line-height: 16px; padding-bottom: 15px; text-align: center;}
#footerhome p.tiny {font-size: 10px; text-align: center;}



#contactform {margin: 0 auto; width: 660px; padding-bottom: 30px; text-align: left;}
form			{width:405px;  position: relative;}
form label		{width:195px; padding:5px 0 10px 0;  float:left;  line-height:17px; font-size: 13px; font-family: Arial; text-align: left; color: #F7F8F2; letter-spacing: .1em;}
form input		{width:200px; padding:0; margin: 0 0 10px 0; float:right; height:18px; border: 2px solid #F7F8F2; background-color: #5d5f5c; color: #F7F8F2;}
form select		{width:200px; padding:0; margin: 0 0 10px 0; float:right; height:18px;}
form textarea	{width:400px; height: 120px; padding:0; margin: 0 0 10px 0; border: 2px solid #F7F8F2; background-color: #5d5f5c; color: #F7F8F2;}
form input.button {padding: 7px 10px; width: auto; background: #FFFFFF; color: #5d5f5c; border: none; float: left; height: auto;}

#alertPanel		{position:absolute; top:50px;  left:10px; filter: alpha(opacity=90);-moz-opacity:.9;opacity:.9; -khtml-opacity:.9; color:#F7F8F2;  width:440px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: 0.02em; font-size: 12px;}
input.alertBut	{padding:7px 10px; width:auto; background:#F7F8F2; color:#242424; border:none; height:auto; float:none; margin:0 auto;}



#gallerycontainer {width: 100%; overflow-y: hidden; overflow-x: hidden; padding-bottom:0px;}

#horizontalmenu {margin: auto 0; width: 1000px; text-align: left; padding-top: 0px; padding-bottom:15px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #F7F8F2; font-size: 12px; letter-spacing: .5em; }

body{scrollbar-track-color:#0EAAAA;scrollbar-face-color:rgb(238,238,238);scrollbar-3dlight-color:rgb(238,238,238);scrollbar-highlight-color:rgb(238,238,238);scrollbar-darkshadow-color:rgb(238,238,238);scrollbar-shadow-color:rgb(238,238,238);scrollbar-arrow-color:rgb(0,0,0);}</style>


#footer {margin: auto auto; width: 100%; padding-top: 30px; color: #F7F8F2;}
#footer p {font-size: 13px; letter-spacing: .4em; padding-bottom: 30px; text-align: center;}
#footer p.tiny {font-size: 10px; text-align: center;}

#sddm
{	margin: 0, auto;
padding: auto;
	z-index: 30}

#sddm li
{	margin: 0, auto;
padding: 0;
	list-style: none;
	float:left;}

#sddm li a
{	display: block;
	margin: 0, auto;
	
padding: 0;
	
	background: #FFFFFF;
	color: #000;
	text-align: center;}

#sddm li a:hover
{	background: #FFFFFF
	color: #60bfe7;
padding: 0;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0, auto;
	padding: 5px 5px;
	background: #FFFFFF;
	color: #000000;
	border: 1px dashed #0EAAAA}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0, auto;
		padding: 5px 5px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		background: #FFFFFF;
		color: #000000;
		font: 16px courier;letter-spacing: .3em}

	#sddm div a:hover
	{	background: #FFFFFF;
		color: #0EAAAA;
padding: 5px 10px;
font: 16px courier;
		
letter-spacing: .3em}

#viewport {
  width: 100%; /* viewport width */
  height: 500px; /* viewport heigth */
  overflow-x:auto; 
overflow-y:hidden; /* scrollbars */
  border: 1px dashed #0EAAAA;
background: #0EAAAA; /* contrast */

  white-space: nowrap; /* <strong class="highlight">image</strong> flow not stack */
    /* could use float: left or other approach */
  margin: 0 auto; /* Mozilla page centering */
  text-align: left; /* IE centering fix */
}

#viewport img {
  height: 500px; /* max height scaling of images */
  border-width: 0; /* remove <strong class="highlight">a</strong> link border on images */
}
#scrollbar
{scrollbar-track-color:rgb(34,34,34);scrollbar-face-color:rgb(238,238,238);scrollbar-3dlight-color:rgb(238,238,238);scrollbar-highlight-color:rgb(238,238,238);scrollbar-darkshadow-color:rgb(238,238,238);scrollbar-shadow-color:rgb(238,238,238);scrollbar-arrow-color:rgb(0,0,0);