body { 
	margin: 0;
	padding: 0;
	background: white url('../i/bgshadow24.png') center repeat-y;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	color: #333;
}

h1, h2, h3, h4 { margin: 0.4em 0 0.3em; padding-top:1ex;font-family: HelveticaNeue-CondensedBold, "Helvetica Neue Condensed Bold", ArialNarrow-Bold, "Arial Narrow", Arial, sans-serif;
}
h1 { font-size: 1.3em;}
h2 { font-size: 1.15em; color: #3399cc; }
h3 { font-size: 1.12em; }
h4 { color: #3399cc; }
p {margin-top: 0.5ex; margin-bottom: 1ex;}
a, a:visited { color: #3399cc; }
a:hover { color: #fff; background: #3399cc; text-decoration: none;}
a:active { color: #fff; background: #3399cc; text-decoration: none;}
img { border: none;}

/* L A Y O U T */
#head,
#banner,
#content,
#footer { width: 100%; min-width: 750px; clear: both;}
#head {  height: 60px; }
#banner { background-repeat: repeat-x; background: #3399cc url(../i/gradienthead.png); height: 130px; }
#head .content,
#banner .content,
#content .content,
#footer .content { width: 750px; margin: 0 auto; position: relative;	background: transparent;} /*  url('../i/bgshadow24.png') repeat-y}*/
/*#banner .content { background: transparent url('../i/bgshadowbanner.png') repeat-y;}
*/
.content .c1 { width: 280px; float:left; padding: 10px; margin-left: 10px}
.content .c2 { width: 370px; float:right; padding: 10px; margin-right:10px;}
.content .c3 {width:100%; padding:20px;}
/* H E A D E R */
#head #logo {
	position: absolute;
	top: 10px;
	left: 20px;
}
#head #navigation {
	float: right;
	width: auto;
	margin: 20px 10px 0 0;
	font-size:10pt;
}

#head #navigation a, #head #navigation a:visited {
	display: inline !important;
	display: inline-block; /* MSIE6 */
	padding: 4px 1ex;
	color: #666;
	text-decoration: none;
	margin-right: 1ex;
}
#head #logo a:hover { background: none; }
#head #navigation a:hover {
	color: white;
	background: #009cdf;  /*#3399cc;*/
}

#head #navigation a:active {
	color: white;
	background: #99ccff;
}

#head ul, #head li {
	display: inline; list-style: none;
}

#navigation li.active a, #navigation li.active a:visited { 
	color: white !important;
	background: #009cdf;/*#3399cc*/;
}


/* B A N N E R */
#banner .content { height: 130px; }
#banner .contentimg { height: 130px; /* background-position: right bottom; background-repeat: no-repeat; background-image: url('../i/spirale.png') */ }
#banner .c1 {padding-bottom: 0; padding-top:0;}
#banner .c1 table {border-collapse: collapse; height: 129px; color: white;}
#banner .c1 h1 { text-transform: uppercase; font-size: 1.3em; padding:0; }
#banner .c1 p { font-size: 1.1em;}
#banner .c2 {text-align: center; width: 410px; height: 130px;padding: 0;margin: 0 2px 0 0;}
#banner .c2 img { margin: 0; }

/* C O N T E N T */
#content p, #content li {line-height:1.4em;}
#content ul { margin:0 0 10px 15px; padding:0; list-style:none;}
#content li { margin:2px 0 3px 0; padding:0 10px; color:#333;  background-image:url(../i/arr.png); background-position:left top; background-repeat:no-repeat;}
#content li.active a {font-weight:bold;}
#content img { border: 2px solid #3399cc; padding:1px;}
#content img[align=left] { margin: 0 10px 5px 0;}
#content img[align=right] { margin: 0 0 5px 10px}
#content .c1,
#content .c2 { padding: 20px 10px; }
.controlsBtn img, img.editable, .editable img {border: none !important; padding: 0;}
div.editable {margin-bottom:10px;}
/* F O O T E R */
#footer { background-position: top; background-repeat: repeat-x; background-image: url(../i/gradientfooter.png); background-color: #3399cc; color:white; font-size: 9pt;}
#copy {clear: both; padding: 10px 10px 20px 10px; }
#footer a, #footer a:visited { color: white; }
#footer a:hover { color: #3399cc; background: white; text-decoration: none;}
#footer a:active { color: #3399cc; background: #666; text-decoration: none;}
#footer img.inline { vertical-align: text-bottom; }
#footer form {display: inline; margin: 0; padding: 0;}
#footer input.text {width:20ex;}








/* F O R M S */
dd input, dd textarea, input.text {
font: 1.1em Helvetica, Arial, sans-serif;
color: #333;
padding: 4px;
line-height: 1em;
width: 70%;
background: white;
border-top-color: #333;
border-right-color: #eee;
border-bottom-color: #eee;
border-left-color: #333;;
border-width: 1px;
outline: none;
vertical-align: middle;
margin: 0;
}

dd textarea { height: 8pc; width: 90%}

dd input:hover, dd textarea:hover {
color: #333;
background: #FAFAFF;
}

dd input:focus, dd textarea:focus {
color: #333;
background: #F0EEFF;
}

input.button, input[type=submit] {
width: auto;
padding: 4px 6px;
font-size: 1em;
vertical-align: middle;
background: #3399cc;
color: white;
border-top-color: #eee;
border-right-color: #333;
border-bottom-color: #333;
border-left-color: #eee;
border-width: 1px;
margin-top: 3px;
}

label {
}

dl { margin-bottom: 2pc; }
dt { margin-top: 0.8em;}
dd { margin-left: 3ex;}






#JT_arr{
	background-image: url(../i/jtarrowa.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	z-index:101;
	left:-10px;
	height:23px;
	width:10px;
    top:20px;
}

#JT {
	position: absolute;
	z-index:100;
	background: transparent url('../i/50.png');
}

#JT_text{
	padding:4px;
	padding-left: 8px;
	font-size: 0.9em;
	color:#eee;
}




#alert {
	display: none;
	z-index:99;
	position: fixed;
	top: 0px;
	width: 100%;
	background: transparent url('../i/50.png');
	padding: 20px;
	text-align: center;
	color: white;
}

#alert .text {width: 400px; margin: 0 auto; padding-right: 20px; text-align: left;  }

#alert img { vertical-align: middle; float: left; margin-left: -30px; }



.photoGalleryImage {float:left; margin: 0 15px 10px 0; width: 100px; text-align: center;}
.photoGalleryImage h1, .photoGalleryImage h2 {font-size: 10px; font-weight: normal;}
.newshead a img, .menuReorder img {border:0 !important;}
dt.bold, .bold {font-weight: bold !important;}
#resizer {position:absolute; top:15px; left:50%; margin-left:390px; color:black;}
/* #resizer {position:absolute; top:220px; left:910px; color:black;} */