body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #222222;
width:100%;
height:100%;
/*so IE % works*/
margin:0;
padding:0;
border:none;
text-align: left;
background-color:#eeeeee;
 }
/*generic styles start*/

h1 {
font-size: 22px;
 }
h2 {
font-size: 19px;
color:#555555;
}
h3 {
font-size: 16px;
color:#333333;
font-weight: normal;
 }
h4 {
font-size: 14px;
 }
h5 {
font-size: 12px;
 }
h6 {
font-size: 10px;
 }
p {
margin:0;
padding:0;
 }
#content p {
margin:0;
padding:0;
line-height: 25px;
width:100%;
 }
.light {
color:#999999;
 }
hr.light {
height:1px;
color:#999999;
background-color:#999999;
border:0;
 }
a:visited {
color: #663399;
text-decoration: none;
position: relative;
 }

a:hover {
color: #ff9900;
text-decoration: none;
 }
a {
color: #ff9900;
text-decoration: none;
 }
#contentwrapper a:visited {
color: #663399;
text-decoration: none;
position: relative; }

#contentwrapper a {
color: #ff6600;
text-decoration: none;
 }


#micronav a {
color:#555555;
 }
#navh li a {
color:#555555;
 }
#navv li a {
color:#555555;
 }
#navv li a:hover {
color:#ff9900;
 }
.orange a:visited {
text-decoration: none;
position: relative;
 }
.orange a:hover {
color: #ff9900;
text-decoration: none;
 }
.orange a {
color: #ff9900;
text-decoration: none;
 }
/*generic deep styles start*/
.bottom {
padding-bottom:25px;
 }
.border {
border: 1px #dddddd solid;
 }
.imgborder {
border: 3px #dddddd solid;
margin:10px 0px;
 }
.center {
text-align: center;
 }
.left {
text-align:left;
 }
.huge {
color:#555555;
font-size: 18px;
text-align:left;
font-weight: bold;
 }
.big {
color:#222222;
font-size: 14px;
text-align:left;
 }
.wee {
font-size: 10px;
text-align:left;
 }
.tiny {
font-size: 8px;
text-align:left;
 }
.message {
color: #33cc33;
font-size: 14px;
text-align:left;
 }
.warning {
color:#F60;
font-size: 14px;
text-align:left;
 }
.error {
color: #ff0000;
font-size: 16px;
text-align:left;
 }
.orange {
color: #ff9900;
font-size: 10px;
font-weight: normal;
 }
#title .orange  {
color: #777777;
text-decoration: none;
}
/*generic deep form and data styles start
*/
button {
text-align: center;
background-color:#eeeeee;
vertical-align: middle;

}
.label {
color: #aaaaaa;
font-size: 10px;
vertical-align:top;
 }
.head {
border:#666666 solid 1px;
background-color:#aaaaaa;
color:#ffffff
 }
button.tiny {
height:18px;
padding:0px 2px 0px 2px;
 }
button.wee {
height:24px;
padding:0px 4px 0px 4px;
}
button.big {
height:30px;
padding:0px 4px 0px 4px;
}
button.released {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.pressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color:#444444;
border-top:2px inset #bbbbbb;
border-left:2px inset #bbbbbb;
border-right:3px inset #cccccc;
border-bottom:3px inset #dddddd;
background-color: #dddddd;
 }
button.dispressed {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee;
 }
button.disreleased {
height:34px;
text-align:center;
font-size:11px;
vertical-align:middle;
color: #ff6600;
border-top:2px outset #dddddd;
border-left:2px outset #bbbbbb;
border-right:3px outset #cccccc;
border-bottom:3px outset #bbbbbb;
background-color: #eeeeee; }
table {
vertical-align:top;
border-collapse: collapse;
 }
td {
text-align:left;
vertical-align:top;
padding: 0.25em;
 }
textarea {
border:2px solid #999999;
background-color:#eeeeee;
padding:6px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
 }
form {
border:none;
padding: 0;
margin: 0;
 }
#searchform {
position:absolute;
top:155px;
width:200px;
height:22px;
right:1px;
visibility: visible;
padding:0;
z-index:100;
border: 0px none #888;
 }
#searchfield {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin:0;
border:1px solid #888;
padding:2px 2px 2px 2px;
vertical-align:bottom;
 }
#searchbutton {
font-size:12px;
color:#666666;
width:43px;
height:20px;
margin:0;
text-align:center;
vertical-align:top;
padding:0px 2px 0px 2px;
background-color:#eeeeee;
 }
.tight td {
text-align:left;
vertical-align:top;
padding: 0;
margin: 0;
 }
.visible td {
text-align: left;
vertical-align: top;
padding: 0.25em;
border: 1px solid #ADB9CC;
 }
/* bottom layer container styles start
*/
#page {
position:absolute;
margin:0px;
padding:0px;
width:100%;
height:100%;
background-color: #ffffff;
 }
