body { 
	margin: 0px;
	padding: 0px; 
	font-family: Trebouchet, Arial, Helvetica, sans-serif;
}
p {
!important;	font-size: 95%;
	line-height: 133%;
/*	font-family: Verdana, Arial, Helvetica, sans-serif;*/
	color: #000000;
	font-weight: bold;
	text-align: center;
}
h1,h2,h3 {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
acronym { background-color: #D2F0FF; }

#extraDiv1 { position: absolute; left: 0px; top: 0px; z-index: 1; width: 100%; height: 51px; background: url(images/header_bg.gif) left top repeat-x; }
#pageHeader h1 { position: absolute; left: 10px; top: 5px; z-index: 2; width: 237px; height: 176px; margin: 0px; padding: 0px; background: url(../../img0.gif) no-repeat left top; }
#pageHeader h1 span,#pageHeader h2 { position: absolute; left: -9999px; }

#container { 

/*	margin: 1px 0px 0px 237px; */
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	padding-top: 2px; }

#quickSummary { margin-left: 34px; padding-left: 30px; width: 425px !important;width /**/:455px; background: url(images/arrow.gif) left top no-repeat; }
#quickSummary p { margin: 0px 0px 5px 0px; padding: 0px; }

#main {
	margin: 20px 0px 0px 30px;
	width: auto;
	background-image: none;
	background-repeat: no-repeat;
}
#main p {
	margin: 5px 0px 5px 20px;
	padding: 0px;
	font-size: 80%;
}

#supportingText { margin: 25px 0px 0px 30px; width: 458px; background: url(images/leaf.gif) right top no-repeat; }

#explanation {
	margin-bottom: 20px;
	float: right;
}
#explanation h3 { width: 458px; height: 0px !important;height /**/:24px; padding: 24px 0px 0px 0px; background: url(images/tit_02.gif) left top no-repeat; display: block; overflow: hidden; }
#explanation p { margin: 5px 0px 5px 20px; padding: 0px; }

#participation { margin-bottom: 20px; }
#participation h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 24px; background: url(images/tit_03.gif) left top no-repeat; display: block; overflow: hidden; }
#participation p { margin: 5px 0px 5px 20px; padding: 0px; }

#benefits {
	margin-bottom: 20px;
	padding-left:20px;
	/*!important;font-size: 80%;*/
	font-weight: bold;
	list-style-type: none;
	list-style-position: inside;
	text-align: left; 
}
#benefits h3 {
	font-style: oblique;
	font-size: 105%;
	font-weight: bold;
	color: #017086;
	margin: 20px 20px 10px 20px;
	text-align: left;
}
#benefits h4 {
	
	font-size: 100%;
	font-weight: bold;
	color: #017086;
/*	margin: 20px 20px 10px 20px; */
	text-align: left;
}
#benefits p {
	margin: 5px 0px 5px 20px;
	padding: 0px;
	text-align: justify;
}
#benefits td {
	font-size: 85%;
}
#requirements { margin-bottom: 20px; }
#requirements h3 { width: 458px; height: 0px !important;height /**/:24px; padding-top: 24px; background: url(images/tit_05.gif) left top no-repeat; display: block; overflow: hidden; }
#requirements p { margin: 5px 0px 5px 20px; padding: 0px; }

#footer {
	 margin: 0px 0px 20px 20px; font-size: 10px; 
	!important;font-size: 70%; 
	font-family: Arial, Helvetica, sans-serif;
}

#linkList { position: absolute; left: 13px; top: 156px; width: 175px; height: 800px; background: url(../../images/EEZingLogo_Small.jpg) no-repeat 40px bottom; }

