/** COMMON **/
body {
	/* color */
	background-color: white;
}

/** BANNER **/

.banner {
	/* color */
	background: #ff9c00;
}

.banner-CS {
	/* color */
	color: #000000;

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;
	
	/* letter */
	letter-spacing: 0px;

	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}

.banner-CS:hover {
	/* color */
	color: #ffffff;
}

.banner-CS-selected {
	/* color */
	color: #ffffff;

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;

	/* letter */
	letter-spacing: 0px;
	
	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}

/** MENU **/

.navigation-hyperlink {
	/* color */
	color: #464646; /* very dark gray */

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;

	/* letter */
	letter-spacing: 0px;
	
	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}

.navigation-hyperlink:hover {
	/* color */
	color: #ff9c00;
}

.navigation-hyperlink-selected {
	/* color */
	color: #000000;

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;

	/* letter */
	letter-spacing: 0px;
	
	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}


/** SEARCH **/

.navigation-search {
	/* color */
	color: #ff9c00;

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
	line-height: 16px;

	/* letter */
	letter-spacing: 0px;

	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}

.navigation-search:hover {
	/* text */
	text-decoration: underline;
}


/* MENUBAR */

#frame{
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 100%;
}

#menubar{
	background: #FFFFFF; /* white */
	border-color: #ECE9DD; /* light gray */
	border-style: solid;
	border-width: 1px;
	height: 46px;
	position: absolute;
	top: 0px;
	width: 100%;
}

#menubar #logo{
	float: left;
	padding: 0px 0px 0px 0px;
}

#menubar h1{
	color: #464646; /* very dark gray */
	float:left;
	font-family: verdana;
	font-size: 11px;
	line-height: 45px;
}

#menubar a{
	color: #464646; /* very dark gray */
	display: block;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding: 0px 0px;
	text-decoration: none;
}

#menubar a:hover{
	color: #939182; /* dark gray */
}


/** LEFT & RIGHT **/
#left{
	position: absolute;
	top: 60px;
	width: 350px;
}

#right{
	position: absolute;
	top: 60px;
	left: 350px;
}


/** TOPIC **/

.topic-title {
	/* color */
	color: #3f529c; /* purple */

	/* font */
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;

	/* margin */
	margin-top: 9px;
	margin-bottom: 0px;
	
	/* padding */
	padding-bottom: 9px;

	/* text */
	text-decoration: none;
}

h2 { 
	/* color */
	color: #3f529c; /* purple */

	/* font */
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;

	/* margin */
	margin-top: 17px;
	margin-bottom: 3px;

	/* text */
	text-decoration: none;
}

h3 {
	/* color */
	color: #3f529c; /* purple */

	/* font */
	font-family: Arial;
	font-size: 14px;
	line-height: 16px;

	/* margin */
	margin-top: 17px;
	margin-bottom: 3px;

	/* text */
	text-decoration: none;
}

.topic-title + h1 {
	/* margin */
	margin-top: 9px;
}

.topic-title + h2 {
	/* margin */
	margin-top: 9px;
}

.table-cell-with-border {
	/* border */
	border: 1px solid #98bf21;
	
	/* padding */
	padding: 0px 10px 0px 10px;	
}

.table-cell-with-border h3 {
	/* color */
	color: #3f529c; /* purple */

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;

	/* margin */
	margin-top: 9px;
	margin-bottom: 9px;

	/* text */
	text-decoration: none;
}

.paragraph, .table-cell-without-border {
	/* color */
	color: #464646; /* very dark gray */

	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;

	/* letter */
	letter-spacing: 0px;
	
	/* margin */
	margin-top: 0px;
	margin-bottom: 4px;

	/* text */
	text-decoration: none;
}

.topic .paragraph + .paragraph {
	margin-top: 7px;
}

.topic-document, .topic-hyperlink {
	/* color */
	color: #1364c4;

	/* font */
	font-family: verdana, arial;
	font-size: 11px;
	line-height: 16px;

	/* letter */
	letter-spacing: 0px;

	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;
	
	/* text */
	text-decoration: none;
}

.topic-document:hover, .topic-hyperlink:hover {
	/* text */
	text-decoration: underline;
}

.topic-xtra-div {
	/* color */
	color: #000000;

	/* font */
	font-family: Verdana;
	font-size: 5px;
	font-weight: normal;
	line-height: 8px;

	/* letter */
	letter-spacing: 0px;

	/* margin */
	margin-top: 0px;
	margin-bottom: 0px;

	/* text */
	text-decoration: none;
}

.list {
	/* font */
	line-height: 11px;

	/* margin */
	margin-left: 0px;
	margin-top: -4px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.table {
	/* border */
	border: 1px solid #98bf21;

	/* font */
	line-height: 11px;
	
	/* margin */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
}

.table-cell-with-border .paragraph {
	margin-bottom: 0px;
}

.code {
	/* border *
	border-color: #cccccc; /* light gray */
	border-style: solid;
	border-width: 1px;
	
	/* margin */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	
	/* padding */
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

.code div {
	line-height: 1;
}

.code div a {
	line-height: 1;
}

.key {
	background: #eee;
	border-width: 1px 1px;
	border-style: solid;
	border-color: #ccc #aaa;
	padding: 1px 3px;
}

.footer {
	/* border */
	border-top: 1px solid #3f529c; /* purple */
	
	/* color */
	color: #464646; /* very dark gray */

	/* margin */
	margin-top: 20px;
	
	/* font */
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
}