/* =RESET

===========================================*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	background: transparent;

}

ul, dl {

	list-style-type: none;

}

/* =DEFAULTS

===========================================*/

.break, .clear {

	clear:both;

	height: 0px;

	overflow: hidden;

	font-size: 0px;

	line-height: 0px;

}

i, .none {

	display: none;

}

.text_center {

	text-align:center;

}

.text_right {

	text-align: right;

}

.float_left {

	float: left;

}

.float_right {

	float: right;

}

a {

	text-decoration: underline;

	color: #ff5b0a;

}

a:hover {

	text-decoration: underline;

	color: #0072ca;

}

/* =LAYOUT

===========================================*/

html {

	background: url(../images/bg_site.jpg);

	height: 100%;

}

body {

	background: url(../images/bg2_site.jpg) repeat-x;

	text-align: center;

	font: 12px/16px Arial, Helvetica, sans-serif;

	color: #444;

	height: 100%;

}

/* =HEADER

===========================================*/

#header_container {

	width: 960px;

	height: 262px;

	background: url(../images/topheader.png) no-repeat;

	text-align: left;

	margin: 0 auto;

}



#header {

	position: relative;

	width: 960px;

	height: 262px;

	

}

#header img {

	position: absolute;

	top: 41px;

	left: 529px;

}

#header h1 a {

	display: block;

	text-indent: -9999px;

	width: 202px;

	height: 72px;

	background: url(../images/avalon_logo.gif) no-repeat;

	margin-top: 40px;

	margin-left: 60px;

	float: left;

	display: inline;

	

}

#header ul {

	position: absolute;

	top: 153px;

	left: 60px;

}

#header ul li {

	float: left;

	margin-right: 10px;

	display: inline;

}

#header ul li a {

	font: bold 14px Arial, Helvetica, sans-serif;

	padding: 3px 5px;

	color: #fff;

	text-decoration: none;

}

#header ul li a:hover {

	background: #14499f;

}

#container {

	width: 960px;

	background: url(../images/bg_content.png) repeat-y;

	margin: 0 auto;

	text-align: left;

}

/* =LEFT

===========================================*/

#left {

	width: 200px;

	float: left;

	margin-left: 20px;

	display: inline;

	padding: 0px 10px 0px 20px;

	line-height: normal;

}

#left h2 {

	font: bold 18px Arial, Helvetica, sans-serif;

	color: #f59211;

	background: url(../images/bg_left.jpg) no-repeat bottom left;

	padding-bottom: 3px;

	margin-bottom: 5px;

	padding-left: 20px;

	margin-left: -20px;

}

#left ul, #left p {

	margin-bottom: 15px;

}

#left ul li {

	margin-bottom: 3px;

	padding-left: 5px;

	background: url(../images/bullet.gif) no-repeat left center;

}

#left ul li a {

	color: #1449a0;

	text-decoration: none;

	padding: 2px 4px;

	font-weight: bold;

}

#left ul li a:hover {

	color: #1449a0;

	text-decoration: none;

	background: #f1f1f1;

}

.date {

	font-size: 11px;

}

#left a.more {

	display: block;

	margin-bottom: 20px;

	background: #dedede;

	margin-left: -20px;

	padding: 5px;

	padding-left: 20px;

	text-decoration: none;

	margin-right: -11px;

	font-weight: bold;

}

#left a.more:hover {

	background: #f87500;

	color: #fff

}

/* =CONTENT

===========================================*/

#content {

	float: left;

	width: 639px;

	margin-left: 30px;

	padding-right: 20px;

	display: inline;

	background: url(../images/bg_content.jpg) no-repeat top right;

}

#content h1 {

	font: bold 22px Arial, Helvetica, sans-serif;

	color: #2660ac;

	padding-bottom: 3px;

	background:url(../images/bg_title.jpg) no-repeat left bottom;

	margin-bottom: 15px;

	width: 510px;

	margin-top: 10px;

}

#content h2 {

	font: normal 18px Arial, Helvetica, sans-serif;

	color: #f17e20;

	margin-bottom: 5px;

}

#content h2 {

	font: normal 18px Arial, Helvetica, sans-serif;

	color: #f17e20;

	padding-bottom: 2px;

	border-bottom: 1px dotted #999;

}

h3 {

	margin-bottom: 2px;

	font: bold 13px Arial, Helvetica, sans-serif;

	color: #333;

	margin-top: 20px;

	border-bottom: 1px dotted #efefef;

}

#content p, #content ul, #content table {

	margin-bottom: 15px;

}

#content ul {

/*	list-style-image:url(../images/contentbullet.png); */
	margin-left: 30px;
	list-style-type: disc;

}

#content ol {

	margin-left: 30px;

}

#content ul li {

	line-height: normal;

	margin-bottom: 4px;

}

#content table {

	border-collapse: collapse;

}

#content table td {

	padding: 3px 5px;

	border: 1px solid #dedede;

	border-collapse: collapse;

}

#col1, #col2 {

	float: left;

	width: 260px;

	margin-right: 20px;

	display: inline;

}

.error {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #e61717;

	font-weight: bold;

	padding-bottom: 15px;

}