#lselect { width: 212px; height: 205px; background: url(../../images/EEZingLogo_Small.jpg) no-repeat 40px bottom; /*background: url(images/list_bg.gif) left top repeat-y;*/ }
#lselect h3 { background: url(images/select_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:35px; padding-top: 35px; display: block; overflow: hidden; }
#lselect ul { margin: 0px; padding: 0px 0px 0px 4px; list-style-type: none; font-size: 10px; !important;font-size: 70%;  /*font-family: Arial, Helvetica, sans-serif;*/ }
#lselect li {
	/* padding: 13px 5px 13px 5px; */
	padding: 5px 5px 5px 5px;
	margin: 0px; width: 196px !important;width /**/:206px;
	text-align: center; 
	border-top-width: 3px;
	border-bottom-width: 1px;
	border-top-style: solid;
	  /* border-bottom-style: solid;*/
	border-top-color: #017086;
	border-bottom-color: #FFFFFF;
	display: block;
}
#lselect2 li:hover {
	color: #3366CC;
	background-color: #fff;
	font-weight: bold;	
}
#lselect2 { width: 212px; background: url(images/list_bg.gif) left top repeat-y; }
#lselect2 h3 { background: url(images/select_tit.gif) left top no-repeat; width: 212px; height: 0px !important;height /**/:35px; padding-top: 35px; display: block; overflow: hidden; }
#lselect2 ul {
	margin: 0px;
	padding: 0px 0px 0px 4px;
	list-style-type: none;
!important;	font-size: 80%;  font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-variant: small-caps;
	color: #DADADA;
}
#lselect2 li { padding: 5px 5px 5px 5px; margin: 0px; width: 196px !important;width /**/:206px; text-align: center; border-top-width: 2.5px; border-bottom-width: 1px; border-top-style: solid; /*border-bottom-style: solid;*/ border-top-color: #78A5AD; /**/border-bottom-color: #FFFFFF; display: block; }

#pageHeader {
	background-image: url(../../images/proteez_logo_tr_2.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
	padding: 10px;
	margin: 10px;
}
#pageheader h2 {
	font-size: 110%;
	font-weight: bold;
	color: #017086;
	font-variant: small-caps;
	text-align: center;
}
/*#container #intro #main ul { */
#container #main ul {
	text-align: center;
	list-style-image: none;
	list-style-type: none;
	color: #000000;
	font-weight: bold;
	font-size: 85%;
}
#container #intro #benefits #uses {
	float: left;
}
#container #intro #benefits #enhancements {
	float: left;
}
#container #intro #main ul {
	text-align: center;
}
#container #intro h1 {
	/*font-family: Geneva, Arial, Helvetica, san-serif;*/
	font-size: 110%;
	font-weight: bold;
	color: #017086;
	font-variant: small-caps;
	text-align: center;
}
#info {height:400px;} /* lNav wrapper */
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.lNav, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:25em; display:block; overflow:hidden; background:#ffffff; width:14em; text-align:center; color:#fff;}
ul.lNav {margin:0 auto;}

ul.lNav table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
/*ul.lNav ul {margin-left:1em;}
ul.lNav li {text-indent:0.5em;}*/
ul.lNav li.drop {margin-bottom:-2px;}
ul.lNav li a, 
ul.lNav li a:visited {display:block; width:14em; line-height:1em; text-decoration:none; background:#DCEDED color:#000000;} /* took off height:3em */
ul.lNav li a.last, 
ul.lNav li a.last:visited {display:block; width:14em; height:14em; line-height:2em;}

ul.lNav li ul {display:none;}
ul.lNav li:hover a, 
ul.lNav li a:hover {border:0; color:#00c; font-weight:bold;}
ul.lNav li:hover ul, 
ul.lNav li a:hover ul {display:block; height:6em; width:16em; margin-top:-1px;}
ul.lNav li:hover ul li a, 
ul.lNav li a:hover ul li a {height:2em; color:#00c; font-weight:normal;}
ul.lNav li:hover ul li:hover a, 
ul.lNav li a:hover ul li a:hover {background:#F1F8F8; color:#000;}
/* Classes */
.coReg {
	!important;font-size: 80%;
	font-style: oblique;
	text-align: center;
}
.floatLeft { 
    float: left; 
    margin: 4px; 
}
.floatRight { 
    float: right; 
    margin: 4px; 
}
img.news {
padding: 6px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-bottom: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
display:block;
margin-left:auto;
margin-right:auto;
} 
