/* Shared Layer Styles ------------------------------------------------------- */

body {
}

a:link {
	color: #990099;
}

a.visited {
	color: #990099;
}

a:active {color: #990099;
}

div#page {
	position:absolute;
	width:936px;
	height:800px;
	top:0px;
	left:0px;
	z-index:1;
	margin-top: 0px;
	margin-left: 0px;
	vertical-align: top;
}

div#pgTitle {
	position:absolute;
	width:563px;
	height:25px;
	top: 210px;
	left: 370px;
	z-index:5;
}

div#leftBG {
	position:absolute;
	width:268px;
	height:800px;
	top:0px;
	left:0px;
	z-index:1;
	vertical-align: top;
	background-image: url(images/ZyFlex_Left_BG.jpg);
}

div#coverBG {
	position:absolute;
	width:668px;
	height:800px;
	top:0px;
	left:268px;
	z-index:1;
	vertical-align: top;
	background-image: url(images/ZyFlex_Main_BG.jpg);
}


div#homeBG {
	position:absolute;
	width:668px;
	height:800px;
	top:0px;
	left:268px;
	z-index:1;
	vertical-align: top;
	background-image: url(images/ZyFlex_Main_BG.gif);
}

div#techBG {
	position:absolute;
	width:936px;
	height:800px;
	top:0px;
	left:0px;
	z-index:1;
	vertical-align: top;
	background-image: url(images/science_bg1.jpg);
}

div#subBG {
	position:absolute;
	width:668px;
	height:800px;
	top:0px;
	left:268px;
	z-index:1;
	vertical-align: top;
	background-image: url(images/ZyFlex_Main_BG.gif);
}

div#profile {
	position:absolute;
	width:668px;
	height:598px;
	top:184px;
	left:268px;
	z-index:1;
	vertical-align: top;
}

div#navTop {
	position:absolute;
	width:246px;
	top: 372px;
	left: 0px;
	z-index:1;
	visibility:visible;
}

div#hmImage {
	position:absolute;
	width:641px;
	height:549px;
	z-index:2;
	visibility:visible;
	top: 209px;
	left: 268px;
}

div#cornerImage {
	position:absolute;
	width:246px;
	height:343px;
	top: 0px;
	left: 0px;
	z-index:1;
}

div#rightImage {
	position:absolute;
	width:118px;
	height:118px;
	top: 70px;
	left: 780px;
	z-index:1;
}

div#rightImage15 {
	position:absolute;
	width:118px;
	height:118px;
	top: 100px;
	left: 780px;
	z-index:1;
}


div#indexLogo {
	position:absolute;
	width:500px;
	height:106px;
	top: 52px;
	left: 295px;
	z-index:1;
}

div#indexTitle {
	position:absolute;
	width:371px;
	height:25px;
	top: 156px;
	left: 418px;
	z-index:5;
	color: #2C3F9D;
	font-size: 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#subLogo {
	position:absolute;
	width:378px;
	height:80px;
	top: 80px;
	left: 295px;
	z-index:1;
}

div#secName {
	position:absolute;
	width:26px;
	height:189px;
	top: 0px;
	left: 220px;
	z-index:1;
}



div#hmTitle {
	position:absolute;
	width:588px;
	height:25px;
	top: 205px;
	left: 335px;
	z-index:5;
}

div#subCopy {
	position:absolute;
	width:600px;
	top: 248px;
	left: 296px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
}

div#subCopyTest {
	position:absolute;
	width:600px;
	top: 572px;
	left: 295px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
}


div#subCopy1 {
	position:absolute;
	width:600px;
	top: 245px;
	left: 296px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	height: 400px;
	overflow: auto;
	padding-right: 10px;
}

div#subCopyCE {
	position:absolute;
	width:620px;
	top: 245px;
	left: 296px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
}

div#loginBox {
	position:absolute;
	width:515px;
	top: 250px;
	left: 410px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
}

div#hepBox {
	position:relative;
	width:610px;
	height:190px;
	z-index: 3;
	background-image: url(images/secure_box4a.jpg);
}

