/* CSS RISER MAIN */

/* General */ 

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em; /* don't edit */
	/*color: #737585;*/
	color: #0C3B61;
}

html {
	font-size: 62.5%; /* don't edit */
}

html, body {
	height: 100%;
	min-height: 100%;
}

body {
	background: #FFFFFF;
	text-align: center;
	font-size: 1em; /* edit here global size for em, 1em = 10px */
}


/* Basic Layout */

#PAGE-AREA-OUTER {
	width: 990px;
	margin: auto;
	text-align: left;
}

#PAGE-AREA {
	background: url(../pics/banner_main.jpg);
	background-repeat: no-repeat;
	background-position: 0px 10px;
	padding-top: 140px;
	width: 100%;
}

#blue-area1 {
	background: #0C3B61;
	height: 20px;
	margin-left: 163px;
}

#COL-LEFT {
	float: left;
	width: 298px;
	background-image: url(../pics/bg_navi_content_left2.gif);
	background-position: 0px 100px;
	background-repeat: no-repeat;
}

#COL-MID {
	float: left;
	width: 450px;
}

#COL-RIGHT {
	float: left;
	width: 242px;
}

.clearer {
	display: block;
	height: 0;
	padding: 0;
	margin: 0;
	font-size: 0;
	overflow: hidden;
	clear: both;
}

#MENU-OUTER {
	float: left;
	width: 163px;
	padding-top: 37px;
}

#CONTENT-LEFT-OUTER {
	float: left;
	width: 135px;
}


/* LEFT COL */

#LANGUAGE {
	color: #FFFFFF;
	background-color: #557590;
	background-image: url(../pics/language_menu_separator.gif);
	background-repeat: no-repeat;
	background-position: 72px 0px;
	height: 20px;
	padding-top: 5px;
}
#LANGUAGE a {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 1.1em;
	padding-left: 20px;
	padding-right: 5px;
}

#blue-area2 {
	background: #0C3B61;
	height: 120px;
}

#CONTENT-LEFT IMG {
	/*border-bottom: 1px solid #FFFFFF;*/
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0 !important;
}


/* MID COL */

#CONTENT-HEADER {
	background: #1F4A6D;
	height: 120px;	
}
.pagetitle {
	color: #FFFFFF;
	font-size: 2.4em;
	margin-left: 10px;
	padding-top: 25px;
	font-weight: normal;
}
.pagesubtitle {
	color: #FBBA00;
	font-size: 1.4em;
	margin-left: 12px;
	margin-top: 12px;	
}
#CONTENT-MAIN {
	border-right: 1px solid #CBCBCB;
	padding-bottom: 30px;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	/*min-height: 370px;*/
	font-size: 1.2em;
	line-height: 1.4em;
}
#FOOTER {
	clear: both;
	background: #CBCBCB;
	height: 15px;
	padding-left: 260px; 
}

/* RIGHT COL */

#grey-area {
	background: #DBDBDB;
	height: 120px;
}
#CONTENT-RIGHT .csc-header h1 {
	padding-left: 5px;
	padding-top: 15px;
	margin-top: 0;
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
#CONTENT-RIGHT p.bodytext {
	padding-left: 5px;
}


/* MENU BASIC */

#MENU-BASIC {
	color: #0C3B61;
}

#MENU-BASIC ul {
	margin: 0;
	padding: 0;
	padding-left: 0px;
	padding-right: 5px;
}

#MENU-BASIC ul li {
	list-style: none;
	text-align: left;
	margin: 0;
	padding: 0;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
}

#MENU-BASIC ul li A {
	color: #0C3B61;
	text-decoration: none;
	font-weight: bold;
}

#MENU-BASIC ul li a:hover {
	text-decoration: underline;
}


/* MENU MAIN */

#MENU-MAIN {
	background: #FFFFFF;
}

/* level 1 */
#MENU-MAIN ul {

}
#MENU-MAIN ul li {
    list-style: none;
    margin: 0;
	padding: 0;
}
#MENU-MAIN ul li a {
	font-size: 1.4em;
	text-decoration: none;
	color: #0C3B61;
	line-height: 1.6em;
	font-weight: bold;
	padding-left: 5px;
}
#MENU-MAIN ul li a:hover,
#MENU-MAIN ul li.main-menu-cur a {
	color: #FBBA00;
}

/* level 2 */
#MENU-MAIN ul li ul {
}
#MENU-MAIN ul li ul li {
}
#MENU-MAIN ul li.main-menu-cur ul li a,
#MENU-MAIN ul li ul li a {
	font-size: 1.1em;
	color: #0C3B61 !important;
	line-height: 1.8em;
	font-weight: normal;
	display: block;
	padding-left: 20px;
}
#MENU-MAIN ul li ul li a:hover, 
#MENU-MAIN ul li ul li.main-menu-cur a {
	font-size: 1.1em;
	color: #FBBA00 !important;
	line-height: 1.8em;
	font-weight: normal;
	padding-left: 20px;
}
#MENU-MAIN ul li ul li.main-menu-cur a {
	padding-left: 20px;
	background-image: url(../pics/menu_cur_item_arrow.gif);
	background-repeat: no-repeat;
	background-position: 4px 6px;
}

/* Login Link */
#LOGIN {
	background-color: #7E97AB;
	height: 24px;
	background-image: url(../pics/login_arrow.gif);
	background-repeat: no-repeat;
	padding-left: 20px;
	line-height: 2.2em;
}
#LOGIN a {
	font-weight: bold;
	font-size: 1.4em;
	color: #FFFFFF;
	text-decoration: none;
}
#LOGIN a:hover {
	color: #FBBA00;
}

