/*	I made a hand class that uses pointer instead of hand that is cross browser compatible.

	I changed min-height to height to avoid IE problems. In .total the min-height was causing the 
	div not to open all the way, so there wasn't anything covering it, it just wasn't open enough.
	
	I commented out the .slides since it wasn't doing anything your css for the slideshow is in the
	head of the index.html file.
	
	I added an a tag to the css to prevent images being outlined or text underlined in 
	Firefox and IE.
	
*/


.slideshow
{
	height:403px
}
span{
	color:#13324A;
	font-size:1.3em;
}
span2{
	color:#13324A;
	font-size:1em;
	padding: 0px 10px;
}
/*    Classes     */

.clearer { height:1%; overflow:hidden; clear:both; margin-top:-1px;}

.bcleft{
	text-align:left;
}
.service{
	
}
.total{
	width:1024px;
	margin: 0 auto;
	background:url(../images/main/total.jpg);
	height:55px;
}
.htmlcont{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:952px;
}
#spacer{
	width:100%;
	height:10px;
}
.menu{
	background:url(../images/main/menubar.jpg);
	position:relative;
	margin-top:10px;
	width:952px;
	height:44px;
	z-index:100;
}
/*.slides{
	height: 403px;
	padding: 10px 0px;
}*/
.bar{
	padding:30px 0px 15px 0px;
}
.line{
	width:100%;
	color:#5b2825;
}
.hand {cursor:pointer;}
.foot{
	background:url(../images/main/bottom.png);
	width:952px;
	height:200px;
}
.foot img{
	width:100px;
	height:100px;
	padding: 20px 0px;
	border:0;
}
.foot p{
	font-family: Arial, Geneva, Helvetica, sans-serif;
	font-size:10pt;
	font-weight:700;
	color:#00008b;
}
a
{
	text-decoration:none;
	outline:none;
}
.footleft{
	text-align:center;
	float:left;
	width:235px;
	height:200px;
	border-right: 1px solid white;
}
.footleft img{
	text-align:center;
	width:150;
}
.footleftlast{
	text-align:center;
	float:left;
	width:235px;
	height:200px;
}
.footleftlast img
	text-align:center;
	width:150;
}
.page{
	width:1024px;
	margin: 0 auto;
	background:url(../images/main/total.jpg);
	height:55px;
}
.pagecont{
	margin-left:auto;
	margin-right:auto;
	position:relative;
	width:952px;
}
.pageleft{
	float:left;
	width:700px;
	height:700px;
}
/*.pageleft img{
	width:600px;
	height:400px;
	padding: 15px 0px 15px 0px;
}*/
.pageright{
	float:right;
	width:200px;
	/*height:700px;*/
	margin: 0;
	border-left: 1px solid #000000;
	background-color:#DCDCDC;
}
.pageright img{
	padding:5px 10px;
	width:100px;
	/*height:138px;*/
}
.pageright p{
	/*text-align:justify;*/
	padding: 0px 10px;
}
.pageright h1{
	color:#13324a;
	text-align:left;
	font-size:10pt;
	padding: 0px 10px;
}
.pageright h2{
	color:#808080;
	text-align:left;
	font-size:10pt;
	padding: 0px 10px;
}
.pageright h3{
	color:#3e7995;
	text-align:left;
	font-size:10pt;
	padding: 0px 10px;
	font-size: 16px;
}
.pageright hr{
	width:175px;	
}
#spacer{
	width:950px;
	height:100px;
	color:#ffffff;
}
#rspacer{
	width:150px;
	height:100px;
}
/*****  Menu Start  *****/
#jsddm
{
	margin: 0;
	padding: 0;
}
	
	#jsddm li
	{	float: left;
		list-style: none;
		font: 14px Tahoma, Arial}

	#jsddm li a
	{	display: block;
		/*background: #20548E;*/
		/*background:#ffffff;*/
		padding: 14px 12px;
		text-decoration: none;
		/*border-right: 1px solid white;*/
		width: 70px;
		/*color: #EAFFED;*/
		color: #ffffff;
		white-space: nowrap}

	#jsddm li a:hover
	{	
		/*background: #1A4473*/
		/*background: #ffffff;*/
		/*color:#191970;*/
		}
		
		#jsddm li ul
		{	margin: 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			border-top: 1px solid white}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
		{	width: auto;
			/*background: #9F1B1B*/
			background: #c0c0c0;
			}
		
		#jsddm li ul li a:hover
		{	background: #4682b4;
			color:#ffffff;
		}