/* ****** */
/* common */
/* ****** */
body, p, li, td, h1, h2, h3, h4, h5, input, select, option, textarea {
	font:12px Arial, Verdana, Helvetica, sans-serif;
	font-weight:normal;
	line-height:16px;
	color:#666666;
}
body, p, br, div, table, tr, td, ul, ol, li, h1, h2, h3, h4, h5, input, select, option, textarea {
	text-align:left;
	vertical-align:top;
	margin:0;
	padding:0;
}

p {margin-bottom:0px;}

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

img {border:none;}

h1, h2 {
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	margin-bottom:9px;
}
h2 {margin-bottom:0;}

li {list-style:none;}

.clear {clear:both;}
.nobr {white-space: nowrap;}
.helper {display:none;}
.divfix {
	clear:both;
	height:0px;
}


/* ***************** */
/* basic page layout */
/* ***************** */
body {
	text-align:center;
	background:#5EC5ED ;
}

#page {
	/* full height
	min-height: 100%;
	height: auto !important;
	height: 100%;
	*/
	width:980px;
	margin:auto;
	margin-top:0;
	margin-bottom:0;
	background:#ACD3FA url(../img/page_bg.png) top left repeat-x;
	overflow:hidden;
	
}

#header {
	clear:both;
	position:relative;
	width:980px;
	height:258px;
	background:url(../img/header_bg.gif) top left no-repeat;
	overflow:hidden;
}
#topnav {
	position:absolute;
	top:10px;
	left:460px;
}
#logo {
	position:absolute;
	top:40px;
	left:30px;
	width:360px;
	height:170px;
	vertical-align:bottom;
	overflow:hidden;
}

#navi {
	clear:both;
	position:relative;
	width:920px;
	height:71px;
	background:url(../img/navi_bg.png) top left no-repeat;
	margin:0 30px 30px 30px;
	overflow:hidden;
}
#mainnav {
	position:absolute;
	height:46px;
	overflow:hidden;
}
#subnav {
	position:absolute;
	top:46px;
	height:25px;
	overflow:hidden;
}

#corpus {
	clear:both;
	position:relative;
	width:980px;
	padding-bottom:190px;
	background:url(../img/corpus_bg.png) bottom left no-repeat;
	overflow:hidden;
}

#footer {
	clear:both;
	height:30px;
	background:#E75113;
	overflow:hidden;
}





/* ********** */
/* navigation */
/* ********** */

/* topnav */
#topnav li {float:left;}
#topnav li a {
	font-size:13px;
	line-height:16px;
	color:#333333;
	text-decoration:none;
	text-align:left;
	padding:0 10px 0 9px;
	border-right:1px solid #333333;
}
#topnav li.last a {border:none;}


/* mainnav */
#mainnav li {float:left;}
#mainnav li a {
	width:131px;
	height:46px;
	color:#333333;
	font-size:12px;
	line-height:46px;
	font-weight:bold;
	text-transform: uppercase;
	text-align:center;
	text-decoration:none;
	display:block;
}
#mainnav li a span {
	width:129px;
	height:46px;
	padding-right:2px;
	display:block;
	background:url(../img/mainnav_spacer.png) top right no-repeat;
}
#mainnav li.last a span {background-image:none;}
#mainnav li a:hover, #mainnav li.active a  {
	color:#FFFFFF;
	background:url(../img/mainnav_active.png) top left no-repeat;
	background-position: -15px 0;
}
#mainnav li.first a:hover, #mainnav li.first.active a {background-position: top left;}
#mainnav li.last a:hover, #mainnav li.last.active a {background-position: top right;}
#mainnav li.last a {width:134px;}
#mainnav li.last a span {width:132px;}

/* subnav */
#subnav li {
	height:25px;
	line-height:25px;
	padding-left:15px;
	float:left;
}
#subnav li a {
	color:#FFFFFF;
	line-height:25px;
	text-decoration:none;
}
#subnav li.active a {font-weight:bold;}





/* ******* */
/* content */
/* ******* */
#content_left {
	width:520px;
	margin:0 30px 30px 30px;
	padding:25px 0 0 0;
	background:url(../img/content_bg_520.png) top left no-repeat;
	float:left;
}
#content_left div.inner {
	width:470px;
	padding:0 30px 0 20px;
	background:#FFFFFF;
	overflow:hidden;
}
#content_left div.bottom {
	width:520px;
	height:25px;
	background:url(../img/content_bg_520.png) bottom left no-repeat;
}

#content_right {
	width:370px;
	float:left;	
	overflow:hidden;
}


#content_right div.contentbox.darkred p, #content_right div.contentbox.darkred h1, #content_right div.contentbox.darkred a,#content_right div.contentbox.orange p, #content_right div.contentbox.orange h1, #content_right div.contentbox.orange a, #content_right div.contentbox.blue p, #content_right div.contentbox.blue h1, #content_right div.contentbox.blue a, #content_right div.contentbox.green p, #content_right div.contentbox.green h1, #content_right div.contentbox.green a, #content_right div.contentbox.lightblue p, #content_right div.contentbox.lightblue h1, #content_right div.contentbox.lightblue a {color:#fff;}
#content_right div.contentbox.yellow p, #content_right div.contentbox.yellow h1, #content_right div.contentbox.yellow a {color:#000;}

