/* Layout Stylesheet */ 

body {
 margin:0px auto 0px auto;
 padding:0px;
 text-align:center;
 font-family:Verdana, Arial, Helvetica, sans-serif;
}

#container {
	margin:150px auto 0px auto;
	padding: 0px;
	text-align:left;
	width:741px;
}

#left {
	text-align:left;
	width:149px;
    padding: 0;
	float: left;
 }

#middle {
	width: 540px;
	height: 290px;
	color: #333333;
    padding: 0;
	float: left;
	display: inline;
 }
 
#right {
	text-align: left;
	float: left;
	color: #333333;
	width: 52px;
	padding: 0px;
	margin: 0px;
 }
 
#footerright {
	float: left;
	text-align:left;
	width: 200px;
	height: 28px;
	padding:0px;
	margin: 2px 0px 0px 176px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	display: inline;
}

#footerleft {
	float: left;
	text-align:left;
	width: 210px;
	padding:0px;
	margin: 8px 0px 0px 149px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

/* Presentation */ 
 
ul, li {
	padding: 0px;
	margin: 0px;
	margin-top: -7px;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
	text-indent: 12px;
    line-height: 25px;
    letter-spacing: 0px;
}

a { 
	color: #231F20;
	text-decoration: none;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a:hover {
	color: #04733B;
	text-decoration: none;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #04733B;
}

p {
	margin: 3px 0 0 0;
	padding: 0px;
	font-size: 9px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 15px;
}

.clear { 
	clear: both; 
	height: 1px ;
}

/* Bottom Navigation */ 

#one{

	height: 28px;
	width: 20px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number1.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#one:hover{

	background-position: bottom left;
}

body#des1 a#one{

	background-position: bottom left;
}

#two{

	height: 28px;
	width: 17px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number2.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#two:hover{

	background-position: bottom left;
}

body#des2 a#two{

	background-position: bottom left;
}

#three{

	height: 28px;
	width: 16px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number3.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#three:hover{

	background-position: bottom left;
}

body#des3 a#three{

	background-position: bottom left;
}

#four{

	height: 28px;
	width: 16px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number4.jpg) top left no-repeat;
	display: block;
	float: left;

}

body#des4 a#four{

	background-position: bottom left;
} 
 
#four:hover{

	background-position: bottom left;
}

#five{

	height: 28px;
	width: 16px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number5.jpg) top left no-repeat;
	display: block;
	float: left;

}

body#des5 a#five{

	background-position: bottom left;
}
 
#five:hover{

	background-position: bottom left;
}

#six{

	height: 28px;
	width: 17px;
	text-indent: 10000px;
	margin-top: 2px;
	overflow: hidden;
	background: url(../images/number6.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#six:hover{

	background-position: bottom left;
}

body#des6 a#six{

	background-position: bottom left;
}

#seven{

	height: 28px;
	width: 16px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number7.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#seven:hover{

	background-position: bottom left;
}

body#des7 a#seven{

	background-position: bottom left;
}

#eight{

	height: 28px;
	width: 16px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number8.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#eight:hover{

	background-position: bottom left;
}

body#des8 a#eight{

	background-position: bottom left;
}

#nine{

	height: 28px;
	width: 18px;
	text-indent: 10000px;
	overflow: hidden;
	background: url(../images/number9.jpg) top left no-repeat;
	display: block;
	float: left;

}
 
#nine:hover{

	background-position: bottom left;
}

body#des9 a#nine{

	background-position: bottom left;
}