


A: {text-decoration: none; color: navy;} 
A:visited {text-decoration: none; color: navy;} 
A:hover {text-decoration: none;}
A:link {text-decoration: none; color: navy;}
A:active {text-decoration: none; color: #663300}
body { font-family: arial; font-size: 10pt; }
H1 {font-size: 400%; font-weight: normal;}
H2 {font-size: 375%; font-weight: normal;}
H3 {font-size: 250%; font-weight: normal;}
H4 {font-size: 160%; font-weight: normal;}
H5 {font-size: 145%; font-weight: normal;}
div {font-weight: normal; }
table {font-weight: normal; font-size: 10pt;}
p {}
uul {margin-left: 1em; margin-top:0; margin-bottom:0; }
uli {margin-left: 1em; list-style: outside;}
H6 {font-size: 80%; font-weight: normal;}
small {font-size: 80%; font-weight: normal;}
big {font-size: 120%; font-weight: normal;}
bHR {color:"#663300";} 

sub, sup {vertical-align: baseline; position: relative; font-size: 70%;}
sub {bottom: -0.6em;}
sup {top: -0.6em;} 


#none ul {margin-left:0.1em; padding-left:0.1em; margin-bottom:1em; margin-top:0.1em; list-style-type: none;}
#none ul ul{  margin-left:1em; padding-left:0.1em; margin-bottom:1em; list-style-type: none;}
#none ul ul ul{ margin-left:1.5em; padding-left:0.1em; margin-bottom:1em; list-style-type: none;}
#none ul ul ul ul{ margin-left:2em; padding-left:0.1em; margin-bottom:1em; list-style-type: none;}
#hook ul {list-style-image: url('hook.gif'); color:navy;   margin-left:0.1em; padding-left:0.1em; margin-bottom:1em;}
#hook ul ul {list-style-image: url('hook.gif'); color:navy;   margin-left:0.1em; padding-left:0.1em; margin-bottom:1em;}
#hook ul ul ul {list-style-image: url('hook.gif'); color:navy;   margin-left:0.1em; padding-left:0.1em; margin-bottom:1em;}
#hook ul ul ul ul {list-style-image: url('hook.gif'); color:navy;   margin-left:0.1em; padding-left:0.1em; margin-bottom:1em;}


.pageid {font-size:200%; color:gold; position:relative; top: -30; left:-20%;  visibility: hidden;} 
.menulink {color: darkorange;}

/* start styling hover image masks */


.zfcontainer {
position: relative; 
top: 0px; 
left: 0px; 
/* set an height attribute and set to largest image's height to prevent overlaying; FORMAT DIV*/
}

.zfimgbasis {
position: absolute; 
min-width:180%; /* to cure layout failure in IE; hasLayout issue?*/
margin-left: 260px; 
}


.zfimgbasisimg {
border:1px solid black; 
}

a.zfimgref { 
bbackground: #FDEEF4;
color: navy;
text-decoration:none;
border-bottom: 1px dotted navy;
}

.zfimgref span img{ /*CSS for new image; padding to compensate for image border in html*/
padding: 1px;
border:0;
margin:0;
}

a.zfimgref:hover span{ /*CSS for new image*/
visibility: visible;
top: 0;
left: 260px; /*position where new image should offset horizontally */
z-index: 50;
}

a span{ /*CSS for new image; FORMAT SPAN*/
background: none;
position: absolute;
ppadding: 0px;
left: -1000px;
visibility: hidden;
}

a span img{ /*CSS for new image; padding to compensate for image border in html*/
padding: 0px;
}


/* end styling hover image masks */



/* start styling page layout */

.centerbody {
height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; position:absolute;  width: 1024px; max-width:1024px;  left:50%; margin-left:-512px;  
border-right:1px solid #aaa; }

html {height:100%; max-height:100%; padding:0;margin:0; border:0; background:#fff; font-size:76%; ffont-family:georgia, palatino linotype, times new roman, serif;/* hide overflow:hidden from IE5/Mac */ /* \*/ overflow: hidden; /* */ }


#content {
overflow:auto; 
overflow-x:hidden; 
position:absolute; 
z-index:3;  top:75px;
bottom:0px;
left:250px; 
right:0;  
margin-left:10;  }* 

html #content {
top:0; left:0; right:0; bottom:0; 
height:100%; max-height:100%; width:100%; 
overflow:auto; 
position:absolute; 
z-index:3; 
border-top:150px solid red;  border-left:250px solid #fff;  margin-left:10;
}

#head {
position:absolute; margin:0; 
top:0; left:0; 
display:block; 
wwidth:100%; width:240px; height:190px;
background-position:0 0;   
z-index:5; 
overflow:hidden; 
background: #e1e1ff;
}

#head2 {
position:absolute; margin:0; padding-left:10px;
ttop:100px; top:0px; left:242px; display:block; width:100%; font-size:1em; z-index:5; overflow:hidden;
background: #f9f9f9; 
border-bottom:1px solid #aaa; }

#left {position:absolute; left:0; ttop:100px; top:0px; bottom:0px; height: 8000px; width:240px; z-index:4; overflow:hidden; 
background: #f9f9f9;
border-bottom: 1px solid #aaa; 
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;  }* 

html #left {height:100%; top:0; bottom:0; color:#fff;}

#content p {padding:10px;}
.bold {font-size:1.2em; font-weight:bold;}
dd {display:none;}
a.nav, a.nav:visited {margin-left:50px; display:block; width:100px; height:25px; background:#aaa; color:#eee; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:#000; color:#fff;}


.iframe {
height:900px;
border-bottom: 1px solid navy; 
border-left: 1px solid navy;
border-right: 1px solid navy;
background: #eeeeff;
 margin-left:-17px;
}


/* end styling page layout */



