@charset "utf-8";
/* CSS Document */

/*HTML ELEMENTS*/
* {font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
a { color:#F6921E; text-decoration:none}
a:hover {color:#8D191C; text-decoration:underline}
a img {border:none;}

/*MAIN ELEMENTS*/

body {background:url(../images/body_bg.png) repeat-x #000; color:#FFF; margin:0; padding:0}

#main {width:960px; margin:0 auto; background: url(../images/header_bg.jpg) right top no-repeat; margin-bottom:10px;}

#header {height:260px; position:relative}
#header #logo {float:left; margin-left:25px;}
#header #slogan {position:absolute; right:56px; top:122px;}
#header #navigation{ position:absolute; right:75px; bottom:10px;}
#header #navigation ul { list-style:none; margin:0; padding:0;}
#header #navigation ul li{ float:left; margin-left:20px;}
#header #navigation ul li a { color:#FFF; text-decoration:none; font-weight:bold; font-size:14px;}
#header #navigation ul li a:hover { color:#F6921E; }
#header #navigation ul li.active a {color:#8D191C; }

#content { background:url(../images/content_bg.png) 0 10px repeat-x; min-height:300px; margin:0 30px;}
#content_top {height:10px; background:url(../images/content_top_bg.png) no-repeat;}
#content_inner {padding:20px 45px}
#content h2.title {color:#F6921E;}
#content .text { font-size:13px}
#content_bottom { clear:both;}

#footer { font-size:11px; clear:both }

#footer_inner {padding:20px 75px 0}
#footer #credits { float:right;}
#footer #copyright {}


#content.event .image {float:right; padding:0 0 20px 20px;}


/*EVENTS*/
#content.events ul { list-style:none; margin:0; padding:0;}
#content.events ul li { padding-bottom:10px;  margin-bottom:10px; border-bottom: 1px solid #452C0D}
#content.events p { margin:0;}
#content.events li .date { font-size:11px; color:#F6921E}
#content.events li .title { font-size:14px; font-weight:bold}

/*CONTACTS*/
#content .contact { padding-bottom:20px; font-size:12px;}
#content .contact p { margin:0; }
#content .contact .title { font-size:16px; font-weight:bold;color:#F6921E}
#content .contact label {font-weight:bold; color:#F6921E}

.contacts #form {float:right; width:410px; padding-bottom:10px; padding:20px; margin:20px 0; border:1px solid #452C0D;}
.contacts #form .text { width:400px; padding:4px; clear:both; margin-bottom:5px; background-color:#000; border:1px solid #452C0D; color:#F6921E}
.contacts #form textarea.text { height:60px;}
.contacts #form label { display:block; clear:both; font-size:10px; color:#fff; text-transform:lowercase}
.contacts #form input.submit { float:right; width:60px; clear:both; margin-bottom:5px; background-color:#7E4A0E; border:1px solid #7E4A0E; color:#000; text-transform:uppercase}