body, input, textarea, select  { font-family: 'Roboto', Arial, Helvetica, sans-serif; }

* {
  box-sizing: border-box;
  text-align: left; 
}

#header {
	height: 80px;
	padding: 12px 12px 6px 14px;
	overflow: hidden;
}

.headerimage { width:225px; }

@media all and (max-width: 410px) {
	.headerimage { width:180px; }
}


#content { padding: 36px 16px 24px 38px; }
.centerblock { width: 960px; max-width: 95%; margin:auto;  }

#content a { font-weight:500; }

@media all and (max-width: 520px) {
}	
@media only screen and (max-width: 480px) {
	#content { line-height: 160%; }
}

/* sidebar styles */

.sidebarrightstyle {
    border: 1px solid grey;
	float:right; 
	width:206px; 
	margin-top: 20px 6px 20px 20px;
	background: #fefefe;
}

.sidebarbottomstyle {
	clear: both;
	border-top: 1px solid #000080; 
}

#sidebar { position: relative; z-index:5;}
#sidebar a { font-weight: 400}

div.sidebaritem:hover {background-color: #E0E0F0; }
	
div.sidebaritem, 
div.sidebaritemhover,
div.sidebaritemselected { height: 30px; vertical-align:middle; padding: 6px 6px 0px 12px; border-bottom: 1px dotted #B8B8B8; cursor:pointer; }

div.sidebaritem .sidebarbottomstyle, 
div.sidebaritemhover .sidebarbottomstyle,
div.sidebaritemselected  .sidebarbottomstyle { height: 48px; padding: 14px 6px 14px 14px; border-bottom: 1px dotted #B8B8B8; cursor:pointer; }
  	
div.sidebaritem:last-child { border-bottom: 0; }

div.sidebaritem		    { background-color: #F5F5F5; }
div.sidebaritemhover	{ background-color: #E0E0F0; }
div.sidebaritemselected	{ background-color: #BEB9D1; }  	     

#sidebar a { text-shadow: none; color: #000000; text-decoration: none; }
	
#sidebarbottom div.sidebaritem, 
#sidebarbottom div.sidebaritemhover,
#sidebarbottom div.sidebaritemselected { padding: 6px 6px 14px 28px; }

.sidebararrow {
	clear:both;
	float:left; 
}

/* FOOTER */

.footer {
	font-size: 90%; 
	padding: 12px 0px 0px 14px;
}

.footerblock {
	float:left; 
	vertical-align: top;
	white-space: nowrap; 
	padding-bottom:24px;
	margin-right:40px;
	margin-left:0px;
}

.footerblock:last-child {
	margin-right:0px;
}

@media all and (max-width: 640px) {
	.footer { padding-left: 14px; }
	.footerblock { float:none; margin-left:0 }
}


.bottommenu img {
	position: relative; top:2px;
	margin-right:8px;
}

.bottommenu a {
	color: black;
	text-decoration: none; 
	display: block;
	margin-bottom:8px;
}

.bottommenu a:Hover { color: #0000aa; }

.footer input[type=image] { width:2em; height:2em; margin-bottom:14px}

@media print {
	body { background: none; }
	#toolbar, #leftbar, #warningbar { display: none; }
}