body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	text-align: center;
}
img {border: none;}




#wrapper {
position:relative;
	text-align: left;
	width: 760px;
         
	margin-right: auto;
	margin-left: auto;
	padding: 49px 0 0 0;
	margin-top: 5px;
	background-color: #ffffff;
	background-image: url(images/top-eng.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	border-left: 2px solid #006600;
	border-right: 2px solid #006600;
	border-bottom: 2px solid #006600;
	border-top: 1px solid #66ff99;
	
}



/*mac hide \*/
* html .boxes {height:1%}
/* end hide*/




#content {
	width: 520px;
	float: left;
	padding: 0;
        
}


#content p {
	font-size: 75%;
	line-height: 1.8em;
	padding-left: 1em;
}

#content li {
	font-size: 75%;
	line-height: 1.8em;
	padding-left: 1em;
}


#content h2 {
	font-size: 90%;
	color: #006600;
	background-color: transparent;
        padding-left: 1em;
        
	
}

#content  a:link {
	background-color: transparent;
	color: #009900;
	}
	#content  a:visited {
	background-color: transparent;
	color: #666600;
	}
#content  a:hover {
	background-color: transparent;
	color: #33cc33;
	}



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


/* This is the vertical menu */

#navigation {
	float: right;
	width: 200px;
}
#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}
#navigation li {
	width: 200px;
	border-bottom: 1px solid #2B9E01;
	margin: 0;
	padding: 0;
	font-size: 80%;
	vertical-align: bottom;
}
#navigation li a:link, #navigation li a:visited  {
	display: block;
	padding: 5px 5px 5px 0.5em;
	border-left: 8px solid #076F00;
	border-right: 1px solid #076F00;
	background-color: #0A5C00;
	color: #FFFFFF;
	text-decoration: none;
}
#navigation li a:hover {
	background-color: #076F00;
	color: #FFFFFF;
}


/* Here goes the horizontal menu */

#menu {
position: relative;
background-color: #009900;
width: 560px;
height: 24px;
margin-top: 0px;
z-index: 5; 
}	


	
#footer {
	clear: both;
	margin-top: 10px;
        margin-bottom: 0;
 	height: 30px;
	font-size: 70%;
	text-align: center;
	color: #cccccc;
	background-color: #006600;
}


#banner {
position: relative;
margin-top: 0px;
width:560px;
margin-left: 0;
padding: 0;
}

/* small footer menu */

.small {
position: relative;
text-align: center;
font: 70%/1.1 Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
margin-top: 25px;
margin-bottom: 0;
}

/* This is to align images wrapping text around them */

.leftimage {
position: relative;
float: left;
border: 0;
margin: 0.5em;
padding: 0;
font-size: x-small;
}
.rightimage {
position: relative;
float:right;
border: 0;
margin: 0.5em;
padding: 0;
font-size: x-small;
}


.boxes {
position: relative;

	padding: 0.2em;
	margin:  1em;
	border: 1px;
	border-style: solid;
	color: #000000;
	background-color: #ffffff;
	z-index: 1;
}
.boxtitle{
 margin: 0;
 padding-left: 10px;
 height: 20px;
 position:relative;
 background: #398f47;
 font-size: 80%;
 font-family: arial, verdana, helvetica;
 font-weight: bold;
 color: #ffffff;
 border: solid #999999;
 border-width: 1px;
 z-index: 1;
 }


 /* Placeholder for flash images under menu */

#flash{
position: relative;
float: right;
width: 200px;
height: 139px;
}

 /* This is the box for the tellafriend form */
 .box {
position: relative;
height: 100%;
	padding: 0.2em;
	margin:  1em;
	border: 1px solid;
	color: #000000;
	background-color: #ffffff;
	font: 90%/1.5 Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}


 
/* This is to styling the forms*/

input.txt {
  color: #00008B;
  background-color: #E1F9DD;
  border: 1px inset #000000;
  width: 200px;
}
input.btn {
  color: #000000;
  background-color: #e1f9dd;
  border: 1px outset #000000;
  margin-left: 12.3em;
}
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
   
}
form p label {
  float: left;
  width: 30%;
  }


/* Google search */


#searchbox{
position: relative;
padding-left: 8px;
padding-right: 0px;
float: right;
width: 191px;
height: 180px;
background: url("images/search.jpg");
background-repeat: no-repeat;
color: #ffffff;
font: 70%/1.5 Arial, Verdana, Helvetica, sans-serif;
font-weight: bold;
}



#caduceus{
position: relative;
padding: 0;
margin: 0;
float: right;
}


/* This is for the products and services section to imitate table behavior */

div.float {
  float: left;
  }
  
div.float p {
   text-align: center;
   }
   
  div.spacer {
  clear: both;
  }

.bx {
position: relative;
height: 100%;
	padding: 0.2em;
	margin:  1em;
	border:0;
	color: #000000;
	background-color: #ffffff;
	font: 90%/1.5 Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}


.bx2 {
position: relative;
        height: 100%;
      	padding: 0.2em;
        margin: 1em;
	border:0;
	color: #000000;
	background-color: #ffffff;
        font: 100% Verdana, Arial, Helvetica, sans-serif;
	
	
}