@charset "utf-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 766px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#header {
	background:url(../images/bg_t.gif) top no-repeat;
	height:147px;
	padding:0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
a{
color:#333333;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
#mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background:#f3f3f3;
	position:relative;
}
#footer {
	height:83px;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:url(../images/px_b.gif) top repeat-x;
	padding-left:20px;
}
#footer p {
	color:#FFFFFF;
	font-size:12px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 20px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#middleBox {
	/*background:#CCCCCC;
	height:520px;*/
	padding:10px 0px 0px 21px;
padding-bottom:10px;
}
#middleBoxInner {
	margin-top:5px;
	width:421px;
	/*height:502px;*/
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	font-size:12px;
}
#promobox {
	background:#A80201;
	height:208px;
}
#registration {
	position:absolute;
	height:722px;
	width:279px;
	background:#F3F3F3;
	left: 463px;
	top: 1px;
	border:#CCCCCC 1px solid;
}
#innerpromo {
	padding:22px 0px 0px 21px;
}
#promocontent {
	margin-top:5px;
	width:421px;
	height:155px;
	background:#BC0100;
	border:1px solid #DD4A49;
}
#registrationTop {
	background:url(../images/px.gif) top repeat-x;
	height:38px;
}
#registrationMiddle {
	height:200px;
	font-size:12px;
	padding:12px;
}
#registrationBottom {
}
#feedBox {
	background:#F3F3F3;
}
#feedBoxTop {
	background:url(../images/px1.gif) top repeat-x #F3F3F3;
	height:38px;
}
#feedBoxContent {
	text-align: left;
	font-family:tahoma;
	font-size:11px;
	color:#595959;
	line-height:14px;
	margin:14px 16px 0px 15px;
	height:150px;
	overflow:hidden;
}
.smallText {
	text-align: left;
	font-family:tahoma;
	font-size:11px;
	color:#595959;
	line-height:14px;
}
.headerText {
	padding:8px 5px 0 8px;
	color:#bd1312;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#headerTop {
	padding-left:10px;
	padding-top:5px;
	height:92px;
}
#menu {
	color:#FFFFFF;
	font-family:Geneva, Arial, Helvetica, sans-serif
}
#menu ul {
	list-style:none;
	margin-left:-35px;
}
#menu li {
	float:left;
	padding-left:15px;
}
#menu li a {
	display:block;
	color:#FFF !important;
	font-weight:bold;
	text-decoration:none;
	font-size:16px;
	line-height:1em;
	padding:4px 10px 5px 10px;
	background:#000;
}
#bottomBox {
	/*background:#FFFFFF;*/
	height:208px;
	padding:10px 0px 0px 21px;
}
#bottomBoxInnerLeft {
	margin-top:5px;
	width:200px;
	height:190px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin-right:10px;
	float:left;
}
#bottomBoxInnerRight {
	margin-top:5px;
	width:199px;
	height:180px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	float:left;
	padding:5px;
}
#contactform {
	height:88px;
	padding-left:15px;
	padding-top:10px;
}
.registration_form {
	width:100px;
}
/**
* jQuery Date Css
*/
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/a5.gif) no-repeat;
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	float: left;
}
/**
* jQuery SlideShow
*/
#slideshow {
	position:relative;
	height:155px;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}
#slideshow IMG.active {
	z-index:10;
	opacity:1.0;
}
#slideshow IMG.last-active {
	z-index:9;
}
#headerRight {
	width:226px;
	position:absolute;
	left: 514px;
	top: 21px;
	height: 71px;
}
#headerRight h1 {
	font-size:16px;
	color:#FFFFFF;
}
#lileft {
	float:left;
	width:200px;
	padding-left:0;
}
#liright {
	float:left;
	width:200px;
}
#middleBoxInner h2 {
	font-size:14px;
	font-weight:bold;
	padding-left:15px;
	margin-bottom:-5px;
}
#middleBox p{
	padding-left:21px;
	padding-right:21px;
	
}

	/* jQuery lightBox plugin - Gallery style */
	#gallery {
		background-color: #FFF;
		padding: 10px;
		width: 680px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 5px solid #3e3e3e;
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		border: 5px solid #444;
		border-width: 5px 5px 20px;
		color: #444;
	}
	#gallery ul a:hover { color: #444; }