@import url(highslide.css);

/* standard html tags */

body { margin-left: 0;
       margin-top: 0;
       margin-right: 0;
       margin-bottom: 0;
       background: #808080;
	   
       scrollbar-face-color: #808080;
	   scrollbar-shadow-color: #333333;
	   scrollbar-highlight-color: #CECECE;
	   scrollbar-3dlight-color: #999999;
	   scrollbar-darkshadow-color: #666666;
	   scrollbar-track-color: #808080;
	   scrollbar-arrow-color: #FFC600;}
           
/* define background cell color */


.bg_gry1  { background: #CECECE;}
.bg_gry2  { background: #999999;}
.bg_gry3  { background: #808080;}
.bg_yel   { background: #FFD457;}
.bg_whi   { background: #FFFFFF;}
.bg_blk   { background: #000000;}


/* background images */

.bg_rt { background-image:url(images/bg_rt.gif);}
.bg_lt { background-image:url(images/bg_lt.gif);}
.bg_mid { background-image:url(images/bg_mid.gif);}
.bg_ico { background-image:url(images/bg_ico.gif);}
.bg_tab { background-image:url(images/bg_tab.gif);}

.bg_hdr_port { background-image:url(images/bg_hdr_port.gif);}

.bg_port { font-family: Arial,Helvetica,san-serif;
           text-align: center;
		   vertical-align: top;
		   padding-top: 10px;
		   background-image:url(images/bg_port.gif);}

.bg_table {  background: #FFFFFF;
			 padding-top: 3px;
			 padding-bottom: 3px;
			 padding-left: 3px;
			 padding-right: 3px;}


/* opacity setting for FF and IE */
.gradualshine{
filter:alpha(opacity=60);
-moz-opacity:0.6;
}

/* mouseover tooltip */
#dhtmltooltip{
font-family: Verdana,Arial,Helvetica,san-serif;
font-size: 10px;
color: #FFFFFF;
font-weight: 700;
position: absolute;
text-align: left;
width: 100px;
border: 2px solid #FFFFFF;
padding: 5px 5px 5px 10px;
background: #666666;
opacity: 0.88; /* MOZ/FF/STD CSS3 */
filter: alpha(opacity=88); /* IE */
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
}

/* icon styles - works great in FF/IE and stays crunchy even in milque */

a.ico:link img {
border: 1px solid #FFC600;
}

a.ico:visited img {
border: 1px solid #FFC600;
}

a.ico:active img {
border: 1px solid #FFC600;
}

a.ico:hover img {
border: 1px dotted #666666;
}

.thm {
float: left;
width: 50px;
margin: 0 15px 15px 0;
}

.clearboth { clear: both; }

/* form output padding settings */

.form_pad { font-family: Arial,Helvetica,san-serif; 
			color: #666666; 
			font-size: 11px; 
			font-weight: 700; 
			letter-spacing: 0px;
			padding-left: 20px;
			padding-top: 5px;
			padding-bottom: 5px;
			line-height : 14px;}


/* dynamic gallery settings */

.slideshow{ /*CSS for DIV containing each image*/
float: left;
margin-right: 10px;
margin-bottom: 10px;
}

.slideshow img{ /*CSS for each image tag*/
border: 0;
width: 150px;
height: 125px;
}

#navlinks{ /*CSS for DIV containing the navigational links*/
width: 400px;
}

#navlinks a{ /*CSS for each navigational link*/
margin-right: 8px;
margin-bottom: 3px;
font-size: 110%;
}

#navlinks a.current{ /*CSS for currently selected navigational link*/
background-color: yellow;
}

/* form button settings */

.cellpad { padding-right: 20px;
		   padding-top: 10px;
		   padding-bottom: 10px;
		   text-align: right;}

.formtext { font-size : 10px;
		   font-family : arial;
		   font-weight : 400;  
		   color : #000000;}

.formfield { font-size : 11px;
		   font-family : Arial,Helvetica,san-serif;
		   font-weight : 400;  
		   color : #000000;}

.formbtn { font-size : 11px;
		   font-family : Arial,Helvetica,san-serif;
		   font-weight : 400;  
		   color : #000000;}

.dsc { text-align: center;
       vertical-align: top;
	   padding-top: 10px;
	   background: #FFFFFF;}

.cd {  vertical-align: top;
       line-height: 10px;
	   font-family: arial; 
	   color: #666666; 
	   font-size: 10px;
	   padding-top: 10px;
	   padding-left: 10px;
       padding-right: 10px;
	   background: #FFFFFF;}

	   
.cen { text-align: center;
       vertical-align: top;}
.lt  { text-align: left;}		   
.rt  { text-align: right;}	


/* global settings */						

.date { font-family: arial; 
			color: #FFD457; 
			font-size: 10px; 
			font-weight: 700;
			text-align: right;}
			
.copy_home { font-family: arial; 
			color: #666666; 
			font-size: 10px;
			line-height: 10px; 
			font-weight: 400;
			vertical-align: top;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			background: #FFFFFF;}			

.copy_port { font-family: arial; 
			color: #666666; 
			font-size: 10px;
			line-height: 10px; 
			font-weight: 400;
			vertical-align: top;
			padding-top: 15px;
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			background: #FFFFFF;}


.copy_ht { font-family: arial; 
			color: #666666; 
			font-size: 10px;
			text-align: center;
			font-weight: 400;
			vertical-align: top;}

.int_copy   { font-family: Arial,Helvetica,san-serif; 
			color: #FFFFFF; 
			font-size: 11px; 
			font-weight: 400;
			vertical-align: top;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 10px;
			padding-bottom: 20px;}

.pop_copy   { font-family: Arial,Helvetica,san-serif; 
			color: #FFFFFF; 
			font-size: 11px; 
			font-weight: 400;
			vertical-align: top;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 5px;
			padding-bottom: 10px;}

.copyhd  { font-family: Arial,Helvetica,san-serif; 
			color: #666666; 
			font-size: 11px;	 
			font-weight: 700;
			padding-left: 20px;
			background: #EFEFEF;}

.copybold   { font-family: Arial,Helvetica,san-serif; 
			color: #900F0F; 
			font-size: 12px; 
			font-weight: 700;}
			
.copyitalic { font-family: Arial,Helvetica,san-serif; 
			color: #666666; 
			font-size: 11px; 
			font-weight: normal; 
			font-style : italic;  
			letter-spacing: 0px; 
			line-height : 11px;}		
			
.copysmall { font-family: Arial,Helvetica,san-serif; 
			color: #666666; 
			font-size: 9px; 
			font-weight: normal;  
			letter-spacing: 0px; 
			line-height : 12px;}	
			
.footer  { font-family: Arial,Helvetica,san-serif; 
		   color: #000000; 
		   font-size: 10px;
		   font-weight: 400;
		   text-align: center;
		   line-height: 15px;
		   background-image:url(images/bg_ftr.gif);}								

a.ftr     { font-size : 10px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #FFD457;}

a.ftr:visited   { font-size : 10px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #FFD457;}

a.ftr:active  	{ font-size : 10px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #FFD457;}

a.ftr:hover 	{ font-size : 10px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #FFFFFF;}



a.close     { font-size : 11px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #666666;}

a.close:visited   { font-size : 11px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #666666;}

a.close:active  	{ font-size : 11px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #666666;}

a.close:hover 	{ font-size : 11px;
                    font-family : Arial,Helvetica,san-serif;
					font-weight : 400;
					color : #FFFFFF;}

a           { font-size : 10px;	
			font-family : Arial;	
			font-weight : 400;	
			color : #FFC600;
			text-decoration: underline;}

a:visited   { font-size : 10px;	
			font-family : Arial;	
			font-weight : 400;	
			color : #FFC600;
			text-decoration: underline;}

a:active  	{ font-size : 10px;	
			font-family : Arial;	
			font-weight : 400;	
			color : #666666;
			text-decoration: underline;}

a:hover 	{ font-size : 10px;	
			font-family : Arial;	
			font-weight : 400;	
			color : #666666;
			text-decoration: underline;}
			
/* tool tip styles */

.tooltiptitle {color: #FFC600; 
               text-decoration: none; 
			   cursor: Default; 
			   font-family: arial; 
			   font-weight: bold; 
			   font-size: 10px;}

.tooltipcontent {color: #666666; 
                 text-decoration:: none; 
				 cursor: Default; 
				 font-family: arial; 
				 font-size: 9px;
				 line-height: 10px;}

#ToolTip { position:absolute; 
           width: 100px; 
		   top: 0px; 
		   left: 0px; 
		   z-index:4; 
		   visibility:hidden;}


/* thumbnail 100 x 75 anchor */
a.thm100:link img, a.thm100:visited img, a.thm100:active img {
border: 1px dotted #666666;
padding: 5px 5px 5px 5px;
margin: 0px 0px 20px 20px;
background: #EFEFEF;

}

a.thm100:hover img {
border: 1px dotted #ffb800;
}
		   
.copybold { 
font-size : 12px;	
font-family : Arial;	
font-weight : 700;	
color : #ffb800;
}

		   
/* ======================================================== */
/* Slideshow settings */		   
/* ======================================================== */

.border {
border: 5px solid #EFEFEF;
}

div.slideshow {
margin: 100px;
border: 2px solid #990000;
}
div.slideshow p {
padding-top: 9px;
text-align: center;
}
div.slideshow ul {
background: #FFF;
bottom: -35px;
left: 0px;
position: absolute;
overflow: hidden;
padding: 5px 0;
z-index: 10001;
}
div.slideshow ul a {
background-position: 50% 50%;
cursor: pointer;
display: block;
height: 25px;
margin-right: 5px;
opacity: 0.5;
width: 30px;
}
div.slideshow ul a.active,
div.slideshow ul a:hover {
opacity: 1;
}
div.slideshow ul li {
float: left;
list-style: none;
}