@charset "utf-8";
/* CSS Document */

* {
	border:					0;
	margin:					0;
	padding:				0;
	outline:				none;
}

body {
	background-color:		#0074AE;
	font-family:			Arial, Helvetica, Sana-Serif;
	font-size:				12px;
	color:					#669;
	line-height:			1.5em;
}

h1 {
	font-size:				3.2em;
	line-height:			.9em;
}

h2 {
	font-size:				2em;
	text-transform:			uppercase;
	color:					#669;
	margin-bottom:			.75em;
}

h3 {
	font-size:				1.5em;
	color:					#336;
	margin-top:				1.75em;
	margin-bottom:			.75em;
}

p {
	text-align:				justify;
	margin-bottom:			.5em;
}

a {
	color: inherit;
}

clear {
	clear: both;
}

.wrapper {
	width:					970px;
	margin:					auto;
}

/* ---- Top section ---- */

#topnav {
	background:				transparent url('../images/topnav_bg.png') top left repeat-x;
	height:					54px;
	width:					auto;
}

#topnav .logo {
	position: absolute;
}

#topnav ul {
	float: 					right;
	list-style:				none;
}

#topnav li {
	display:				inline;
}
#topnav ul span,
#topnav ul a {
	display: 				block;
	float:					left;
	height:					35px;
	text-align:				right;
	padding:				18px 10px 0 18px;
	background:				transparent url('../images/topnav_devider.png') top right no-repeat;
	text-decoration:		none;
	text-transform:			uppercase;
	color:					#000;
	line-height:			1.2em;
}

#topnav ul a.trail,
#topnav ul span.active,
#topnav ul a.active,
#topnav ul a:hover {
	background:				transparent url('../images/topnav_hover_bg.png') top right repeat-x;
	padding:				33px 10px 0 18px;
	height:					20px;
	color:					#fff;
}

#topnav ul a:hover span {
	color:					#fff;
}

#topnav ul a.active span {
	color: 					#999;
}

#topnav ul a span {
	text-transform: 		none;
	font-size: 				.8em;
	font-weight:	 		normal;
	color: 					#777;
}

/* ---- Subnavigation --- */
ul.subnav { list-style: none !important; }
ul.subnav a, ul.subnav span { font-size: 12px; padding: 5px 5px 5px 15px; display: block;  font-weight: bold; background: url('../images/arrow.gif') left 11px no-repeat;}
ul.subnav .active { text-decoration: underline; }

/* ---- Teaser section ---- */
#teaserarea {
	clear:					both;
	background:				transparent url('../images/teaserarea_bg.png') repeat-x scroll 0 100%;
	height:					370px;
	width:					auto;
}

#teaserarea .bg {
	background:				transparent url('../images/teaserarea_center_bg.png') no-repeat scroll center 100%;
	height:					370px;
}

#teaserarea .teasertext {
	float:					left;
	position:				absolute;
	margin:					9em 0 0 6em;
	text-align:				left;
}

#teaserarea h1 {
	color:					#fff;
}

#teaserarea h1.sub {
	font-size: 				2em;
	font-weight:			bold;
	color:					#fff;
	margin-top:				.5em;
	margin-left:			1em;
	line-height:			1.3em;
}

#teaserarea a.teaserbutton {
	display:				block;
	margin:					.75em 0 0 2em;
	background:				transparent url('../images/teaser_button.png') no-repeat;
	height: 				28px;
	width: 					213px;
	padding: 				6px 0 0 48px;
	text-decoration: 		none;
	color: 					#666;
	font-weight: 			bold;
	font-size: 				1.2em;
}

#teaserarea a.teaserbutton:hover {
	background:				transparent url('../images/teaser_button_hover.png') no-repeat 0 0;
	color: 					#000
}

#teaserarea #teaser_1 {
	position: 				absolute;
	margin: 				57px 0 0 695px;
	background-color: 		#fff;
	width: 					229px;
	height: 				119px;
}

