.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */
	*{margin:0;padding:0}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;  
 background: #80796b url(../images/bigbg.jpg) no-repeat top center;

}

	.caption{color:#887;}
	.demo{position:relative;margin-top:2em;text-align:center;}
	.gallery_demo{width:702px;margin:0 auto;}
	.gallery_demo li{width:68px;height:50px;border:3px double #111;margin: 0 2px;background:transparent;}
	.gallery_demo li div{left:240px}
	.gallery_demo li div .caption{font:italic 0.7em/1.4 georgia,serif;}
	
	#main_image{margin:0 auto 60px auto;height:467px;width:700px;background:white;}
	#main_image img{margin-bottom:10px;}
	
	.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}
	
	.info{text-align:left;width:700px;margin:30px auto;border-top:1px dotted #221;padding-top:30px;}
	.info p{margin-top:1.6em;}

* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;  
 background: #80796b url(../images/bigbg.jpg) no-repeat top center;

}

/* Common Styles */
h1 {
font-size:24px;
font-weight:normal;
margin:15px 0 5px 10px;
color:#CB9E4E;
clear:left;
text-transform:uppercase;
font-family:Verdana, Georgia, Serif;
}

img + h1 {
padding-top:0px;
}

h2 {
font-size:18px;
clear:left;
margin:20px 0 5px 10px;
text-transform:uppercase;
color:#CB9E4E;
letter-spacing:1px;
}
h2 a{
font-size:18px;
clear:left;
margin:20px 0 5px 10px;
text-transform:uppercase;
color:#CB9E4E;
letter-spacing:1px;
text-decoration:none;
}
h2 a:hover{
text-decoration:none;
font-size:18px;
clear:left;
margin:20px 0 5px 10px;
text-transform:uppercase;
border-bottom:2px solid #C7C0B6;
color:#C7C0B6;
letter-spacing:1px;
}
h3 {
font-size:16px;
clear:left;
margin:20px 0 5px 10px;
color:#CB9E4E;
letter-spacing:1px;
}
h4 {
font-size:12px;
clear:left;
margin:5px 0 5px 10px;
color:#CB9E4E;
letter-spacing:1px;
font-weight:bold;
}
h1 + h2 + h3 {
margin: 5px 0 15px 0;
}

.box {
background:#eee;
border:1px solid #ccc;
padding:0 10px 10px 10px;
margin:10px 0;
}

p {
color:#669;
line-height:1.5em;
margin:10px 20px 10px 20px;

width:90%;
}    

#top_link, #top_link a {
height:25px;
padding:10px 5px 10px 5px;
font-size:.9em;
color:#333;

}

/* Pageination */
div.pagination {
	padding: 5px;
	margin: 2px;
	text-align:center;
	color: #000099;
}
a.page {	padding: 2px 2px 2px 2px;
	margin: 2px;
	border: 1px solid #AAAADD;
	background-color: #FFFFFF;
	text-decoration: none; /* no underline */
	color: #000099;}
	.page a:hover a:active {	padding: 2px 5px 2px 5px;
		border: 1px solid #000099;
background-color: #E8E8E8;
	color: #000;}
div.pagination a {
	padding: 2px 2px 2px 2px;
	margin: 2px;
	border: 1px solid #AAAADD;
	background-color: #FFFFFF;
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;
background-color: #E8E8E8;
	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	background-color: #FFFFFF;
		color: #000099;
	}
	img.pad {
width:460px; 
vertical-align:top; 
margin:0px;
position:top;
border:none;
	}
div.overlay {          /* growing background image */     
background-image:url(../img/overlay/white.png);          /* dimensions after the growing animation finishes  */     
width:600px;     height:470px;                  /* initially overlay is hidden */     
display:none;          /* some padding to layout nested elements nicely  */    
 padding:55px; }  /* default close button positioned on upper right corner */ 
 div.overlay div.close {     background-image:url(../img/overlay/close.png);     
 position:absolute;     right:5px;     top:5px;     cursor:pointer;     
 height:35px;     width:35px; }  

#gradient-style
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 25px 0px 0px 20px;
	text-align: left;
	float:left;
	border-collapse: collapse;
}
#gradient-style th
{
	font-size: 13px;
	font-weight: normal;
	padding: 3px;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #039;
}
#gradient-style td
{
	padding: 3px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;

}
#gradient-style tfoot tr td
{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}
#gradient-style tbody tr:hover td
{

	color: #339;
}


#navcontainer ul
{
float:left;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}

#navcontainer li { margin: 0 0 3px 0; }

#navcontainer a
{
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid #333;
width: 160px;
background-color: #999;
background-image: url(../images/list-off.gif);
}

#navcontainer a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}

#navcontainer a:hover
{
border: 1px solid #333;
background-color: #F60;
background-image: url(../images/list-on.gif);
color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;
color: #333;
}



#active a:link, #active a:visited, #active a:hover
{
border: 1px solid #333;
background-color: #FF6600;

color: #333;
}

h2 + p {
margin-top:5px;
}

p a, ul a {
color:#6b80b0;
}

p a:hover, ul a:hover {
text-decoration:none;
}

blockquote p {
line-height:1.5em;
padding:6px 0 6px 25px !important;
padding:6px 0 6px 0px;
margin:10px 0;
border-left:1px dotted #555 !important;
border:0;
}

blockquote p span {
display:block;
text-align:left;
font-size:14px;
color:#838c7a;
padding:5px 0 0 15px;
}

table {

color:#000;

margin-top:10px;
}

form {

text-align:left;
margin-top:0;
}

a img {
border:0;
margin:5px 0 0 5px;
}

ul, ol {
line-height:1.6em;
list-style:disc;
color:#333;
margin-bottom:25px;
margin-left:25px;
}

ol {
list-style:decimal;
}

img.left {
float:left;
margin:5px 5px 5px 0;
}

img.right {
float:right;
margin:5px 0 5px 5px;
}

#wrapper { 
 margin: 0 auto;
 width: 960px;
 margin:0 auto;
 padding:0px 30px 0px 30px;

}



