/***CSS NOTES*****************************************************
# - id selector
. - class selector

opacity:0.4;
filter:alpha(opacity=40);

1024×768
1280×1024 

****************************************************************/

body{background-color:#ffffff;/*white*/}
.inUL{padding:0px;margin:1px;}
.inLI{list-style-type:none;display:inline;}
.inULB{padding:0px;margin:1px;width:100%;}
.inLIB{list-style-type:none;display:inline;float:left;padding:2px;margin:1px;height:25px;width:77px;}

.inULB2{padding:0px;margin:1px;width:100%;}
.inLIB2{list-style-type:none;display:inline;float:left;padding:2px;margin:1px;height:25px;}


.divWrap{float:left;width:98%;}
.divWrap50{float:left;width:50%;}
.divWrap60{float:left;width:60%;}
.divWrap40{float:left;width:40%;}
.divWrapNF{float:none;width:60%;}
.clear{clear:both;}
.divMarg{margin:0 3% 0 2%;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
.divMarg30{margin:0 30% 0 2%;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
.divMarg0{margin:0 0 0 0;}
.divMarg20{margin:0 3% 0 20%;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
.divMarg1{margin:1px;}
.dH60{height:20%;}
.dH40{height:40%;}

.divInner{margin:10px;}
.divInner1{margin:1px;}

.divLeftCol{
	float:left;
	width:2%; /*Width of left column in percentage*/
	margin-left:-2%;
	height:90%;	
}
.divLeftCol20{
	float:left;
	width:20%; /*Width of left column in percentage*/
	height:90%;	
}
.divRightCol{
	float:left;
	width:3%; /*Width of right column*/
	margin-left:-3%; /*Set margin to that of -(RightColumnWidth)*/
	height:90%;
}

#divFooter{text-align:center;margin-top:-2px;height:1px;padding-top:1px;width:100%;clear:both;
}


.thumbsUL
{
	padding:1px;
	margin:1px;
}
.thumbsLI
{
	list-style-type:none;
	display:inline;
}

#ParentDiv
{	display:inline;/*added this for the slider page*/
	background-color:f5f5f5;
	float:left;
	margin:1px;
	width:317px;
	overflow:hidden;
}
#ChildDiv
{
	width:6000px;
	position:relative;
	height:50px;
	cursor:pointer;
	margin:1px;
	vertical-align:middle;
}

#ChildDiv img  /*need this??*/
{
	float:left;
	height:50px;
	padding:1px;
	margin:1px;
	vertical-align:middle;
}
.imgArrow{width:30px;height:30px;vertical-align:top;margin:15px 1px 1px 1px;}
.b1
{
	border-bottom:#cccc99 1px solid;
	border-left:#cccc99 1px solid;
	border-top:#cccc99 1px solid;
	border-right:#cccc99 1px solid;
}
.fontfamily1{font-family:Tahoma,Verdana;}
.ft1{font-size:14px;color:#666633;/*DarkGray*/}
.ft2{font-size:12px;color:#666633;/*DarkGray*/}
.fb{font-weight:bold;}
.f10{font-size:10px;color:#666633;/*DarkGray*/}
.td1{width:94px;}
.pLS{line-height:140%;}
.alL{text-align:left;}
.alC{text-align:center;}

a.dlButton
{
	background:transparent url(images/dlButtonLeft.jpg) no-repeat scroll top left;	
	top:0;
	left:0;
	float:left;
	width:75px;
	height:25px;
	margin:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	color:#666633;/*DarkGray*/ 
	text-decoration:none;
	text-align:center;
	overflow:hidden;
}

a.dlButton span 
{
	background:transparent url(images/dlButtonRight.jpg) no-repeat scroll top right;
	top:0;
	right:0;
	float:right;
	width:75px;
	height:25px;
	margin:0px;
	padding-top:5px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:0px;
	color:#666633;/*DarkGray*/
	text-decoration:none;
	text-align:center;	
	overflow:hidden;
}

a.dlButton:hover span{background-position:right -25px; cursor:hand; color:#666633;/*DarkGray*/}
a.dlButton:hover{ background-position:left -25px; cursor:hand; }

#divBanner{height:5px;}
#divBody
{
	border-bottom:#cccc99 1px double;
	border-left:#999966 1px double;
	margin-top:2px;
	margin-left:2px;
	margin-bottom:-1px;
	vertical-align:middle;
	
	padding-left:5px;
	padding-right:5px;
	height:70%;
	overflow:auto;
	border-top:#999966 1px double;
	border-right:#cccc99 1px double;
	padding-top:2px;
	width:100%;
}



.selectedThumb
{	
	border-bottom:Lime 2px solid; 
	border-left:Lime 2px solid; 
	border-top:Lime 2px solid; 
	border-right:Lime 2px solid;
}


#lbContainer{display:none;	
	top:0;left:0;
	position:absolute;width:101%;height:100%;
	overflow:auto;
	background-color:#666666;/*DarkGray*/
	z-index:2001;
	filter:alpha(opacity=80);opacity:0.8;-moz-opacity:0.8;}
	
#lbContent
{	display:none;	
	position:absolute;
	background-color:#000000;
	width:95%;
	padding:1px;	
	height:95%;
	top:2.5%;
	left:2.5%;
	border-bottom:grey 5px solid;
	border-left:grey 5px solid;
	border-top:grey 5px solid;
	border-right:grey 5px solid;
	z-index:2002;
	overflow:hidden;	
}
#lbClose{display:none;position:absolute;top:0px;right:0px;width:166;
	height:20px;
	text-align:right;
	background-color:Whitesmoke;
	padding:1px;
	margin:1px;
border:1px;z-index:2003;
}
.lbCloseButton{top:0px;
	height:20px;
	margin:1px;border:1px;z-index:2004;
}

#lbThumbsLeft
{display:none;
	background-color:Whitesmoke;
	position:absolute;
	top:22px;
	right:0px;
	/*left:600px;728px;*/
	width:166px;
	height:100%;
	z-index:2005;
	padding:1px;
	margin:3px 1px 1px 1px;
	overflow:auto;	
}
.lbUL
{
	float:left;
	display:inline;
	position:absolute;
	list-style-type:none;
	list-style-position:outside;
	text-align:left;
	left:0;
	width:80px;
}
.lbLI
{
	float:left;
	display:inline;
	text-align:left;
	padding:2px 2px 2px 2px; 
	left:0;
	width:80px;
	/*height:85px;*/
	overflow:hidden;
}
.imgThb
{
	border:1px solid grey;
	padding:2px 2px 2px 2px; 
	text-align:left;
}
#imgLBContainer
{
	padding-bottom:1%;
	padding-left:1%;
	width:750px;
	padding-right:1%;
	padding-top:1%;
	overflow:auto;
}

#imgLB
{
	width:700px;
	border:4px solid Whitesmoke;
}