/*ws*/#content_right div.contentbox.blue .tx-felogin-pi1, #content_right div.contentbox.blue .tx-felogin-pi1 h3 {color:#fff;}
/*ws*/.tx-fileupload-pi1 #upForm {margin-left: -20px;}
/*ws*/.tx-fileupload-pi1 #upForm input {color:#000000;}
/*ws*/.tx-felogin-pi1 input#pass {margin-bottom:10px;}
/*ws*/.tx-felogin-pi1 input {color:#000000;}
/*ws*/.tx-felogin-pi1 fieldset {padding:5px;}

/* fullsize */
#page.fullsize #content_left {
	width:920px;
	background-image:url(../img/content_bg_920.png);
	float:none;
}
#page.fullsize #content_left div.inner {width:870px;}
#page.fullsize #content_left div.bottom {
	width:920px;
	background-image:url(../img/content_bg_920.png);
}
#page.fullsize #content_right {
	display:none;
	float:none;	
}

/* clean */
#page.clean #corpus {padding:0;}
#page.clean #content_left {
	width:920px;
	background-image:none;
	margin-bottom:0;
	float:none;
}
#page.clean #content_left div.inner {
	width:920px;
	padding:0;
	background:transparent;
}
#page.clean #content_left div.bottom {display:none;}
#page.clean #content_right {
	display:none;
	float:none;	
}

/* home */
#page.home #corpus {
	padding:0;
	background-image:none;
}
#page.home #content_left {
	width:980px;
	margin:0;
	padding-top:0;
	background-image:none;
	float:none;
}
#page.home #content_left div.inner {
	width:980px;
	padding:0;
	background:transparent;
}
#page.home #content_left div.bottom {display:none;}
#page.home #content_right {
	display:none;
	float:none;	
}

#content_right div.contentbox {
	width:370px;
	margin:0 0 30px 0;
	padding:25px 0 0 0;
	background:url(../img/contentbox_orange.png) top left no-repeat;
}
#content_right div.inner {
	width:330px;
	padding:0 20px 0 20px;
	background:#E75113;
	overflow:hidden;
}
#content_right div.bottom {
	width:370px;
	height:25px;
	background:url(../img/contentbox_orange.png) bottom left no-repeat;
}

#content_right div.contentbox.blue {background-image:url(../img/contentbox_blue.png);}
#content_right div.contentbox.blue div.inner {background:#0069B2;}
#content_right div.contentbox.blue div.bottom {background-image:url(../img/contentbox_blue.png);}

#content_right div.contentbox.green {background-image:url(../img/contentbox_green.png);}
#content_right div.contentbox.green div.inner {background:#8DB830;}
#content_right div.contentbox.green div.bottom {background-image:url(../img/contentbox_green.png);}

#content_right div.contentbox.yellow {background-image:url(../img/contentbox_yellow.png);}
#content_right div.contentbox.yellow div.inner {background:#ffde10;}
#content_right div.contentbox.yellow div.bottom {background-image:url(../img/contentbox_yellow.png);}

#content_right div.contentbox.lightblue {background-image:url(../img/contentbox_lightblue.png);}
#content_right div.contentbox.lightblue div.inner {background:#5ec5ed;}
#content_right div.contentbox.lightblue div.bottom {background-image:url(../img/contentbox_lightblue.png);}

#content_right div.contentbox.darkred {background-image:url(../img/contentbox_darkred.png);}
#content_right div.contentbox.darkred div.inner {background:#9a1931;}
#content_right div.contentbox.darkred div.bottom {background-image:url(../img/contentbox_darkred.png);}

/* footer */
div.footer_left {
	width:700px;
	height:30px;
	color:#FFFFFF;
	padding-top:16px;
	padding-left:30px;
	float:left;
}
div.footer_right {
	width:220px;
	height:30px;
	color:#FFFFFF;
	padding-top:16px;
	text-align:right;
	padding-right:30px;
	float:left;
}

/* ##### */
#content_right div.csc-textpic.csc-textpic-center img {margin:10px 0 15px 0;}


ul.linklist {}
ul.linklist li {
	padding:3px 0 3px 0;
	border-bottom:1px solid #CCCCCC;
}
ul.linklist li a {
	font-weight:bold;
	text-decoration:none;
}

ul.bulletlist li {
	padding-left:15px;
	background:url(../img/bullet_bg.png) top left no-repeat;
	background-position:5px 5px;
}


form.contact div.fieldset {
	clear:both;
	padding-top:3px;
}
form.contact div.fieldset div {float:left;}
form.contact div.fieldset div.label {width:130px;}
form.contact p.error {padding-left:130px;}
form.contact p.error, form.contact div.fieldset div.label span.mandatory {color:#E75113;}
form.contact div.fieldset input.text {
	width:320px;
	padding:1px;
}
form.contact div.fieldset input.error {background:#FFAAAA;}
form.contact div.fieldset textarea {
	width:320px;
	height:145px;
	padding:1px;
}
form.contact div.fieldset select, form.contact div.fieldset option {padding:1px;}