/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {
	background:url(../images/bodyBkg.jpg) repeat;
	font-size:12px;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#000000;
}

a {text-decoration:none;}
h1 {font-size:13px; color:#004221;}
img {border:none; margin:0;}

/*\ HTML Tags */

.spacer {clear:both; font-size:1px;}
.spacerSep {clear:both; font-size:1px; height:1px;}

/* containers */
#pageContainer {width:890px; margin:0 auto; background-color:#f4f7c9;}

#headerImage {width:890px; height:124px; margin:10px auto 0;}
#headerImage[id] {background:url(../images/headerImage.png) no-repeat;}
#imgContainer {width:650px; height:124px; position:relative; float:right; /*top:40px;*/ text-align:right; right:40px;} 
#imgContainer img {margin:0; display:none; position:absolute; right:0;}
#imgBorder {width:650px; height:124px; position:absolute; z-index:10; top:0; right:0;}
#imgBorder[id] {background:url(../images/imageBorder.png) no-repeat;}

#headTitle {width:350px; position:absolute; margin:30px 0 0 160px; z-index:500;}
#headTitle h1 {color:#006401 !important; font-size:18px;}
#headTitle h2 {color:#500001 !important; font-size:14px; margin:10px 0 0 35px;}

/* main navigation */
#mainNavContainer {width:860px; background:url(../images/mainNavBkg.jpg) repeat-x; margin:auto; height:30px;}
#mainNav {
	background:url(../images/mainNavImage.jpg) no-repeat left top;
	text-align:center;
	width:860px;
	height:23px;
	font-size:12px;
	padding:7px 0 0 0;
	color:#FFFFFF;
	cursor:default;
}
#mainNav a {color:#FFFFFF; text-decoration:none; padding:6px 15px 5px; cursor:pointer;}

#mainNav a:hover, #mainNav a.selected {
	color:#FFFFFF;
	cursor:pointer;
}

#mainNav a#lang {
	float:right;
	font-size:11px !important;
	position:relative !important;
	right:28px;
	width:120px;
	text-align:center;
	padding:0 !important;
}
#mainNav a#lang:hover {background:none !important; color:#256CA4; text-decoration:underline;}
/*\ main navigation */


/* subnavigation */
.subnav {background-color:#004221;}
.subnav ul {/*width:200px; float:left; text-align:right; position:relative; left:8px;*/}
.subnav ul li {list-style:none;}
.subnav ul li a {margin:0; color:#FFFFFF; padding:3px 5px 4px 5px; display:block; /*height:15px;*/ margin:0 1px 0 0;}
/*.subnav ul li a:hover {background:url(../images/subNavHover.jpg) repeat-y right #FFFFFF;}*/
/*\ subnavigation */

#left {width:165px; float:left;  position:relative; left:15px;}
#right {width:675px; float:right; position:relative; right:15px;}

#left h1 {width:145px; height:17px; background:url(../images/leftTitle.jpg) no-repeat; color:#FFFFFF; text-align:right; padding:1px 10px; font-weight:normal; margin:0 0 10px 0;}
#left p {margin:0 5px;}
#left .banner {margin:5px auto; display:block;}

#right #languages {background:url(../images/rightShape.jpg) no-repeat left #500001; float:right; padding:1px 5px 1px 20px; height:17px;}
#right #languages a {color:#FFFFFF; padding:0 20px;}

/*.mainContents {margin:20px 0 0 0;}*/

h1.title {background:url(../images/titleBkg.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0;}

/* news */
.news {}
.news h1 {margin:0 0 10px 0;}
.news h1 a {color:#004221 !important;}
.news .newsContent {width:48%; float:left; margin:0 10px 0 0;}
.news .newsContentWide {width:100%; margin:0 10px 0 0;}
.news .newsContent img {float:left; width:120px; margin:0 10px 10px 0;}
.news .newsContentWide img {float:left; width:240px; margin:0 10px 10px 0;}

.news .newsContent .more {display:block; color:#500001; text-decoration:none; font-size:14px; background:url(../images/moreBkg.gif) no-repeat right center; text-align:right; padding:0 20px 0 0;}

.newsTitle {float:left;}
#allNews {float:right; color:#004221; background:url(../images/allNewsBkg.gif) repeat-x bottom; padding:0 0 3px 0;}
#newsArchive {float:right; color:#500001; background:url(../images/newsArchiveBkg.gif) repeat-x bottom; padding:0 0 3px 0; margin:0 0 0 10px;}
/*\ news */

.promotions a {display:block; width:165px; float:left; text-decoration:none; color:#500001; margin:0 3px 0 0; text-align:center;}
.promotions a img {width:163px; height:123px; border:1px solid #6a2720;}

/* contacts */
.contentContacts {float:left; width:320px; margin:0 10px;}
.contacts {float:right; width:330px;}
.contacts label {display:block; float:left; width:100px;}
.contacts input {float:left; width:250px; /*border:1px solid #004C8B;*/}
.contacts textarea {float:left; width:320px; height:100px; overflow:auto; /*border:1px solid #004C8B;*/}
.btnForm {width:71px !important; /*height:29px !important; /*background:url(../images/btnBkg.jpg) no-repeat; border:none !important;*/ float:right !important; margin:0 10px 0 0; /*color:#FFFFFF;*/ cursor:pointer;}
.spacerForm {clear:both; height:3px; font-size:1px;}
.message {width:100%; color:#006633; text-align:center; font-weight:bold; margin:0 0 10px 0;}
/*\ contacts */


/* footer */
#footer {
	width: 100%;
	background: #043c1e;
	color: #ffffff;
	text-align: center;
	padding: 10px 0; 
}

#bbmedia {color:#FFFFFF; margin:0 0 0 20px;}
#footer .left {float:left; padding:0 0 0 20px;}
#footer .left a {color:#FFFFFF;}
#footer .right {float:right; padding-right: 20px;}
/*\ footer */

/*\ containers */


/* gallery */
#pageGallery {width:100%; margin:0 0 20px 0;}
#imageContainer {float:left; width:525px; }
#imageContainer img {width:100%; margin:0 0 20px 0;}
#galleryImages {float:right; width:90px;}
#thumbs {position:relative}
.thumbs {width:90px; margin:0; height:297px; cursor:default; overflow:hidden; position:relative;}
.thumbnail {width:90px; height:68px; margin:5px 0; cursor:pointer;}
.thumbnail img {display:block;}
.arrow {width:90px; height:16px; margin:10px 0; cursor:pointer; border:none;}
#arrowTop {background:url(../images/arrowTop.jpg) no-repeat;}
#arrowBottom {background:url(../images/arrowBottom.jpg) no-repeat;}
/*\ gallery */

#bulletinRegister {	background:#f4f7a0; border: 1px solid #ccccc9; width:90px;}

#siteMap {margin:0 0 0 20px;}
#siteMap li {list-style:none;}
#siteMap ul {margin:0 0 0 20px;}
#siteMap a {text-decoration:none; color:#500001; background:url(../images/flBkg.gif) no-repeat left center; padding:0 0 0 20px;}
#siteMap ul a {text-decoration:none; color:#500001; background:url(../images/slBkg.gif) no-repeat left center; padding:0 0 0 20px;}