#teaserarea #teaser_2 {
	position: 				absolute;
	margin: 				204px 0 0 437px;
	background-color: 		#fff;
	width: 					229px;
	height: 				119px;
}

#teaserarea #teaser_3 {
	position: 				absolute;
	margin: 				204px 0 0 695px;
	background-color: 		#fff;
	width: 					229px;
	height: 				119px;
}

#teaserarea .fadepic img {
	position: absolute;
	top:  0; 
    left: 0;
}

/* ---- Headline area ---- */
#headlinearea {
	clear:					both;
	background:				transparent url('../images/headlinearea_bg.png') repeat-x scroll 0 100%;
	height:					140px;
	width:					auto;
}

#headlinearea .bg {
	background:				transparent url('../images/headlinearea_center_bg.png') no-repeat scroll center 100%;
	height:					140px;
}

#headlinearea h1 {
	float: 					right;
	margin: 				1.2em 1.7em 0 0;
	color:					#fff;
}

/* ---- Breadcrumb ---- */
#breadcrumb {
	position:				absolute;
	margin-top:				124px;
	text-align: 			right;
	width: 					900px;
	color:					#fff;
}

#breadcrumb .mod_breadcrumb a {
	color:					#ccf;
	text-decoration:		none;
}

/* ---- Main section ---- */
#mainarea {
	background:				#fff url('../images/main_bg.png') repeat-x scroll 0 0;
	width:					auto;
}

#mainarea a {
	color:					#336;
	text-decoration:		none;
}

#mainarea .more a,
#mainarea a.hyperlink_txt {
	padding-left:           1em;
	background:				url('../images/arrow.gif') no-repeat center left;
	font-weight:			bold;
}

#mainarea a:hover {
	text-decoration:		underline;
}

#mainarea p {

}

#mainarea .bg {
	background:				transparent url('../images/main_center_bg.png') repeat-y scroll center 0;
}

#mainarea .top {
	background:				transparent url('../images/main_top_bg.png') no-repeat scroll center 0;
}

#mainarea .padded {
	padding: 				10px;
}

#mainarea .col_33 {
	display: 				inline;
	float: 					left;
	width:					230px;
	margin:					20px 0 20px 40px;
	padding:				20px;
}

#mainarea .col_50 {
	display: 				inline;
	float: 					left;
	width:					375px;
	margin:					20px 0 20px 40px;
	padding:				20px;
}

#mainarea .col_66 {
	display: 				inline;
	float: 					left;
	width:					530px;
	margin:					20px 0 20px 40px;
	padding:				20px;
}

#mainarea .col_100 {
	display: 				inline;
	float: 					left;
	width:					790px;
	margin:					20px 0 20px 40px;
	padding:				20px;
}

#mainarea .bordered	{
	border-right:			1px solid #ccf;
}

/* ---- Footer section ---- */

#footer {
	background:				transparent url('../images/footer_bg.png') repeat-x scroll 0 0;
	width:					auto;
	min-height:				200px;
}

#footer .bg {
	background:				transparent url('../images/footer_top_bg.png') no-repeat scroll center 0;
}

#footer #menu {
	padding-top:			30px;
	text-align:				center;
}

#footer ul {
	list-style:				none;
}

#footer li {
	display:				inline;
	color:					#99a;
	padding:				10px;
}

#footer #menu a {
	text-decoration:		none;
	color:					#99a;
	margin:					0 10px 0 10px 0;
}

#footer #menu a:hover {
	color:					#fff;
}

/* ---- Forms ---- */

.formbody td {
	vertical-align: top;
}

.formbody textarea,
.formbody input[type=text] {
	width: 400px;
	border: 1px solid #999;
}

.formbody textarea {
	height: 200px;
}

.formbody input[type=submit] {
	width: 200px;
	height: 20px;
	border: 1px solid #999;
}


/* ---- Misc ---- */

.invisible  {
	display:				none;
}

#copyrights {
	font-size: .8em;
	color: #88a;
	margin-top: 30px;
	text-align: center;
}