#pagef {
position:relative;
margin:auto;
width:900px;
 }
#topshadow {
position:absolute;
top:0px;
left:0px;
width:900px;
height:40px;
background:#ffffff url(images/ao_topshadow.jpg) no-repeat;
z-index:1;
 }
#midshadow {
position:absolute;
top:40px;
left:0px;
width:900px;
height:580px;
background:#ffffff url(images/ao_middleshadow.jpg);
z-index:1;
 }
#botshadow {
position:absolute;
top:600px;
left:0px;
width:900px;
height:40px;
background:#ffffff url(images/ao_botshadow.jpg) no-repeat;
z-index:16;
 }
#topshadowsm {
position:absolute;
top:0px;
left:0px;
width:100%;
height:40px;
background:#ffffff url(images/ao_topshadowsm.jpg) repeat-x;
z-index:9;
 }
#topleftcorner {
position:absolute;
top:0px;
left:0px;
width:40px;
height:40px;
background:#ffffff url(images/ao_topleftcorner.jpg) no-repeat;
z-index:10;
 }
#toprightcorner {
position:absolute;
top:0px;
right:0px;
width:40px;
height:40px;
background: url(images/ao_toprightcorner.jpg) no-repeat;
z-index:10;
 }
#botleftcorner {
position:absolute;
left:0px;
width:40px;
height:60px;
background: url(images/ao_botleftcorner.jpg) no-repeat;
z-index:80;
 }
#botrightcorner {
position:absolute;
right:0px;
width:40px;
height:60px;
background: url(images/ao_botrightcorner.jpg) no-repeat;
z-index:80;
 }
#botshadowsm {
position:absolute;
left:0px;
width:100%;
height:60px;
background: #eeeeee url(images/ao_botshadowsm.jpg) repeat-x;
z-index:10;
 }

#leftshadowsm1 {
position: absolute;
top:0px;
left:0px;
height:100%;
width:40px;
background-image: url( images/ao_leftshadowsm.jpg);
z-index:8;
background-repeat: repeat;
 }
#rightshadowsm1 {
position: absolute;
top: 0px;
right:0px;
height: 100%;
width: 40px;
background-image: url( images/ao_rightshadowsm.jpg);
z-index:8;
background-repeat: repeat;
 }
/*styling for wrapper with expanding borders starts here
credit--Big John and Holly Bergevin--
*/
#contentmain {
float:left;
width:90%;
margin-left:5%;
background-color: #ffffff;
border:0px;
 }
#contentmainf {
float:left;
width:90%;
margin-left:5%;
background-color: #ffffff;
 }
* html #contentmain {
display: inline;
 }
* html #contentmainf {
display: inline;
 }
#leftshadowsm {
float:left;
width:40px;
border:0px;
background-image: url( images/ao_leftshadowsm.jpg) ;
margin-left:0px;
background-color: #ffffff;
 }
#rightshadowsm {
float:right;
width:40px;
border:0px;
background-image: url( images/ao_rightshadowsm.jpg) ;
background-color: #ffffff;
 }
#navbg {
float:left;
width:150px;
background:#f6f4ea;
margin:0px;
padding:0px;
border-right:1px #dddddd solid;
 }
#content {
float:left;
width:560px;
font-size: 12px;
font-style: normal;
line-height: 18px;
font-weight: lighter;
color: #555555;
margin:40px 0px 10px 50px;
text-align: justify;
 }
/* Start Mac IE5 filter \*/
#contentmain, #leftshadowsm, #rightshadowsm,#navbg,#content {
padding-bottom: 32767px !important;
margin-bottom: -32767px !important;
 }
/* End Mac IE5 filter */
.main {
float: left;
width:100%;
overflow: hidden;
background-color:#ffffff;
margin:auto;
display: inline-block;
 }

#main {
float: left;
width:100%;
overflow: hidden;
background-color:#ffffff;
margin:auto;
display: inline-block;
 }
.main:after {
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
 }
#main:after {
content: '[DO NOT LEAVE IT IS NOT REAL]';
display: block;
height: 0;
clear: both;
visibility: hidden;
 }
* > #footer, * > form, * > #notes, * > .output {
position: relative;
z-index: 1000;
color: #eb7605;
 }
/*styling for wrapper with expanding borders ends here
*/
/*content block styles start*/
#header {
position:relative;
height:185px;
width:100%;
visibility: visible;
background: #ffffff;
overflow: hidden;
padding:0px;
margin-top:30px;
color: #eb8f00;
background-color: #ffffff;
border-bottom:#999999 solid 1px;
 }
#headerf {
position:relative;
height:166px;
width:100%;
visibility: visible;
background: #ffffff;
margin-top:28px;
overflow: hidden;
color: #eb8f00;
 }
#assaytitle {
position: absolute;
left:40px;
top: 26px;
background: url(images/logo_small.jpg) no-repeat;
width:420px;
height:85px;
z-index: 4;
 }