.button { 
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif; 
 background-color: #D7E5F2; 
 color: #102132; 
 margin-left: 12px; 

 text-align:left;
 margin-top: 3px; 
 margin-bottom: 2px; 
}
#login .buttons { 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 10px; 
 background-color: #333333; 
 color: #FFFFFF; 
 margin-right: 6px; 
}

/*  menu styling-------------------*/
.menu5 {
text-align:left; font-family: verdana, sans-serif; position:relative; font-size:0.9em; height:2.5em; margin-left:470px; margin-top:90px; list-style-type:none; z-index:10;

}
.menu5 ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu5 li {
float:left; position:relative; width: 80px; margin:0 auto;
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; width:79px; color:#000; height:3em; line-height:3em; color:#000; text-transform:uppercase;
}
* html .menu5 li a, .menu5 li a:visited {
width:5em; w\idth:100px; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:normal;

}
.menu5 li ul {
visibility:hidden; position:absolute; top:2.5em; left:2px; height:0; overflow:hidden;
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:underline; border:0;


}
.menu5 li:hover ul,
.menu5 li a:hover ul {
filter:alpha(opacity=90);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: .8;
visibility:visible; height:auto; width:11em; background:#fff; border:1px solid #ddd; left:0; top:2.5em; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight:normal; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:15em;
}
* html .menu5 li a:hover ul li a {
width:5em; w\idth:9em; /* hack for IE5.5 */

}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration:underline;

}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#000; border:1px solid #ddd; height:auto; background:#fff; width:15em;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:3em;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}

.transparent_class {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
#navigation {
 background: url(../images/logo.png) no-repeat;
 background-position: bottom left;
 float: left;
 width: 960px;
 height:120px;
 color: #333;
 padding: 0 auto;
 margin: 0 auto;
}

#navigation  p{

 background: transparent;
 float: left;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 750px;

}


#container { 

 color: #333;
 background: #fff url(../images/bg.jpg) no-repeat center left;
 margin: 0 auto;
 height: auto;
 min-height:450px;
 width: 960px;
 float: left;
 
}
#leftcolumn { 

background:transparent;
 margin-top: 0px;

 padding: 0px;
 height: 100%;
 width: 480px;
 float: left;
 
}

#rightcolumn { 
background:transparent;
 margin:0 auto;
position:top;
 padding: 0px;
 height: 100%;
 width: 480px;
height: 100%;
 float: right;
 
}
#footer { 
 width: 960px;
 height:100px;
 clear: both;
 color: #333;
 background: transparent url(../images/footer.jpg) no-repeat top left;
 margin: 0 auto;
 padding: 10px 0px 10px 0px;
}
#footer p {
float:right;
font-family:verdana,"Times New Roman" helvetica, serif; 
font-size:.8em;
color:#000;
position:bottom right;
}
#footer a { color:#000; text-decoration:none;}
#footer a:hover { color:#000; text-decoration:none; border-bottom: 2px solid white;}