/* ### general ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #2a2a2a; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #2a2a2a; }
body { background: #eeeef0 url('../images/body_bg1.png') repeat-x; }
img { border: 0px;  }
a, input { outline: none; }

/* ### global classes ### */
.clear { clear: both; height: 0; }

/* ### wrapper ### */
#wrapper { position: relative; display: block; width: 100%; min-height: 100%; }

/* ### main container ### */
#mainCntr { margin: 0 auto; width: 982px; background: url('../images/body_bg.png') repeat-y; padding: 0 5px; }

	/* ### header container ### */
	#headerCntr { position: relative; width: 982px; height: 106px; border-bottom: 2px solid #088EA5; z-index: 100; }
	#headerCntr a.logo { position: absolute; top: 10px; left: 15px; display: block; width: 284px; height: 76px; text-indent: -9999px; background: url('../images/logo.png') no-repeat; }
	#headerCntr .shadowLeft { position: absolute; top: 0; left: -16px; }
	#headerCntr .shadowRight { position: absolute; top: 0; right: -16px; }
	#headerCntr p { color: #acacaf; position: absolute; top: 15px; right: 15px; }
	#headerCntr p a { color: #088EA5; text-decoration: none; }
	#headerCntr p a:hover { text-decoration: underline; }

		/* ### menu box ### */
		.menuBox { position: absolute; top: 67px; right: 15px; }
		.menuBox ul { list-style: none; }
		.menuBox li { float: left; width: 100px; padding-left: 8px; font-family: 'droid_sansbold'; font-size: 14px; position: relative; padding-bottom: 15px; }
		.menuBox li a { color: #2a2a2a; text-decoration: none; padding-top: 10px; background: url('../images/menu_bg.png') no-repeat; display: block; }
		.menuBox li a:hover, .menuBox li:hover > a { background: url('../images/menu_hover.png') no-repeat; }
		.menuBox li.active a.main { color: #088EA5; background: url('../images/menu_active.png') no-repeat; }
		.menuBox li ul { width: 150px; border: 1px solid #088EA5; border-top: 0; background: #fff; padding: 10px; position: absolute; top: 39px; left: 0; display: none; }
		.menuBox li li { padding-left: 10px; padding-bottom: 10px; font-size: 13px; font-family: 'droid_sansregular'; width: 120px; padding-right: 10px; }
		.menuBox li li a { background: none; padding: 0; }
		.menuBox li li a:hover { color: #088EA5; background: none!important; }
		.menuBox li li:hover a { background: none!important; }
		.menuBox li:hover ul { display: block; }

	/* ### banner container ### */
	#bannerCntr { overflow: hidden; width: 982px; height: 248px; position: relative; margin-bottom: 30px; }
	#bannerCntr ul { list-style: none; }
	#bannerCntr li { width: 982px; height: 248px; position: relative; }
	#bannerCntr .text { width: 385px; height: 105px; background: #fff; position: absolute; left: 0; bottom: 65px; z-index: 100; }
	#bannerCntr a { text-decoration: none; }
	#bannerCntr span { color: #088EA5; font-size: 22px; font-family: 'droid_sansbold'; display: block; padding: 25px 0 0 45px; text-decoration: none; }
	#bannerCntr .nav { background: #464646; padding: 8px 10px; position: absolute; right: 597px; bottom: 35px; z-index: 100; }
	#bannerCntr .nav a { float: left; width: 14px; height: 14px; background: url('../images/paging.png') no-repeat; text-indent: -9999px; margin-left: 5px; }
	#bannerCntr .nav a:hover, #bannerCntr .nav a.activeSlide { background-position: 0 -14px; }

	#emptyBannerCntr { height: 30px; }

	/* ### content container ### */
	#contentCntr { overflow: hidden; width: 982px; background: url('../images/content_bg.png') repeat-y; }

		/* ### left container ### */
		#leftCntr { float: left; width: 694px; }

			/* ### text box ### */
			.textBox { width: 565px; padding-left: 40px; overflow: hidden; padding-bottom: 5px; }
			.textBox h1 { color: #088EA5; font-size: 20px; font-family: 'droid_sansbold'; padding-bottom: 20px; font-weight: normal; }
			.textBox h1 a { color: #088EA5; text-decoration: none; }
			.textBox p { font-size: 13px; line-height: 19px; padding-bottom: 25px; }
			.textBox p a { color: #088EA5; text-decoration: none; }
			.textBox p a:hover { text-decoration: underline; }
			.textBox h2 { color: #088EA5; font-size: 16px; font-family: 'droid_sansbold'; padding-bottom: 10px; font-weight: normal; }
			.textBox ul { list-style: none; overflow: hidden;  padding-left: 10px; margin-bottom: 20px; } /*float: left; width: 290px; */
			.textBox li { width: auto; padding-left: 25px; background: url('../images/arrow.png') no-repeat 0 2px; margin-bottom: 5px; }
			.textBox li a { color: #088EA5; text-decoration: none; }
			.textBox li a:hover { text-decoration: underline; }
			.textBox ul.right { width: 250px; }

			/* ### view box ### */
			.viewBox { width: 610px; padding-left: 40px; overflow: hidden; padding-bottom: 40px; }
			.viewBox h2 { color: #088EA5; font-size: 16px; font-family: 'droid_sansbold'; padding-bottom: 10px; font-weight: normal; }
			.viewBox p { font-size: 13px; line-height: 19px; padding-bottom: 20px; }
			.viewBox .data { width: 600px; background: url('../images/bg1.png') repeat-x; border: 1px solid #d4d4d4; }
			.viewBox span.title { display: block; padding-left: 40px; line-height: 30px; min-height: 30px; color: #fff; }
			.viewBox span.title span { float: right; padding-right: 75px; }
			.viewBox a.back { display: block; padding-left: 30px; background: url('../images/arrow1.png') no-repeat 0 8px; margin-left: 10px; line-height: 33px; height: 33px; color: #088EA5;  text-decoration: none; }
			.viewBox a.back:hover { text-decoration: underline; }
			.viewBox table { border: none; }
			.viewBox tr { height: 35px; background: #fff; }
			.viewBox tr.alt { background: #f7f7f7; }
			.viewBox td { color: #2e363c; padding-top: 5px; padding-bottom: 5px; }
			.viewBox .col1 { width: 42px; text-align: center; vertical-align: top;}
			.viewBox .col1 img { display: inline; margin-top: 5px; }
			.viewBox .col2 { width: 455px; padding-right: 5px; }
			.viewBox .col2 a { display: block; color: #088EA5; text-decoration: none; }
			.viewBox .col2 a:hover { text-decoration: underline; }
			.viewBox .col3 { width: 115px; vertical-align: top;  }


			/* ### contact box ### */
			.contactBox { width: 610px; padding-left: 40px; overflow: hidden; }
			.contactBox h2 { color: #088EA5; font-size: 16px; font-family: 'droid_sansbold'; padding-bottom: 10px; font-weight: normal; }
			.contactBox p { font-size: 13px; line-height: 19px; padding-bottom: 20px; }
			.contactBox p a { color: #088EA5; text-decoration: none; }
			.contactBox p a:hover { text-decoration: underline; }
			.contactBox fieldset { border: none; }
			.contactBox input.field { border: none; width: 293px; height: 32px; line-height: 32px; padding: 0 10px; border: none; background: url('../images/field_bg1.png') no-repeat; margin-bottom: 13px; color: #999999; font-weight: bold; }
			.contactBox textarea { width: 582px; height: 92px; padding: 10px; border: none; background: url('../images/textarea.png') no-repeat; margin-bottom: 13px; color: #999999; font-weight: bold; resize: none; }
			.contactBox input.button { padding: 0 15px; background: url('../images/button2.png') repeat-x; border-radius: 5px; height: 29px; line-height: 29px; border: none; cursor: pointer; color: #fff; float: right; margin-right: 10px; font-weight: bold; }
			.contactBox input.button:hover { background-position: 0 -29px; }


		/* ### right container ### */
		#rightCntr { float: left; width: 250px; background: url('../images/border.png') no-repeat; padding-left: 35px; }

			/* ### login box ### */
			.loginBox { width: 216px; border-bottom: 1px dotted #bfbfbf; padding-bottom: 15px; margin-bottom: 30px; }
			.loginBox h3 { color: #232323; font-size: 19px; font-family: 'droid_sansregular'; font-weight: normal; padding: 10px 0; border-bottom: 1px dotted #bfbfbf; margin-bottom: 15px; }
			.loginBox fieldset { border: none; }
			.loginBox input.field { margin-bottom: 12px; }
			.loginBox input.field { width: 173px; height: 32px; line-height: 32px; padding: 0 30px 0 10px; border: none; background: url('../images/field_bg2.png') no-repeat; margin-bottom: 12px; color: #999999; font-size: 12px; font-weight: bold; }
			.loginBox input.field.pass { background: url('../images/field_bg3.png') no-repeat; }
			.loginBox a.forgot { float: left; color: #088EA5; font-size: 11px; float: left; text-decoration: none; margin-top: 5px; }
			.loginBox a.forgot:hover { text-decoration: underline; }
			.loginBox input.button { padding: 0 15px; background: url('../images/button2.png') repeat-x; border-radius: 5px; height: 29px; line-height: 29px; border-radius: 5px; border: none; cursor: pointer; color: #fff; float: right; margin-right: 4px; font-weight: bold; }
			.loginBox input.button:hover { background-position: 0 -29px; }

			/* ### index box ### */
			.indexBox { width: 216px; border-bottom: 1px dotted #bfbfbf; padding-bottom: 15px; margin-bottom: 20px; }
			.indexBox h3 { color: #232323; font-size: 19px; font-family: 'droid_sansregular'; font-weight: normal; padding: 10px 0; border-bottom: 1px dotted #bfbfbf; margin-bottom: 20px; }
			.indexBox ul { list-style: none; }
			.indexBox li { padding-bottom: 10px; font-size: 13px; }
			.indexBox li a { color: #232323; text-decoration: none; padding-left: 15px; display: block; }
			.indexBox li a:hover, .indexBox li.active a { background: url('../images/border1.png') repeat-y; color: #088EA5; }

			/* ### photo box ### */
			.photoBox { width: 216px; border-bottom: 1px dotted #bfbfbf; padding-bottom: 15px; margin-bottom: 30px; }
			.photoBox h3 { color: #232323; font-size: 19px; font-family: 'droid_sansregular'; font-weight: normal; padding: 10px 0; border-bottom: 1px dotted #bfbfbf; margin-bottom: 15px; }
			.photoBox h3 a { color: #232323; text-decoration: none; }
			/* .photoBox img { margin-bottom: 15px; } */
			.photoBox p { font-size: 13px; line-height: 19px; padding-bottom: 10px; }
			.photoBox p a { color: #088EA5; text-decoration: none; }
			.photoBox p a:hover { text-decoration: underline; }
			.photoBox a.more { color: #044c9a; font-size: 13px; text-decoration: none; }
			.photoBox a.more:hover { text-decoration: underline; }

	/* ### footer container ### */
	#footerCntr { overflow: hidden; width: 982px; background: url('../images/footer_bg.png') no-repeat; padding: 0 5px; height: 120px; margin: 0 auto; }
	#footerCntr p { color: #62686d; text-align: center; padding-top: 85px; }
	#footerCntr p a { color: #088EA5; text-decoration: none; }
	#footerCntr p a:hover { text-decoration: underline; }





/* ### Netjam stuff ### */
div.member {
	float: left;
	width: 282px;
}

label.error {
	clear: both;
	display: block;
	margin-top: -5px;
	margin-bottom: 10px;
	color: #ff0000;
	float: none !important;
	width: 600px !important;
}


#map {
	width: 600px;
	height: 300px;
	margin-left: 40px;
	margin-bottom: 20px;
}

#page24 .contactBox input.button,  #page26 .contactBox input.button{
	float: none !important;
}

#page24 label, #page26 label  {
	float: left;
	display: block;
	width: 160px;
	line-height: 30px;
}

img.member {
	margin-bottom: 10px;
}

.inlineform label {
	float: left;
	width: 260px;
}

.inlineform input.text, .inlineform select {
	float: left;
}

.inlineform .fieldwrap {
	clear: both;
}

a.dlold, a.dlnew {
	color: #088EA5;
    text-decoration: none;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: right;
	display: block;
	margin-right: 15px;
}

a.dlnew {
	display: block;
}

tr.old {
	display: none;
}

.clear {
	clear: both;
}

a.cbutton {
	background: rgba(0, 0, 0, 0) url("../images/button2.png") repeat-x scroll 0 0;
	border: medium none;
	border-radius: 5px;
	color: #fff;
	cursor: pointer;
	float: left;

	font-weight: bold;
	height: 29px;
	line-height: 29px;
	margin-right: 4px;
	padding: 0 15px;
	color: #fff !Important;
}

div.pager {
	padding-top: 20px;
	text-align: center;
}

div.pager a, div.pager em {
	display: inline-block;
	padding: 5px;
	text-decoration: none;
	font-style: normal;
	border: 1px solid #ccc;
}

div.pager a {
	background-color: #0090ab;
	color: #fff;
}

@font-face {
    font-family: 'droid_sansregular';
    src: url('fonts/droidsans-webfont.eot');
    src: url('fonts/droidsans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidsans-webfont.woff') format('woff'),
         url('fonts/droidsans-webfont.ttf') format('truetype'),
         url('fonts/droidsans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid_sansbold';
    src: url('fonts/droidsans-bold-webfont.eot');
    src: url('fonts/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/droidsans-bold-webfont.woff') format('woff'),
         url('fonts/droidsans-bold-webfont.ttf') format('truetype'),
         url('fonts/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}