#assaytitlef {
position: absolute;
left: 40px;
top: 26px;
background: url(images/assay_logo.jpg) no-repeat;
width:420px;
height:85px;
z-index: 4;
 }
#stamps {
float:right;
width:350px;
height:180px;
background: url(images/castle_small.jpg) no-repeat;
 }
#stampsf {
position:absolute;
top:8px;
left:440px;
width:350px;
height:180px;
z-index:1;
visibility: visible;
background: url(images/castle.jpg) no-repeat;
 }


#menubarf {
position:absolute;
left:0px;
top:145px;
width:810px;
height:30px;
z-index:1;
visibility: visible;
background: url(images/nav_bar.jpg) repeat-x;
overflow: hidden;
 }
#menubar {
position:absolute;
left:0px;
top:124px;
width:100%;
height:30px;
z-index:3;
visibility: visible;
background: url(images/nav_bar.jpg) repeat-x;
 }
#mainf {
position:absolute;
width:835px;
height:572px;
top:32px;
left:32px;
z-index:20;
 }
#contentf {
position:absolute;
width:570px;
height:280px;
top:240px;
left:230px;
z-index:5;
padding:10px;
visibility: inherit;
 }
#contentwrapper {
position:relative;
padding:0px 10px 30px 10px;
width:100%;
visibility: visible;
overflow: visible;
background-color:#ffffff;

 }
#contentwrapperf {
float:left;
padding:0px;
width:100%;
border: 1px #bbbbbb solid;
display: inline-block;
z-index:2000;
 }
#footer {
position:relative;
/* Needed for Safari */
height:60px;
width:100%;
visibility: visible;
margin: 0px;
z-index:10;
clear:both;
 }

#footercon {
position:relative;
width:90%;
height: 16px;
top:6px;
left:5%;
padding-bottom:1px;
z-index:10;
border: #cccccc solid 1px;
background-color: #eeeeee;
 }
#footerconf {
position:relative;
width:810px;
height: 16px;
top:6px;
left:45px;
padding-bottom:1px;
z-index:10;
border: #cccccc solid 1px;
background-color: #eeeeee;
 }
.content1 {
font-size: 11px;
font-style: normal;
line-height: 18px;
font-weight: lighter;
color: #555555;
}
#deepf {
position:relative;
width:140px;
padding:10px;
margin:auto;
top:620px;
z-index:20;
 }
#deep {
position:relative;
float:right;
padding:0px 10px 0px 0px;
 }
#copyright {
float:left;
padding:0px 0px 0px 10px;
 }
#terms {
float:left;
padding:0px 0px 0px 10px;
 }
#contact {
float:right;
padding:0px 10px 0px 0px;
 }
/*navigation list styles start*/
#navv {
/*same as navl ul*/
 margin:0;
/*zeroed for IE*/
	padding:0;
/*zeroed for IE*/
	list-style-type:none;
;
/*to make sure it is allways in front*/
 }
#navv li {
text-align:center;
width:150px;
display: block;
/*to get ul and ul li ul overlap for hover as IE does not support padding as part of box*/
/*to prevent IE showing hover background*/
margin: 0;
/*zeroed for IE*/
padding:10px 0px 0px 0px;
padding-top:25px;
background-color:#f6f4ea;
 }
#navv li img {
border-style:hidden;
/*hide <a> highlighted borders firefox*/
border:none;
/*hide <a> highlighted borders IE*/
padding:0px 10px 0px 0px;
margin:0px;
 }

#navh {
/*same as navl ul*/
	position: absolute;
height:30px;
margin:0;
/*zeroed for IE*/
	padding:0;
/*zeroed for IE*/
	list-style-type: none;
z-index:5000;
/*to make sure it is allways in front*/
 }

.navh {
top:125px;
left:20px;
width:100%;
 }
.navhf {
top:146px;
left:16px;
width:800px;
 }
#navh li {
display: block;
float:left;
height:16px;
/*to get ul and ul li ul overlap for hover as IE does not support padding as part of box*/
 text-align: center;
font-size: 12px;
color:#555555;
z-index:20;
padding:0px;
background:none;
/*to prevent IE showing hover background*/
 margin: 0px;
/*zeroed for IE*/
 }
.navhf li {
padding : 0px 15px 0px 15px ;
width:120px;
 }
.navh li {
padding : 0px  ;
width:15%;
 }
#navh li img {
border-style:hidden;
/*hide <a> highlighted borders firefox*/
	border:none;
/*hide <a> highlighted borders IE*/
 }
#navmicro {
position:absolute;
z-index:7;
width:100px;
top:9px;
left:770px;
color:#999999;
z-index:200;
 }
/*data block styles start
*/
#title {
position: absolute;
left: 5px;
top: 155px;
background-repeat: no-repeat;
padding:0px 10px 0px 10px;
width:80%;
height:19px;
z-index: 10;
 }
