/* -- RemoteObserver CSS  -- */
body { 
	padding: 0px;
	margin: 0px;
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color: #BBB9B5;
	text-align: center;
}

h1 {
	font-size: 22px;
	font-style: normal;
	font-weight: lighter;
	font-variant: normal;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	display: block;	
	height: auto;
	margin: 0;
	padding: 0px;
	text-align:left;
}

h2 { /* headline */
	font-size: 18px;
	color: #333333;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 1px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height:2.1em;
clear:both;
border-bottom:1px solid #CCC;
}

h3 { /* Subheadline */
	font-weight: bold;
	color: #21557A;
	font-size: 163px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
}

p.leadin { 
	font-weight: normal;
	color: #21557A;
	font-size: 12px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom:30px;
	margin-left: 0;	
}

p {
	margin-top:5px;
	margin-bottom:5px;
	margin-right: 5px;	
	font-size:12px;
	line-height:1.4em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a {
	color: #20547A;
	text-decoration: none;
	font-weight:600;
}

a:link {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #2E9CC0;
}

.hr {
	height:3px;
	border-bottom:1px solid #7F9CBA;
	clear:both;
	
}

#container {
	float: none;
        clear: none;
        width: 760px;
	background-color: #FFFFFF;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding:0;
	text-align: left;
}
 
#header {
	padding:0;
	margin:0;
	height:70px;
}

#logo {		
	margin-left:15px;
	padding-top:15px;
}

#topnavig {
	float:right; 	
	margin:0;	
	padding-top:10px;
	padding-right:15px;
	font-size:11px;	
}

#topnavig img {
	border:0;
	margin-left:5px;
	margin-right:5px;
}

#content {	
	width:530px;
	padding:0;
	margin:0 0 15px 15px;
	display:block;	
	float:left;
}

#article {
	padding:0;
	margin:0;
}

#footer {
	margin: 10px 15px 10px 15px;	
	border-top:1px solid #999;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
 
#copyright {
	float:right;
	padding:5px;	

}

#copyright p {
	padding:0;
	margin:0;
	color:#333;
	font-size:10px;
}

#footnav {	
	padding:5px 10px 5px 5px;
	margin-right:30px;
}

#footnav ul {
	list-style-type: none;
	color: #fff;
	display: inline;
	padding: 0px;
	margin:0;
}

#footnav ul li {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	margin-left:10px;	
}

#footnav ul li a {
	font-weight:normal;
}

.clear {
	font-size: 5px;
	height: 5px;
	display: block;
	clear:both;
}

/** related area */
#related {
	float:right;
	width:200px;
	vertical-align:top;	
}

.box {
	padding:0;
	margin:0 15px 0 0 ;
}

.boxtitle {	
	background-color:#7F9CBA;
	padding:5px;
	margin: 0 0 2px 0;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:600;
	color:#FFF;
	border-left:5px solid #436D99;
}

.boxcontent {
	margin: 0 0 2px 0;
	padding: 0;	
	font-size:10px;
	line-height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#333;	
	border-left:5px solid #FFB82B;		
	background-color:#FFE0A2;	
}

.boxcontent p {
	margin:0;
	padding: 3px;
	font-size:10px;
	line-height:12px;
}

.boxcontent input {		
	font-size:10px;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
}


input {
	font-family: Arial, Helvetica, sans-serif;
}

.boxcontent input.btn {
	border:0;
	background-color:#7F9CBA;
	border:1px solid #436D99;
	color:#FFF;	
}

.boxcontent input.txt {
	border:1px solid #7F9CBA;
	background-color:#FFF;
	color:#333;	
	width:150px;
}

.txt {
	font-size:11px;
	border:1px solid #7F9CBA;
	color:#333;
	width:350px;
}

.txtarea {
	font-size:11px;
	border:1px solid #7F9CBA;
	color:#333;
	width:350px;
	height:80px;
}

.btn {
	font-size:11px;
	padding:4px;
	color:#FFF;
	border:1px solid #333;
	background-color:#7F9CBA;
}


.boxcontent table {
	margin: 0 0 2px 0;	
	padding: 3px;
	font-size:10px;
	line-height:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

#ilustration {
	margin: 0 0 0 15px;
	padding:0;
}

#navigation {	
	background-image: url(/res/img/navig_bg.gif);
	background-repeat:repeat-x;
	margin: 10px 15px 20px 15px;	
	padding: 0px;
	border-bottom:4px solid #FFB82B;
	height: 25px;
}

#navigation ul {
	list-style-type: none;
	color: #fff;
	display: inline;
	float: left;	
	padding: 0px;
	margin:0;
}

ul li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:1.4em;
	margin-left:5px;
	padding-top:3px;
	list-style-type:disc;	
}

#navigation ul li {
	margin:0;
	padding:0;
	display: inline;
	float:left;	
	vertical-align:middle;
	font-size:12px;
	font-weight:600;
}

#navigation ul li a {
	float: left;
	height:27px;
	padding:5px 8px 2px 8px;
	text-decoration: none;
	margin-right:1px;
	color: auto;
	display: block;
}

#navigation ul li a:hover {
	color: #333;
	background-image: url(/res/img/navig_bg_sel.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#navigation ul li .first {
	display: inline;			
	background-image: url(/res/img/navig_first.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin:0;
	padding:0;			
	height:28px;	
}

#navigation ul li .active {
	color: #333;
	background-image: url(/res/img/navig_bg_sel.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

#scroll {
	position:absolute; 
	bottom:-0.1px; 
	z-index:-1; 
}

.boxcontent ul {
	list-style-type: none;
	margin:0;
	padding:3px;
}

.boxcontent ul li {
	list-style-type: none;
	display: list-item;
	margin:3px 0;
	padding:0 0 0 25px;
	font-size:10px;
	line-height:12px;
	height:25px;
}

.boxcontent ul li.pdf {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/res/img/pdf_icon.gif);
}

.boxcontent ul li.unknown {
	background-repeat: no-repeat;
	background-position: top left;
	background-image: url(/res/img/txt_icon.gif);		
}