/* CSS Document */
body{padding:0px; margin:0px; background:#1f0703; color:#969686; font:10px/14px Tahoma, sans-serif;}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:10px/14px Tahoma, sans-serif; color:#FFF; text-decoration:underline;}
p a:hover{ color:#FFF; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal}
.headline2{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF; font-weight:normal; padding-left:21px; background:url(../images/arrow1.gif) 0 2px no-repeat}

#container{width:705px; position:relative; margin:0 auto;}

/* HEADER */

#header{width:705px; height:332px; position:relative; background:url(../images/b_header.jpg) 0 0 no-repeat}

#header img#logo{position:absolute; top:19px; left:30px}
#header img#slogan{position:absolute; top:138px; left:22px}

/* MENU */

#menuPan{width:705px; height:50px; position:relative; background:url(../images/b_menu.gif) 0 0 repeat-x}

#menuPan ul.menu{position:absolute; top:14px; left:46px; width:650px}
#menuPan ul.menu li{height:25px; margin-right:20px; float:left}
#menuPan ul.menu li a{height:25px; display:block; text-indent:-20000px; }
#menuPan ul.menu li a:hover{height:25px;}

#menuPan ul.menu li.btn_1 a{width:81px; background:url(../images/btn_1.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_1 a:hover{width:81px; background:url(../images/btn_1_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.btn_2 a{width:69px; background:url(../images/btn_2.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_2 a:hover{width:69px; background:url(../images/btn_2_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.btn_3 a{width:59px; background:url(../images/btn_3.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_3 a:hover{width:59px; background:url(../images/btn_3_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.btn_4 a{width:59px; background:url(../images/btn_4.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_4 a:hover{width:59px; background:url(../images/btn_4_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.btn_5 a{width:72px; background:url(../images/btn_5.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_5 a:hover{width:72px; background:url(../images/btn_5_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.btn_6{margin-right:0}
#menuPan ul.menu li.btn_6 a{width:70px; background:url(../images/btn_6.jpg) 0 0 no-repeat; }
#menuPan ul.menu li.btn_6 a:hover{width:70px; background:url(../images/btn_6_over.jpg) 0 0 no-repeat;}

#menuPan ul.menu li.line{width:2px; background:url(../images/line_m.jpg) 0 0 no-repeat}

/* CONTENT */

#content{width:705px; position:relative; clear:both; margin: 0 auto;}

#leftPan{width:195px; float:left; margin:32px 20px 0 23px; display:inline}
#rightPan{width:430px; float:left; margin:29px 0 0 0;}

#news2{padding-left:8px}
#news h2{height:18px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:18px}
#news p.newsText{padding-bottom:25px}

#welcome{margin-bottom:10px}
#welcome h2{height:21px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat;}
#welcome p.headline{margin-bottom:3px}
#welcome img{float:left; margin-right:12px;display:inline}
#welcome p#welText{float:left; width:335px; margin-left:0; padding-top:16px}

#events h2{height:21px; position:relative; background:url(../images/h_events.gif) 0 0 no-repeat; margin-bottom:5px}
.evItem{width:190px; float:left}
.evItem img{float:left; margin-right:19px}
.evItem p{float:left; width:100px}
.evItem#leftEv{margin:0 42px 0 1px}

.clear#end{height:15px}

/* FOOTER */

#footer{width:705px; height:63px; clear:both; border-top:#f3c442 3px solid}
#footer p{padding: 15px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#fff;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#fff; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#fff}