/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*color: #739eb7;*/
	color: black;
}
body {
	background: #FFFFFF url(../_images/page-bg.jpg) top left repeat-x;
	margin: 0px;
	padding: 0px;
}
a {
	color: #ef8200;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}

a img {border: none;}

h1 {
	font-size: 30px;
	color: #ef8200;
	font-weight: bold;
	margin: 0px 0px 30px 0px;
}
h1.smaller {
	font-size: 21px
}

h2 {	
	color: #999999;
	font-size: 18px;
	border-bottom: #ef8200 solid 1px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
}
h3 {
	color: #39a1d6;
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 10px 0px;
}
h4, h5, h6 {
	font-size: 16px;
	font-weight: bold;
	margin: 5px 0px 2px 0px;
}
h5 {font-size: 12px; font-weight: bold;}
h6 {font-size: 12px; font-weight: normal;}

p {
	margin: 2px 0px 10px 0px;
}
ul {
	list-style-type: disc;	
}

/* === layout ================================================================== */
#screen {
	background: url(../_images/bubbles-green.png) bottom left no-repeat;
	width: 1000px;
	margin: 0px auto 0px auto;
	padding: 0px;
	position: relative;	
}

#logoMain {
	padding: 18px 0px 30px 50px;
}

.noWrap {
	white-space: nowrap;
}

.imgLeft, .imgFrameLeft {
	float: left;
	margin: 0px 10px 5px 0px;
}
.imgFrameLeft {
	background: white;
	padding: 5px;
	border: solid 1px #d0f0fd;
}

.imgRight, .imgFrameRight {
	float: right; 
	margin: 0px 0px 5px 10px;	
}
.imgFrameRight {
	margin: 0px 0px 5px 10px;
	border: solid 1px #d0f0fd;
}
/* === no Flash ================================================================== */
.errorBox {
	padding: 20px;
	color: #660000;
}
.errorBox a{
	font-weight: bold;
	color: #FF0000;
}
.windowIntro {
	width: 385px;
	height: 140px;
	margin-left: 30px;
	color: white;
	background: url(../_images/window-orange.jpg) top left no-repeat; 
}
.windowIntroContent {
	padding: 30px;
}
.windowIntroContent h1{
	color: white;
	font-size: 20px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
/* === left column ================================================================== */
.leftColumn {
	width: 270px;
	float: left;
	background: url(../_images/logo-cloud.jpg) top left no-repeat;
	min-height: 480px;
	margin-bottom: 150px;
}
#leftColumnHomepage{
	padding-bottom: 100px;
}
#tinyLinks {
	color: #999999;
	font-size: 10px;
	padding: 10px 0px 0px 35px;
	margin: 0px;
	display: block;
	text-align: left;
}

#tinyLinks a {
	vertical-align: middle;
	color: #999999;
}
#tinyLinks a:hover{
	text-decoration: none;
}
#tinyLinks img{
	vertical-align: middle;
}
/* === center column ================================================================== */
.centerColumn {
	float: left;
}
.centerColumn#homepage {
	padding: 0px;
	height: 600px;
	width: 470px;
}
.centerColumn#subpage, .centerColumn#messageList  {
	padding: 60px 0px 20px 0px;
	width: 410px;
	overflow: hidden;
}

.centerColumn#messageList { padding: 30px 0 10px 0;}
.centerColumn#messageList img{ float: left; margin-right: 1em;}
.centerColumn#messageList ul{ list-style: none; padding: 0;}

.centerColumn#subpage p{
	text-align: justify;
}
#introFlash {
	float: left;
}
.contentsItem{clear:both;}

/* === right column ================================================================== */
.rightColumn {
	width: 245px;
	float: right;
	margin-bottom: 150px;
}
#rightColumnHomepage{
	/*padding-bottom: 100px;*/
}
.rightColumn .bannerBox{
	/*padding: 30px 0px 10px 0px;*/
}

