body {
    background:#eef ;
    text-align:left;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#222;
    font-size:90%;
}

.normal     {
    color: #222;
    font-size: 90%;
    text-align: justify;
    line-height:130%;
    margin: 10px; }
    
.normal ul  { 
    color: #222;
    font-size: 90%;
    text-align: center;
    margin: 10px 10px 20px 10px; 
    }

.normal li  { 
    line-height: 200%;
    text-align: left;
}   
    
.smalline { 
    text-indent: 0;
    color: #333;
    font-size: 11px;
    text-align: center;
    line-height:16px;
    }
    

.others {   text-indent: 0;
    color: #333;
    font-size: 10px;
    text-align: center;
    line-height:14px;
}   
.others a:link  {  color: #333;   text-decoration: none; }
.others a:visited {  color: #444; text-decoration: none; }
.others a:active  {  color: #333; text-decoration: none; }
.others a:hover     {  color: #000;  text-decoration: none; }

.alignc { text-align: center;}

#divone{
    margin: auto;
    margin-top: 0;
    width: 770px;
    padding: 0;
    position: relative;
    top: 0;
    background: url(../images/midback.png) #fff top left no-repeat; 
    overflow:auto; 
}

#divonelong{
    margin: auto;
    margin-top: 0;
    width: 770px;
    padding: 0;
    position: relative;
    top: 0;
    background: url(../images/midback2.png) #fff top left no-repeat; 
    overflow:auto; 
}

#divonexl{
    margin: auto;
    margin-top: 0;
    width: 770px;
    padding: 0;
    position: relative;
    top: 0;
    background: url(../images/midback3.png) #fff top left no-repeat; 
    /* border: 1px solid #dfdfdf; */ 
    overflow:auto; 
}

#divonexxl{
    margin: auto;
    margin-top: 0;
    width: 770px;
    padding: 0;
    position: relative;
    top: 0;
    background: url(../images/midback4.png) #fff top left repeat-y; 
    /* border: 1px solid #dfdfdf; */ 
    overflow:auto; 
}

#divonefl{
    margin: auto;
    margin-top: 0;
    width: 770px;
    padding: 0;
    position: relative;
    top: 0;
    background: url(../images/midbackf.png) #fff top left repeat-y; 
    /* border: 1px solid #dfdfdf; */ 
    overflow:auto; 
}

#divtop{
    margin: auto;
    margin: 0px 5px 2px 8px;
    width: 755px;
    padding: 0;
    position: relative;
}
#divmid{
    margin: auto;
    margin: 0 5px 0 8px;
    width: 755px;
    padding: 0;
    position: relative;
    background: #eef; 
	overflow: auto; 
}

#divcontent{
    margin: auto;
    width: 500px;
    padding: 5px 10px;
    position: relative;
    float:left; 
}

#divcontent h1 {font-size: 160%; color: #0f0f87; }
#divcontent h2 {font-size: 140%; margin: 3px;  color: #0f0f87; }


#divnavigate{
    margin: auto;
    width: 210px;
    padding: 5px 5px 5px 5px;
/*  position: absolute;
    top: 0; left: 540px; */
    float:right; 
}

.navbutton {
    margin: 2px 2px 2px 2px;
    width: 180px;
    float:right;
    position: relative;
    background: url(../images/divone.png) #fff no-repeat; 
}

.navbutton a {
    display: block;
    height:35px;
    width: 130px;
    background: url(../images/buttonhv.png) 0 0 no-repeat ;
    font-size: 90%; 
    line-height: 35px; 
    padding-left: 30px; 
    padding-right: 20px; 
    overflow: hidden; 
    text-align:center;
    font-weight: 600; 
    color: #333;
    text-decoration: none; 
}

