body {
  	background-image: url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat; 
	color: #381d0c;
	text-align: center;
	margin: 0;
  	padding: 0;
	width: 100%;
}

#container { 
	margin-left: auto ;
  	margin-right: auto ;
	width: 980px; 
	background-image: url(../images/bg.jpg);
	background-position:center top;
	background-repeat:no-repeat; 
}

.clock	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: right;
	margin-bottom: 20px;
}

.myframe { 
width:550px; 
height:280px; 
border:0px solid #000000; 
}

.headerB {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #9EBCB3;
	font-weight: bold;
}

#top	{	

	margin-left: auto ;
  	margin-right: auto ;
	padding-top:10px;
}

#content	{
	width: 871px; 
	margin-left: auto ;
  	margin-right: auto ;
	padding-top: 25px; 
}


#footer	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #666666;
	text-align: center;
	position: relative;
    margin-top: 80px;
	padding-bottom: 140px;
	width: 873px;
	line-height: 1.5em;;
}

#mainH	{
	padding-top:10px;
	text-align: center;
	width: 871px;
}

#left	{
	float: left;
	display: inline;
	width: 280px;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
}


.boxH	{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	color: #3b1b0c;
	text-align: left;
	padding: 10px;
	width: 280px;
}

h1	{
	color: #ffffff;
	background-color:#d9cbab;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	font-weight: normal;
	margin-top: 10px;
	padding: 2px;
}

h2	{
	color: #3b1b0c;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

.formT	{
	color: #3b1b0c;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
}

.formError	{
	color: #ec3c1e;
	font-family: Arial;
	font-size: 10px;
	font-weight: normal;
}

.formB	{
	height: 28px;
}

.formB2	{
	height: 8px;
}

#formLFT	{
	float: left;
	display: inline;
	width: 420px;
	height: 350px;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	
}

#formRT	{
	float: left;
	display: inline;
	width: 370px;
	height: 350px;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	padding-left:10px;
	padding-right:10px;
	border-right:solid 0px #000000;

}


#leftMC	{
	float: left;
	display: inline;
	width: 555px;
	height: 350px;
	background-color: #ffffff;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left;
	padding-left:10px;
	padding-right:0px;
	background-image: none;
	background-position:center bottom;
	background-repeat:no-repeat;
	border:solid #000000 0px;
}

#rtMC0	{
	float: left; 
	width: 200px;
	display: inline;
		height: 310px;
	background-color: #ffffff;
	text-align: left;
	padding-left: 82px;
	padding-right: 20px;
	padding-top: 40px;
	line-height:1.5em;
	background-image: url(../images/right_0.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#rtMC2	{
	float: left; 
	width: 200px;
	display: inline;
	background-color: #ffffff;
	height: 320px;
	text-align: left;
	padding-left: 82px;
	padding-right: 20px;
	padding-top: 30px;
	line-height:1.5em;
	background-image: url(../images/right_2.jpg);
	background-position:right top;
	background-repeat:no-repeat;


}

#rtMC4	{
	float: left; 
	width: 200px;
	display: inline;
	background-color: #ffffff;
	height: 320px;
	text-align: left;
	padding-left: 82px;
	padding-right: 20px;
	padding-top: 30px;
	line-height:1.5em;
	background-image: url(../images/right_4.jpg);
	background-position:right top;
	background-repeat:no-repeat;


}

#rtMC5	{
	float: left; 
	width: 200px;
	display: inline;
	background-color: #ffffff;
	height: 320px;
	text-align: left;
	padding-left: 82px;
	padding-right: 20px;
	padding-top: 30px;
	line-height:1.5em;
	background-image: url(../images/right_5.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border:solid #000000 0px;
}