/* CONTENT */

h1 {

}

#CONTENT-MAIN p {
	margin: 0;
	padding: 0;
}

/* TEMP - default Color = blue */
#CONTENT-MAIN UL LI, #CONTENT-MAIN OL LI {
	color: #0C3B61;
}

.highlight {
	color: #0C3B61 !important;
	font-size: 1.3em;
	font-weight: bold;
}

.text-blue {
	color: #0C3B61;
}
.text-yellow {
	color: #FBBA00;
}

.background-dark-blue {
	color: #FFFFFF;
	background: #0C3B61;
}
.background-light-blue {
	background: #C9D3DC;
}

.contenttable {
	width: 100%;
}
.contenttable th {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #C9D3DC;
}
.contenttable td {
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.contenttable .tr-even {
	background: #DFDFDF;
}
.contenttable .tr-odd {
	background: #EFEFEF;
}

.background-yellow {
	background: #FBBA00;
}

.divider {
	margin-top: 12px;
	margin-bottom: 12px;
	background: #CBCBCB;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

.csc-frame-frame2 {
	padding-left: 15px;
	background-image: url(../pics/arrow_yellow2.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}


/* SITEMAP */

#CONTENT-MAIN .csc-sitemap {
	padding-left: 20px;
}

#CONTENT-MAIN .csc-sitemap ul {
	margin-left: 20px;
}

#CONTENT-MAIN .csc-sitemap ul li {
	margin-bottom: 5px;
	list-style-type: square;
}

#CONTENT-MAIN .csc-sitemap ul li a {
	font-weight: bold;
	text-decoration: none;
}

#CONTENT-MAIN .csc-sitemap ul li a:hover,
#CONTENT-MAIN .csc-sitemap ul li a:focus {
	text-decoration: underline;
}

#CONTENT-MAIN .csc-sitemap ul ul {
	margin-bottom: 5px;
	margin-left: 20px;
}

#CONTENT-MAIN .csc-sitemap ul ul li {
	margin-bottom: 0;
	list-style-type: disc !important;
}

#CONTENT-MAIN .csc-sitemap ul ul li a {
	font-weight: normal;
}

#CONTENT-MAIN .csc-sitemap ul ul ul {
	margin-left: 30px;
}

#CONTENT-MAIN .csc-sitemap ul ul ul li a {
	padding-left: 0;
	background-image: none;
}

#CONTENT-MAIN .csc-sitemap ul ul ul ul {
	margin-left: 12px;
}


/* MAIL FROM CSS SETTING */

.csc-mailform-field {
	clear: both;
}

.csc-mailform-field label {
	width: 70px;
	color: #0C3B61;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: right;
	padding-top: 6px;
	margin-right: 10px;
	font-weight: bold;
	display: block;
	float: left;
}

.csc-mailform-field INPUT, .csc-mailform-field TEXTAREA, .csc-mailform-field SELECT {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.csc-mailform-field TEXTAREA {
	width: 250px;
	margin-top: 5px;
}

.csc-mailform-field INPUT {
	margin-top: 5px;
	width: 250px;
}

.csc-mailform-field SELECT {
	margin-top: 5px;
	width: 170px !important;
}

.csc-mailform-submit {
	clear: both !important;
	border: 1px solid #666;
	width: 30px;
	margin-left: 80px;
	margin-top: 15px;
	padding: 0px;
}

.csc-mailform-field-check {
	padding-left: 80px;
	clear: both;
}
.csc-mailform-field-check label {

}
.csc-mailform-field-check .csc-mailform-check {
	display: block;
	padding-bottom: 10px;
	padding-right: 5px;
	float: left;
}

.csc-mailform {
	border: 0px;
	margin-left: 12px;
	padding: 0px;
	padding-top: 10px;
}

/*.csc-mailform-check {
	float: left;
	text-align: left !important;
	width: 10px !important;
	margin-top: 0;
	padding-top: 0;
}*/



/* NEWS */

/* news latest view */

.news-latest-item {
	clear: both;

}
.news-latest-item h1 {
	margin-top: 15px;
	padding-left: 5px;
}
.news-latest-item h1 a {
	font-size: 1.1em;
	text-decoration: none;
	font-weight: bold;
}
.news-latest-item .morelink {
	padding-left: 5px;
}

/* news list view */

.news-list-item {
	margin-bottom: 15px;
}
.news-list-item h1 a {
	text-decoration: none;
}
.news-list-item h1 a:hover {
	text-decoration: underline;
}
.news-list-item .morelink {
	padding-left: 5px;
}
.news-list-item .morelink a {
	text-decoration: none;
}
.news-list-item .morelink a:hover {
	text-decoration: underline;
}
.news-list-item .morelink IMG {
	margin: 0 !important;
	border: none;
}
.tx-ttnews-browsebox table {
	margin: auto;
	text-align: center;
}
.tx-ttnews-browsebox a {
	padding-left: 3px;
	padding-right: 3px;
}

/* news single view */

.news-single-item h1 {
	font-size: 1.4em;
	padding-bottom: 5px;
}
.news-single-backlink {
	margin-top: 15px;
	clear: both;
}

.news-single-backlink a {
}

.news-single-image-outer {
	float: left;
	margin-right: 10px;
}


/* HACKS */

*html #CONTENT-MAIN {
	height: 370px;
}