.navbutton a:visited {  color: #555; }
.navbutton a:active {  color: #f00;  }
.navbutton a:hover {  color: #000080; background-position: -185px 0}


.lnkpanel {
    margin: 3px 3px 3px 3px;
    width: 180px;
    float: left; 
}

a.lnkbutton {
    display: block;
    height:40px;
    width: 185px;
    background: url(../images/dbgrayblue.png) #fff 0 0 no-repeat ;
    font-size: 90%; 
    line-height: 40px; 
    padding-left: 0; 
    padding-right: 0; 
    overflow: hidden; 
    text-align:center;
    font-weight: 500; 
    color: #222;
    text-decoration: none; 
}

a.lnkbutton:visited {  color: #555; }
a.lnkbutton:active {  color: #f00;  }
a.lnkbutton:hover {  color: #ffffff; 
background: url(../images/dbgrayblue.png) #0000cc  -185px 0 no-repeat ;}


.divfull{
    width: 740px;
    margin:auto; 
    overflow: auto;
    position: relative;
    background: transparent; 
    font-size: 95%; 
}

.divshow{
    width: 740px;
    overflow: auto;
    position: relative;
    margin: auto; 
	background: transparent; 
    border: 1px solid #dfdfdf;
    
}

.divsplshow{
    width: 740px;
    overflow: hidden;
    position: relative;
	padding-top: 3px; 
    padding-left: 10px;
    padding-right:10px; 
	background: transparent; 
    margin:auto; 
}
    
#divbottom{
    width: 730px;
    overflow: auto;
    position: relative;
    background: url(../images/divbottom.png) #f2f2f2 top left repeat-x;
    font-size: 75%; 
    margin: auto; 
    padding: 15px 10px 10px 10px; 
}

#bottomscroll{
    width: 720px;
    margin: auto; 
    overflow: hidden;
    position: relative;
    padding-top: 11px; 
    padding-left: 10px;
    padding-right:10px; 
    background: url(../images/divbottom.png) #fff top left repeat-x;
}


.feedback { font-size: 90%;     margin: auto auto auto 3px;  }
.feedback h1 {font-size: 160%; margin: 3px;  color: #0f0f87; }

.feedback table
{
    border-collapse: collapse;
    text-align: left;
}

.feedback table th
{
    font-weight: 600;
    text-align: center; 
    padding: 0 0.7em;
}


.feedback table td
{
    padding: 0.9em 1.2em;
}


.feedback table tr.rowH
{
    color: #ddd;
    background: #0f0f87 url('../images/bar_fdbk.png') 100% 100% repeat-x;
    line-height: 220%; 
}

.feedback table tr.rowH2
{
    color: #ddd;
    background: #0f0f67 url('../images/bar_fdbk.png') 100% 100% repeat-x;
    line-height: 220%; 
}



.feedback table tr.rowone
{
    background: #fefefe url('../images/feedback.png') -900px 0 repeat-y;
    color: #222;
    line-height: 170%; 
    border-top: 1px dashed #ccc; 
}

.feedback table tr.rowtop
{
    background: #fefefe url('../images/feedback.png') -900px 0 repeat-y;
    color: #222;
    line-height: 170%; 
}


#lnkpanel {
    width: 736px;
    height: 226px;
    margin:auto; 
    margin-top: 2px;
    margin-bottom: 2px; 
    overflow: hidden;
    position: relative;
    background: url(../images/lnkhead.png) #f0f0f0 no-repeat ;    
    padding: 0 0 4px 5px; 
    border: 1px solid #dfdfdf;   
}

.lnkplate {
    margin: auto;
    width: 184px;
    padding-top: 26px;  
    float: left; 
    overflow: hidden;   
    /* border: 2px solid #f2f2f2;   */ 
}

.lnkbutton {
    display: block;
    height:25px;
    width: 141px;
	padding-left: 29px; 		
    overflow: hidden; 
    position: relative; 
}

.lnkbutton a {
    display: block;
    height:25px;
    width: 120px;

    background: url(../images/dbgrayblue.png)  0 0 no-repeat ;
    font-size: 11px; 
    line-height: 25px; 
    overflow: hidden; 
    text-align:center;
    font-weight: 500; 
    color: #111;
    text-decoration: none; 
    padding-left: 10px ; 	
    padding-right: 10px ; 	

}

.lnkbutton a:visited {  color: #222; }
.lnkbutton a:active {  color: #f00;  }
.lnkbutton a:hover {  color: #000000; background: url(../images/dbgrayblue.png)   -140px 0  no-repeat ;}


.newlnkbutton {
    display: block;
    height:26px;
    width: 141px;
	padding-left: 29px; 		
    overflow: hidden; 
    position: relative; 
	background: url(../images/tinynew.gif) no-repeat ;	
}

.newlnkbutton a {
    display: block;
    height:26px;
    width: 120px;
    background: url(../images/dbgrayblue.png)  0 0 no-repeat ;
    font-size: 11px; 
    line-height: 25px; 
    overflow: hidden; 
    text-align:center;
    font-weight: 500; 
    color: #111;
    text-decoration: none; 
    position: relative; 
    padding-left: 10px ; 	
    padding-right: 10px ; 		
}

.newlnkbutton a:visited {  color: #222; }
.newlnkbutton a:active {  color: #f00;  }
.newlnkbutton a:hover {  color: #000000; background: url(../images/dbgrayblue.png)   -140px 0  no-repeat ;}





.textnotes { font-size: 95%;  line-height: 130%;    
	padding: 5px; 

  }
/*

.textnotes p.highlight1
{
    color: #ddd;     font-weight: 600; 
    background: #0f0f87; 	padding: 5px 10px; 
	margin:0; margin-top: 2px; 
}

*/

.textnotes p.highlight1
{  color: #0f0f87; font-size: 100%; 
 	font-weight: 600; padding: 5px 10px; margin:0; margin-top: 2px; 
}

.textnotes p
{
    background: #fefefe url('../images/feedback.png') -900px 0 repeat-y;
    color: #222;
    line-height: 120%; 
    text-align: left; 
    padding: 5px 10px; 
	margin:0; 
}

.textnotes p.dbl
{
    background: #fefefe url('../images/feedback.png') -900px 0 repeat-y;
    color: #222;
    line-height: 180%; 
    text-align: left; 
    padding: 5px 10px; 
	margin:0; 
}

.textnotes p.bottomlined 
{
	margin-top:0; margin-bottom: 10px; 
	margin-bottom: 10px; 	border-bottom: 3px solid #0f0f87;	
	
}

.textnotes a:link  {  color: #0f0f87;   text-decoration: underline; }
.textnotes a:visited {  color: #222;  text-decoration: underline; }
.textnotes a:active  {  color: #f00;  text-decoration: underline; }
.textnotes a:hover     {  color: #00f;   text-decoration: underline; }



.equipment { font-size: 85%;     margin: auto; 	padding-bottom: 20px;  }
.equipment h1 {font-size: 160%; margin: 3px;  color: #0f0f87; }

.equipment table
{
    /* border-collapse: collapse; */
    text-align: left;
}

.equipment table th
{
    color: #ddd;
    background: #0f0f87 url('../images/bar_fdbk.png') 100% 100% repeat-x;
    line-height: 220%; 
   padding: 2px 2px 2px 5px;
}


.equipment table td
{
    padding: 2px 2px 2px 5px;
}

.equipment table tr.withoutb
{
    background: #f5f5f5;
    color: #222;
    line-height: 170%;  
    border-top: none; 	
}

.equipment table tr
{
    background: #f5f5f5;
    color: #222;
    line-height: 170%; 
    /* border-top: 1px dashed #ccc; 	*/
	
}

.equipment table tr.rownext
{
    background: #d3d3fb; 
	/* #d5d5ff; */
    color: #222;
    line-height: 170%; 
    /* border-top: 1px dashed #ccc; 	*/ 
	
}




.divform{
    margin-left:8%; 
    overflow: auto;
	position: relative; 
    font-size: 95%; 
	}

.linkpara {     text-align: center;}   
.linkpara a:link  {  color: #fafafa;    text-decoration: underline; }
.linkpara a:visited {  color: #fafafa;  text-decoration: underline; }
.linkpara a:active  {  color: #ffaaaa;  text-decoration: underline; }
.linkpara a:hover     {  color: #0000cc;  text-decoration: underline; }





.infocard {
   display: block;
    min-height: 2em; /*28px; */
    min-width: 10em;
	width: 95%; 
	padding: 2px;
	margin: 5px 10px;  
	text-align: center; 
	background-color: #f9f9f9;
	overflow: hidden;
	border: 1px solid #ccc;
	position: relative; 
	float: left; 
}
.infocard p { 	text-align: justify;  margin:0; padding: 2px; line-height: 1.5em; }
.infocard h1 { 	font-size: 130%; color:#0f0f87; text-align: left;  margin:0; padding: 2px; line-height: 1.5em; }


.infopic {
	height: 110px;
	Width: 200px;
	padding: 2px;
	position: relative;
	margin: 2px 4px; 
    /* border: 1px dashed #ccc; */
	float: left;  
	clear: left; 	
	overflow:hidden; 
}

.red { color: #f00; 	line-height: 2em;}
.clear {clear:both;} 


/* not in use */
.infoblock {
	background-color: #f2f2f2;
	overflow: auto;
	padding: 2px;
	margin: 5px; 
	
}

.infodetail {
	padding: 2px;
	position: relative; 
	width: 300px;
	float: left; 
}

.infomain
{ width: 90%; 
   height: 90%; 
   padding: 5%;
   line-height: 180%;
 }