#rtMC6	{
	float: left; 
	width: 200px;
	display: inline;
	background-color: #ffffff;
	height: 320px;
	text-align: left;
	padding-left: 82px;
	padding-right: 20px;
	padding-top: 30px;
	line-height:1.5em;
	background-image: url(../images/right_6.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

.rtHead	{
	font-family: Georgia, 'Times New Roman', Times, serif; 
	font-size:12px; 
	font-weight: bold;

}

.rtBox	{
	margin-top: 20px; 
	margin-left: 20px; 
	font-family:arial; 
	font-size:11px;
	line-height:1.9em;
}

#picText	{
	width: 260px;
	background-image: url(../images/picText.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #736b53;
	font-size: 11px;
	padding-left: 13px;
	padding-top:5px;
	padding-bottom: 5px;
}

#picText2	{
	width: 260px;
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #a2997c;
	font-size: 11px;
	padding: 7px;
	padding-top: 0px;
}



#flash {
	background: #fff url(../images/flash.jpg) no-repeat center top;
	color: #381d0c;
	width: 871px;
	padding-top: 12px;
	padding-bottom: 20px;
}

#flashMC {
	background: #fff url(../images/flashMC.jpg) no-repeat center top;
	color: #381d0c;
	width: 871px;
	padding-top: 12px;
	padding-bottom: 20px;
}

.on{
color: #ffffff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:15px;
background-color:#381d0c;
width:96px;
}

.rtOn{
color: #381d0c;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:bold;
font-style:italic;
}

a.on {color:#381d0c; background-color:#ffffff; text-decortaion: underline;}
a.on:active {color:#ffffff; background-color:#381d0c;}
a.on:visited {color:#381d0c; background-color:#ffffff;}
a.on:hover {color:#ffffff; background-color:#ffffff;}

a {text-decoration:none}
a:link {color:#381d0c; size:11px}
a:active {color:#381d0c; size:11px}
a:visited {color:#381d0c; size:11px}
a:hover {color:#381d0c; size:11px; text-decoration:none}

a.footerLink {color:#381d0c; size:11px}
a.footerLink:active {color:#381d0c; size:11px;}
a.footerLink:visited {color:#381d0c; size:11px}
a.footerLink:hover {color:#ffffff; size:11px; background-color:#381d0c;}

a.linkRT {font-family:Georgia, "Times New Roman", Times, serif; color:#381d0c; font-size:11px;}
a.linkRT:active {font-family:Georgia, "Times New Roman", Times, serif; color:#381d0c; font-size:11px;}
a.linkRT:visited {font-family:Georgia, "Times New Roman", Times, serif; color:#381d0c; font-size:11px;}
a.linkRT:hover {font-family:Georgia, "Times New Roman", Times, serif; color:#381d0c; font-size:11px;}


a.link {
color:#381d0c; 
size:11px; 
padding: 1px; 
text-decoration: none;
background-color: transparent;
border-color: #bfb1a1;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;}
a.link:active {color:#381d0c; size:11px; padding: 2px;}
a.link:visited {color:#381d0c; size:11px; padding: 2px;}
a.link:hover {color:#ffffff; size:11px; background-color:#381d0c; padding: 2px; border: 0px;}

a.homeLink {color:#a2997c; size:11px}
a.homeLink:active {color:#a2997c; size:11px;}
a.homeLink:visited {color:#a2997c; size:11px}
a.homeLink:hover {color:#ffffff; size:11px; background-color:#381d0c;}








<style media="screen,projection" type="text/css">

/* general styling for this example */
* { margin: 0; padding: 0; }
body { padding: 0px; }

/* begin gallery styling */
#jgal { list-style: none; width: 200px; }
#jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; border: 7px solid #f6efdf; outline: 0px solid #d9cbab; margin-right: 10px; margin-bottom: 10px; }
#jgal li img { position: absolute; top:0px; left: 220px; display: none; }
#jgal li.active img { display: block; }
#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

/* styling without javascript */
#gallery { list-style: none; display: block; }
#gallery li { float: left; margin: 0 0px 0px 0; }

    </style>