/* =ECHIPA

===========================================*/

#teamcontainer p {

	margin-left: 20px;

}	



.dudepic {

	width: 120px;

	height: 160px;

	border: 1px solid #ccc;

	float: right;

	display: block;

	margin-left: 20px;

}







/* =PROMOTII

===========================================*/

#news_container {

	width: 291px;

	height: 147px;

	background: url(../images/bg_carousel.jpg) no-repeat;

	float: right;

	margin: 0px 0px 20px 20px;

	position: relative;

}

#news_container ul {

	list-style-image: none !important;

}

#content ul li {

}



#news_container h2 {

	color: #fff;

	font-size: 18px;

	font-weight: bold;

	position: absolute;

	top: 10px;

	left: 15px;

	border-bottom: none !important;

}

#news_carousel {

	overflow: hidden;  /* this will make only show 1 li */

	position: relative;

	width: 260px;

	margin-left: 15px;

}

#news_carousel ul.news {

	list-style-type: none !important;

	margin: 0;

	padding: 0;

	position: relative;

	width: 260px;

	height: 147px;

	overflow: hidden;

}

#news_carousel ul.news li {

	height: 147px;

	width: 280px;

}

#news_carousel ul li {

	margin: 0;

	padding: 0;

	position: relative; /* so that we can do absolute positioning of the paragraph inside of it */

	float: left; /* align one next to the other */
	list-style-type: none !important;

}

#news_carousel ul.news li p {

	position: absolute;

	top: 60px;

	left: 0;

	color: #fff;

	margin-bottom: 0px !important;

	width: 260px;

	font-size: 18px;

}

#news_carousel ul.news li p a {

	font-size: 14px;

	color: #333;

	text-decoration: none;

}

#news_carousel ul.news li p a:hover {

	font-size: 14px;

	color: #000;

	text-decoration: underline;

}



#news_carousel ul.controls {

	position: absolute;

	top: 10px;

	right: 0px;
	list-style-type: none !important;

}

#news_carousel ul.controls li a {

	font: bold 10px Verdana, Arial, Helvetica, sans-serif;

	margin: 0px 2px;

	padding: 2px 0px;

	background: #fff;

	text-decoration: none;

	color: #f59211;

	border: 1px solid #b9b9b9;	

	display: block; width: 15px;

	text-align: center;

}

#news_carousel ul.controls li a.active {

	background: #f59211;

	border: 1px solid #fff;

	color: #000;

}

#news_carousel .timer {

	background: none;

	height: 1px;

	border-bottom: 1px dotted #fff;

	left: 0px;

	position:absolute;

	top: 50px;

	width: 100px;

}

/* =FOOTER

===========================================*/

.footermenu {

	border-top: 3px solid #e4e4e4;

	padding-top:5px;

	padding: 10px 0px;

	clear: both;

	margin-top: 20px;

	width: 100%;

}

.footermenu ul {

	list-style-image: none !important;

	margin-left: 0px !important;
	list-style-type: none !important;

}

.footermenu ul li {

	float: left;

	margin-right: 20px;

}

.footermenu ul li a {

	padding: 3px 5px;

	color: #747474;

	font: bold 11px Arial, Helvetica, sans-serif;

	text-decoration: none;

}

.footermenu ul li a:hover {

	background: #747474;

	color: #fff;

	text-decoration: none;

}

#footer2 {

	width: 960px;

	height: 99px;

	background: url(../images/bg_footer.png) no-repeat;

	margin: 0 auto;

}





/* =FORM

===========================================*/

#contactform p{



}

fieldset {

/*	border: 1px solid #CCCCCC; */

	padding: 15px;

	margin-bottom: 7px;

}

.label, label {

	padding-top: 10px;

	font-weight: bold;

}

legend {

	font: 14px Arial, sans-serif;

	color: #ff8215;

	font-weight: bold;

	margin-left: -10px;

	padding-left: 10px;

	padding-right: 10px;

	background: #fff;

	margin-bottom: 10px;

}



.inp, .sel, .inp_small {

	border:1px solid #CCC;

	vertical-align:top;

	font: 11px Verdana, Arial, Helvetica, sans-serif;

	padding: 2px 3px 2px 3px;

	margin-bottom: 10px;

	background-color: #f7f7f7;

}

.inp {

	width: 440px;

}

.inp_small:focus{ border-color: #777; background-color: #fcfcfc;}

.inp:focus{ border-color: #777; background-color: #fcfcfc;}

input.inperror, textarea.inperror, select.inperror { background-color: #FFFCE2; border-color: #C00;}

label.inperror { color: #C00;}

.inperror:focus { border-color: #C00;}

.sel {

	padding: 0px;

}

.repeatingelem {

	border-bottom: 2px dotted #f7943d;

	padding-top: 10px;

	margin-bottom: 15px;

}

.error {

	font: 10px Verdana, Arial, Helvetica, sans-serif;

	color: #e61717;

	font-weight: bold;

	padding-bottom: 15px;

}

.btn {

	background: #ff8215;

	color: #fff;

	border: 1px solid #ccc;

	font-weight: bold;

	text-align: center;

	padding: 0px 20px 0px 20px;

}