/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
 margin: 0;
 padding: 1px;
 width: 150px;
 font-family: Garamond;
 margin-left: 3px;
 list-style: none;
 background: #FFFFFF url(listmenu_o.gif) left repeat-y;
 border: 1px solid #654;
 filter:alpha(opacity=55);
	 opacity:.55;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 0;
 left: 145px;
 width: 150px;
 }

/* All menu items (<li> tags) are relatively positioned (to correctly offset submenus). */
.menulist li {
 position: relative;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px 4px 3px 25px;
 color: transparent;
 text-decoration: none;
 font-family: Garamond;
 border: 1px solid transparent;
 font-size: 16px;

}
/* IE fix because it doesn't support transparent borders */
* html .menulist a {
 border: none;
 margin: 1px;
}

/*
 Lit items: hover/focus = the current item. 'highlighted' = parent items to visible menus.
 Here, active items are given a border, and a padding tweak to 'elevate' the text within.
 Feel free to use background-image:url(file.gif) instead of background-color:#nnn here...
*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #FFF;
 background-color: #00A54E;
 padding: 2px 5px 4px 20px;
 border: 1px solid transparent;
 margin: 0;
 }
.menulist a.highlighted {
 color: #FFF;
 background-color: #00A54E;
 border: 1px solid transparent;
 margin: 0;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/


/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
 float: right;
 
}

/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
 float: left;
 height: 1%;
}
* html .menulist a {
 height: 1%;
}

body { 
background-color: #FFFFFF; 
}


#navbar {
width: 205px; 
height: 338px; 
background-color: #FFFFFF; 
border: 0px;
margin-left: 0px; 
background:  url(images/navbar.gif) no-repeat;
position: absolute; top: 155px; left: 0px;
z-index: 3;
} 

#style {
width: 203px; 
height: 75px; 
background-color:#FFFFFF; 
border: 0px;
margin-left: 0px; 
position: absolute; top: 490px; left: 2px;
z-index: 2;
} 

.count{
text-indent:2em;}

#counter {
width: 200px; 
height: 40px; 
background-color:#FFFFFF; 
border: 0px;
margin-left: 0px; 
position: absolute; top: 410px; left: 2px;
} 

#site
{
width: 55px; 
height: 21px; 
background-color:transparent;
border: 0px;
margin: 0px; 
position: absolute; top: 126px; left: 865px;
z-index: 3;
}

#flashbanner {width: 920px; height: 124px;  background: #FFFFFF; margin-left: 0px; position: absolute; top: 0px; left: 0px;
  z-index: 2;}

#banner {width: 920px; height: 124px;  background: #FFFFFF url(images/banner.png) left repeat-y; border: 0px; margin-left: 0px; position: absolute; top: 0px; left: 0px;
  z-index: 3;}



div#bar
{width: 920px; 
height: 28px;
position: absolute; top: 124px; left: 0px;
 z-index: 4;}


#content {
width: 925px; 
border: 0px; 
font-family: Garamond;
font-size: 16px;
overflow:visible;
position: absolute; top: 154px; left: 0px;
  z-index: 2;
  background-color: #FFFFFF;
scrollbar-face-color : #FFFFFF; 
scrollbar-highlight-color : #F5F8EC; 
scrollbar-3dlight-color : #F5F8EC;
scrollbar-darkshadow-color : #002809;  
scrollbar-arrow-color: #003300;   
scrollbar-shadow-color : #CCCCCC;   
scrollbar-track-color: #FFFFFF;
}

div#block{
width: 210px; 
height: 480px; 
background-color: transparent; 
border: 0px;
margin-left: 0px;
float:left;

}

div#block2{
width: 220px; 
height: 800px; 
background-color: transparent; 
border: 0px;
margin-left: 0px;
float:left;

}

div#block3{
width: 240px; 
height: 450px; 
background-color: transparent; 
border: 0px;
margin-left: 0px;
float:left;

}

div#footshort{
width: 921px; 
height: 28px;
position: absolute; bottom:0px; left:0px;
}

.footer{
margin-right: 0px;
margin-bottom:0px;
}

#world {
width: 139px; 
height: 33px;
background-image:url(images/worldpay.gif);
background-repeat:no-repeat;
background-color: transparent; 
border: 0px;
margin-left: 0px;
position:absolute; top: 420px; left: 0px;
z-index:5;

}

iframe#ifrm { width:700px;
height: 900px;
overflow:visible; }


#left {

background-color: #FFFFFF;
margin-left:0px;
width:100%;
font-family: Garamond;
font-size: 15px;
z-index:7;
}
.tabmed2{width:360px;
background-color: #ECECEC;
}
.tabmed9{width:360px;
background-color: #ECECEC;
}
.tabmed3{width:360px;
background-color: #ECECEC;
}
.tabmed{width:520px;
margin:0px;}
.tab {width:40%}
.tabmed5{width:480px;
margin-left:10px;}
.tabmed6{width:350px;
background-color: #ECECEC;}
.pat{
margin-right: 30px;}

#right {
margin-left:200px;
background-color: #ECECEC; 
font-family: Garamond;

font-size: 15px;
z-index:7;
 filter:alpha(opacity=55);
	 opacity:.55;
	
	 }

#path3 {
width: 340px; 
height: 500px; 
background-color: #FFFFFF;
float:left; 
font-family: Garamond;
font-size: 15px;

}

#path4 {
width: 360px; 
height: 500px; 
background-color: #ECECEC; 
font-family: Garamond;
font-size: 15px;
 border: 0px;
 position:absolute; left:562px; top:0px;
 filter:alpha(opacity=55);
	 opacity:.55;
	
	 }
	 
	 #path5 {
width: 320px; 
height: 500px; 
background-color: #FFFFFF; 
font-family: Garamond;
font-size: 15px;
position: absolute; top: 200px; left: 0px;

}

#path6 {
width: 364px; 
height: 500px; 
background-color: #ECECEC; 
font-family: Garamond;
font-size: 15px;
position: absolute; top: 200px; left: 320px;
 border: 0px;
 filter:alpha(opacity=55);
	 opacity:.55;
	
	 }
	 
p {
	margin-left: 5px;
	margin-right: 5px;
	text-align: justify;
	margin: 10px;
	page-break-inside:avoid;
	text-indent:0.5em;}

div#strass
{
margin-left: 10px;
color: #008000;
}

div#sitemap
{
width: 320px; 
height: 500px; 
background-color: #FFFFFF; 
font-family: Garamond;
font-size: 15px;
float: left;
}


div#indent
{
margin-left: 10px;
}

form#contact { 
 background-color: #FFFFFF; 
 color: #FFFFFFF; 
 border: 1px solid #FFFFFFF; 
 font-family: Garamond; 
 font-size: 14px; 
 text-align: center;
 width:550px;
 height:320px;
 text-align: center;
 background-image:url(images/formbg.gif);
 background-repeat:no-repeat;
}

#contact .text { 

 font-family: Garamond; 
 font-size: 14px; 
 width: 200px; 
  text-align: center;
margin-left: 0px;
 background-color:#FFFFFF; 

}

#contact .textarea { 
 font-family: Garamond; 
 font-size: 14px;
 margin-left: 0px; 
 background-color:#FFFFFF;

}

#contact .buttons { 
 font-family: Garamond; 
 font-size: 14px;
 width:50px; 
 height:25px;
 background-color: #008000; 
 color: #FFFFFF; 

}

.class2 A:link {text-decoration: none; color:#006633;}
.class2 A:visited {text-decoration: none; color:#CCCCCC;}
.class2 A:active {text-decoration: none; color:#006633;}
.class2 A:hover {text-decoration: underline; color:#66CC66;}


#botbar2
{
width: 921px; 
height: 28px;
position:absolute; top:500px; left:0px;

}

form#prod { 
 background-color: #FFFFFF; 
 color: #FFFFFFF; 
 border: 1px solid #FFFFFFF; 
 font-family: Garamond; 
 font-size: 14px; 
 text-align: center;
 width:700px;
 height:520px;
 text-align: center;
 background-image:url(images/prodbg.gif);
 background-repeat:no-repeat;
}

#prod .text { 

 font-family: Garamond; 
 font-size: 14px; 
 width: 200px; 
  text-align: center;
margin-left: 0px;
 background-color:#FFFFFF; 

}

#prod .textarea { 
 font-family: Garamond; 
 font-size: 14px;
 margin-left: 0px; 
 background-color:#FFFFFF;

}

#prod .buttonc { 
 font-family: Garamond; 
 font-size: 14px;
 width:100px; 
 height:25px;
 background-color: #008000; 
 color: #FFFFFF; 

}

#prod .buttons { 
 font-family: Garamond; 
 font-size: 14px;
 width:140px; 
 height:25px;
 background-color: #008000; 
 color: #FFFFFF; 

}

.medicol1 {
    margin-left: 5px;
	margin-right: 400px;
	text-align: justify;
	page-break-inside:avoid;
	text-indent:0.5em;
	float:left;
}

.medicol2 {
    margin-left: 530px;
	margin-right:0px;
	text-align: justify;
	page-break-inside:avoid;
	text-indent:0.5em;
	float:right;
}

.widm{
margin-left:215px;
width:445px;}

.wid{
margin-left:190px;
width:460px;}

.wid2{
margin-left:215px;
width:670px;}


.metasyn{
margin-top:15px;
margin-right:25px;}