#bannerBoxHolder {
	height: 170px;
	position: relative;
}
#bannerBoxFlash {
	position: absolute;
	top: -140px;
	right: -10px;
	width: 275px;
	height: 140px;
}
/* === news ================================================================ */
.newsBox {
	padding: 30px 0px 10px 0px;
	color: #4785af;
}
.newsBox a{
	color: #4785af;
}
.newsBox a:hover{
	text-decoration: none;
}
.newsBox p{
	text-align: justify;
	padding-right: 5px;
}
.newsBox .newsBoxShrink {
	display: block;
	overflow: auto;
	/*height: 120px;*/
	height: 260px;
}
.newsBox h3 a{
	color: white;
	padding: 3px 12px 3px 12px;
	background: #759b00 url(../_images/grad-green-horiz.png) top left repeat-y;
}
.dateSmall{
	font-size: 10px;
	color: #91c848;
}
/* === mainmenu ================================================================ */
#menuBox {
	margin: 0px;
	padding: 0px 70px 0px 30px;
	font-size: 12px;
}
.menuBoxHome {
	min-height: 333px;
}
ul#mainMenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
ul#mainMenu li{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	background: url(../_images/bullet-orange.png) 0px 9px no-repeat;
}
ul#mainMenu li a{
	color: #719500;
	display: block;
	padding: 7px 15px 7px 15px;
}
ul#mainMenu li#selectedMenuItem{
	
}
ul#mainMenu li#selectedMenuItem a{
	
}
ul#mainMenu a#selectedMenuLink{
	background: #ef8200 url(../_images/grad-orange-horiz.png) top left repeat-y;
	color: white;
	font-weight: bold;
}

/* level 2 */
ul#mainMenu li ul{
	padding: 0px 0px 10px 20px;
	margin: 0px;
}
ul#mainMenu li ul li a{
	color: #ef8200;
}

/* level 3 */

ul#mainMenu ul ul{
	padding: 0px 0px 10px 15px;
	margin: 0px;
	font-size: 11px;
	font-weight: normal;
}

ul#mainMenu ul ul li a{
	color: #ef8200;
	font-weight: normal;
}


/* === language selector ================================================================ */
#language {
	padding: 0px 0px 10px 0px;
	color: white;
}
#language a{
	padding: 8px 10px 5px 10px;
	background: none;
	color: white;
	font-weight: bold;
}
#language a#selectedLanguage{
	background: #ef8200 url(../_images/grad-orange-vert.png) top left repeat-x;
	color: white;
}
#language a:hover, #language a#selectedLanguage:hover{
	text-decoration: none;
	background: white;
	color: #39a1d6;
}

/* === search box ================================================================== */
.searchBox {
	background: url(../_images/searchbox-alpha.png) top left repeat-x;
	width: 190px;
	height: 85px;
	margin: 0px 0px 0px 30px;
	font-size: 11px;
	color: white;
	display: block;
}
.searchBox .content {
	padding: 20px 20px 0px 20px;
}
#searchButton{
	vertical-align: middle;
}
/* === horizontal bar ================================================================== */
#hBar {	
	padding: 0px;
	position: relative;
	clear: both;
	height: 10px;
	/*border: solid 1px red;*/
}

#hBar .searchBox { 
	position: absolute;
	left: 20px;
	top: -80px;
	margin: 0px;
}
#hBarRight {
	position: absolute;
	width: 270px; 
	height: 140px;
	right: -15px;
	top: -120px;
}
/* === footer ================================================================== */
#footer {
	color: #999999;
	font-size: 10px;
	padding: 10px 20px 40px 30px;
	position: relative;
	clear: both;
	text-align: left;
}
#footerLeft {
	float: left;
	width: 200px; 
	text-align: left;
}
#footerRight {
	float: right;
	width: 200px; 
	text-align: right;
	position: relative;
}
#footer a, span.textMiddle{
	vertical-align: middle;
	color: #999999;
}
#footer a:hover{
	text-decoration: none;
}
#footer img{
	vertical-align: middle;
}
#footerLeftOut {
	position: absolute;
	width: 270px;
	top: -140px;
	left: 0px;	
}
/* === forms ================================================================== */
form {
	padding: 0px;
	margin: 0px;
}
.editboxCommon, .textAreaCommon{
	font-family: Arial, Helvetica, sans-serif;
	background: #fcfcfc url(../_images/editbox-bg.png) top left repeat-x;
	color: #333333;
	border: solid 1px #ef8200;
	font-weight: normal;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}
.editboxCommon {
	height: 20px;
}
#editboxSearch {
	vertical-align: middle;
	width: 120px;
}
.button, button {
	height: 20px;
	background: #ef8200 url(../_images/grad-orange-horiz.png) top left repeat-y;
	color: white;
	border: solid 1px;
	border-color: #c46d05;
	font-weight: bold;
	font-size: 11px;
	/*padding: 0 8px 0 8px;*/
	padding: 2px 8px 2px 8px;
}

/* === misc ================================================================== */
.contentText p{
	display: inline;
}

.contentText {
	margin-bottom: 20px;
}

.attachImg {text-align: center; display: block; font-weight: normal;}