.main {
	background-color: #FFFFFF;
	border: 4px solid #72971A;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 22px;
}


.footer {
	font-family: Verdana;
	font-size: 10px;
	color: #E1E3BB;
	background-color: #72971A;
	border-top-style: solid;
	border-top-width: 7px;
	border-top-color: #4D6611;
}
a {
	color: #A4A86E;
}
a:visited {
	color: #A4A86E;
}
a:active {
	color: #A4A86E;
}
a:hover {
	color: #CCCC00;
}
.style1 {
	text-align: center;
}
.style2 {
	font-family: "Times New Roman";
}
h1,h2,h3,h4,h5,h6 {
	font-family: Tahoma;
}
h1 {
	font-size: 20px;
	color: #37620D;
	font-weight: normal;
	line-height: 27px;
	border-bottom-color: #476609;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}
h2 {
	font-size: 14px;
	color: #37620D;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}


/* TOP MENU */

.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('images/topMenuImages.png') repeat-x;}
.menu li{padding:0; margin:0; list-style:none; display:inline;}
.menu li a{float:left; padding-left:15px; display:block; color:rgb(255,255,255); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('images/topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('images/topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('images/topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('images/topMenuImages.png') 100% -90px no-repeat;}




/* LEFT MENU */

.urbangreymenu{
width: 206px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}
.urbangreymenu ul li{
	padding-bottom: 2px;
	border-bottom-color: #b3ca32;
	border-bottom-width: 1px;
	border-bottom-style: groove;
}

.urbangreymenu ul li a{
	font: normal 12px Arial;
	color: black;
	display: block;
	padding: 5px 0;
	line-height: 17px;
	padding-left: 22px; /*link text is indented 8px*/
	text-decoration: none;
	background-image: url(images/arrowstop.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 22px;
      }

}

.urbangreymenu ul li a:visited{
	color: #FFFFFF;
	background-color: #b3ca32;
}
.urbangreymenu ul li a:hover{
	/*hover state CSS*/
	color: #FFFFFF;
	background-color: #b3ca32;
}


/* LEFT MENU */







.style3 {
	background-color: #000000;
}




.style4 {
	text-align: left;
}




.style5 {
	text-align: left;
	background-color: #EEFDE0;
}


.style6 {
	margin-left: 15px;
	margin-right: 15px;
}
.style7 {
	margin-left: 40px;
}
.style8 {
	margin-left: 21px;
	margin-right: 21px;
}
.style9 {
	margin-left: 11px;
	margin-right: 11px;
}

.style10 {
	background-color: #B3CA32;
}
.style11 {
	text-align: left;
	background-color: #B3CA32;
	background-image: url('images/line.jpg');
}
.style12 {
	text-align: left;
	background-color: #E5F29A;
}
.style13 {
	text-align: left;
	background-color: #F4FDBD;
}
.style14 {
	text-align: left;
	background-image: url('images/line.jpg');
}
.style15 {
	text-align: left;
	background-color: #E5F29A;
	background-image: url('images/dots.jpg');
}
.treatment {
	background-image: url('images/treatment-bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #E5F29A;
}
.style16 {
	background-image: url('images/treatment-bg.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #E5F29A;
	text-align: left;
}
.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#example1 li{ /*CSS specific to demo 1*/
margin-bottom: 4px;
}

#example2 div{ /*CSS specific to demo 2*/
margin-bottom: 5px;
}

#example2 div a{ /*CSS specific to demo 2*/
text-decoration: none;
}

#example3 a{ /*CSS specific to demo 3*/
color: #D80101;
text-decoration: none;
font-weight: bold;
}

#example3 p{ /*CSS specific to demo 3*/
margin-bottom: 2px;
}

code{ /*CSS for insructions*/
color: red;
}