div#hepBoxCopy {
	position:absolute;
	width:585px;
	height:50px;
	top: 5px;
	left: 12px;
	z-index: 4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
}

div#testimonialsImage {
	position:absolute;
	width:196px;
	height:297px;
	z-index:6;
	left: 295px;
	top: 251px;
}



/* Shared Type Styles ------------------------------------------------------- */


.subTitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
	font-style: normal;
	line-height: 26px;
	font-weight: bold;
	font-variant: normal;
	color: #2C3F9D;
	letter-spacing: 0.4mm;
}

.nav {
	font-family: Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.highlightCopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	color: #2C3F9D;
	font-weight: bold;
}

.highlightHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	color: #2C3F9D;
	font-weight: bold;
}

.homeHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	color: #2C3F9D;
	font-weight: bold;
}


.imageTitles {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	color: #006D81;
	letter-spacing: normal;
	word-spacing: .5mm;
}

.arrow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
}

.arrowLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #990099;
}

.wwrLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #990099;
}

.tenPt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.hepChart {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #006D81;
}



/* Navigation Styles ------------------------------------------------------- */


div.rollOver {
	background-color: #FFFFFF;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	border:none;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 1px;
	visibility: hidden;
}

div.rollOverOn {
	background-color: #FFFFFF;
	opacity:.50;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	border:none;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 1px;
}

div.rollOver1 {
	background-color: #B9BABE;
	opacity:.40;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	border:none;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 1px;
	visibility: hidden;
}

div.rollOverOn1 {
	background-color: #B9BABE;
	opacity:.40;
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	border:none;
	z-index: 10;
	position: absolute;
	left: 0px;
	top: 1px;
}

div.navBtn {
	z-index:30;
	position:absolute;
	border:none;
	left:4px;
	top:0px;
}

div.navText {
	width:246;
	z-index:25;
	position:absolute;
	border:none;
	left:0px;
	top:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	padding: 0px;
}

div.snavText {
	width:179;
	z-index:25;
	position:absolute;
	border:none;
	left:0px;
	top:0px;
}

div.m1 {position:absolute; width:246px; z-index:1; left: 0px; top: 0px;}
div.m2 {position:absolute; width:246px; z-index:1; left: 0px; top: 22px;}
div.m3 {position:absolute; width:246px; z-index:1; left: 0px; top: 44px;}
div.m4 {position:absolute; width:246px; z-index:1; left: 0px; top: 66px;}
div.m5 {position:absolute; width:246px; z-index:1; left: 0px; top: 88px;}
div.m6 {position:absolute; width:246px; z-index:1; left: 0px; top: 110px;}
div.m7 {position:absolute; width:246px; z-index:1; left: 0px; top: 132px;}
div.m8 {position:absolute; width:246px; z-index:1; left: 0px; top: 154px;}
div.m9 {position:absolute; width:246px; z-index:1; left: 0px; top: 176px;}
div.m10 {position:absolute; width:246px; z-index:1; left: 0px; top: 198px;}
div.m11 {position:absolute; width:246px; z-index:1; left: 0px; top: 220px;}
div.m12 {position:absolute; width:246px; z-index:1; left: 0px; top: 242px;}

div.s1 {position:absolute; width:179px; z-index:1; left: 0px; top: 0px;}
div.s2 {position:absolute; width:179px; z-index:1; left: 0px; top: 22px;}
div.s3 {position:absolute; width:179px; z-index:1; left: 0px; top: 44px;}
div.s4 {position:absolute; width:179px; z-index:1; left: 0px; top: 66px;}

div.navTop {position:absolute; width:246px; top:372px; left: 0px; z-index:1;}






/* Miscellaneous Styles ------------------------------------------------------- */

div#subCopyTop {
	position:absolute;
	width:630px;
	top: 245px;
	left: 296px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	padding-right: 10px;
}

div#subCopyBottom {
	position:absolute;
	width:630px;
	top: 421px;
	left: 296px;
	z-index:2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 127%;
	font-variant: normal;
	padding-right: 10px;
}
li {
	list-style-type: square;
}
