body { margin:5px 5px 5px 5px; padding:0; font: 74% Arial, Sans-Serif; color:#000; 
       line-height: 1.4em; background : #FFFFFF;}
.content { color: #505050; margin: 0 auto; padding: 5; width: 800px; }

#toph {  height: 14px; margin: 0; padding: 0;}
#header { padding: 0 0px 0 0px; line-height: 1.0em; }
#header .rside { background: #FFFFFF; color: #000000; 
	        float: right; height: 60px; width: 579px;  font-size: 90%; }
#header .citation { text-align: center; color: #000000;}
#header .lside { background: #FFFFFF; color: black; height: 10px; width: 182px; 
	                  float: left; }
#header .title { text-align: center; }

#main { margin: 0 0px 0 5px; }	
#main h2 { background-color: inherit; color: #156184; line-height: 0.2em; }
#main h3 { font: 85% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #5f5f5f; 
           background: inherit; }
.howto { background: white;  width: 600px !important;   float: right; padding: 0; margin: 0;}
.leftmenu { background: #FFF; width: 160px; float: left; 
            padding: 0; margin: 0px 0px 0px 15px; }
.padding { padding: 5px; }

.right_side {
	float: right;
	width: 165px;
	background: #FFF;
	padding: 5px 2px 1px 0px !important;
	padding: 5px 2px 1px 0px;
}


/* FOOTER */
#footer { background: white;  color: #a0a0a0; height: 43px; 
          text-align: center; font-size: 90%; clear: both; padding: 0px; margin: 0;}
#footer hr { width: 740px; color: #888; border: 1px solid #f0f0f0; margin: 0 25px 0 25px;  }
#footer a { 	color: #999; background: #FFF;  text-decoration:none; }
#footer a:hover { 	background: #FFF;	text-decoration: underline; color: #444;}

/* NAVIGATION */
.nav { clear: both; text-align: left; color: 	#7D8085; padding: 0px 0 0 0; }
.nav li { font-weight: bold; border-bottom: 1px solid #ccc; }
.nav li a:hover { color: #F29900; text-decoration: none;  }


.notice { background: #E7EDF0; padding: 5px; border: 1px solid #999; color: #333; }

.searchbutton { margin: 0; font-size: 100%; font-family: Arial, Sans-serif; border: none; 
      background: #FFFFFF; color: #333; padding: 1px; font-weight: bold; }

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

hr { border: 0; height: 1px; color: #D3D3D3; background-color: #D3D3D3; }
h1 { padding:0; margin:0; color: #0F5B7F; background: inherit;font: bold 1.8em Arial, 
     Sans-Serif; letter-spacing: -1px; }
h1 a {color: #0F5BFF; background: inherit;}
h2 { background-color: inherit; 	color:#0F5B7F; font-size:140%; font-weight:bold; 
     margin: 10px 0 10px 0; padding:0; }
h2 a { color: #0F5B7F; }
h2 a:hover { 	color: #0F5BAF; text-decoration: none;}

xxul { margin: 5px 0 20px 15px; padding : 0; list-style : none;  }

/* HOWTO */
H4.topics {
	FONT-WEIGHT: bold;
 	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
 	FONT-SIZE: 14px;
 	border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-style: solid;
	border-top-width: 1px;
	text-align: center;
	margin-top: 0cm;
	margin-bottom: 0cm;
}

H4 {
	FONT-WEIGHT: bold;
 	FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
 	FONT-SIZE: 14px;
 	color: 	#7D8085;
 	border-bottom-style: solid;
        border-bottom-width: 1px;
        border-top-style: solid;
	border-top-width: 1px;
	margin-top: 0.1cm;

}

DIV.howtocode {
 	FONT-SIZE: 10px;
 	BACKGROUND: #D3D3D3;
 	COLOR: #000000;
 	margin-left: 0.1cm;
 	PADDING-LEFT: 0.1cm;
 	BORDER-LEFT: #4E7FD9 2px solid;
 	overflow:auto; 
}

PRE {
 	FONT-SIZE: 12px;
 	FONT-FAMILY: Lucida Console, Courier New, Courier, monospace;
 	overflow:auto; 
}

SMALL {
 	FONT-SIZE: 9px;
}

A:link { 
        text-decoration: underline; 
        color : #295AB5;
        FONT-FAMILY: Verdana, Arial, helvetica, sans-serif;
}

A:hover { color : #4E7FD9; text-decoration: underline; }

LI {
	FONT-SIZE: 11px;
 	FONT-FAMILY: Verdana, Arial;
}

TD.index {
	FONT-SIZE: 11px;
 	FONT-FAMILY: Verdana, Arial;
 	WIDTH:150px;
}

H2.index { BORDER-TOP: #0F5B7F 2px solid; 	color:black; font-size:110%; font-weight:bold; 
           text-align: center }

xH2.index { background-color: #0F5B7F; 	color:white; font-size:110%; font-weight:bold; 
           text-align: center }

UL {
	margin-top: 0cm;
}

SPAN.menuitem {
   cursor: pointer; cursor: hand; text-decoration:none; font-weight:normal;
}

SPAN.menuitem:hover { color : #4E7FD9; text-decoration: underline; }


SPAN.menutitle {
   cursor: pointer; cursor: hand; text-decoration:none; font-weight:bold;font-size:110%;
}

SPAN.menutitle:hover { color : #4E7FD9; text-decoration: none;  }

.gobackbutton {
   cursor: pointer; cursor: hand;
   border:1px solid #666666;
   height:17px; 
   width:75pt; 
   font-size:9pt; 
   BACKGROUND-COLOR: #E8E8FF;color:#666666
}

@media print {
   .leftmenu {display:none}
   .rside{display:none}
   .lside {display:none}
   .padding {display:none}
   .footer {display:none}
   .gobackbutton {display:none}
   .jsbrand {display:none}
}