/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#969686; font:10px/14px Tahoma, Geneva, 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:#f56848; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

.headline{font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3f3128; font-weight:bold}

#container{width:775px; position:relative; margin:0 auto; background:url(../images/b_header.jpg) 0 0 no-repeat}

/* HEADER */

#header{width:775px; height:273px; position:relative; }
#header img#logo{position:absolute; top:0; left:15px}


#header ul.menu{position:absolute; top:72px; left:24px; width:127px}
#header ul.menu li{ width:127px; height:28px; margin-bottom:3px;}
#header ul.menu li a{ width:127px; height:28px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{ width:127px; height:28px;}

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

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

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

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

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

/* CONTENT */

#content{width:775px; position:relative;}

#leftPan{width:208px; float:left; margin:0 49px 0 23px; display:inline}
#rightPan{width:455px; float:left; margin:56px 0 0 0;}

#news{margin-bottom:25px}
#news h2{height:26px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:15px}
#news p{margin:0 0 15px 5px}
#news p span{display:block; margin-bottom:5px; padding-left:19px; background:url(../images/arrow.gif) 0 0 no-repeat; font:12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#3f3128; font-weight:bold}

#ideas h2{height:26px; position:relative; background:url(../images/h_ideas.gif) 0 0 no-repeat; margin-bottom:9px}
#ideas img{margin-bottom:15px}
#ideas p{margin:0 0 0 4px}
#ideas p span{display:block; margin-bottom:10px}

#welcome{margin-bottom:25px}
#welcome h2{height:34px; position:relative; background:url(../images/h_welcome.gif) 0 0 no-repeat; margin-bottom:11px}
#welcome img{float:left; margin: 0 20px 0 2px; display:inline}
#welcome p{width:346px; float:left}
#welcome p span{display:block; margin-bottom:8px}

#featured h2{height:34px; position:relative; background:url(../images/h_featured.gif) 0 0 no-repeat; margin-bottom:15px}
.fItem{width:220px; float:left}
.fItem img{float:left; margin: 0 14px 0 0 }
.fItem p{margin-top:13px}
.fItem p.fText{width:100px; float:left; font:10px/14px Tahoma, Geneva, sans-serif; color:#3f3128; margin-top:0}
.fItem#fItem1{margin-right:15px} 


.clear#end{height:15px}

/* FOOTER */

#footer{width:775px; height:60px; clear:both; background:#eedfcc }
#footer p{padding: 14px 0 0 0; font:11px/16px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#3f3128;}
#footer p a{font:11px/16px Tahoma, sans-serif; font-weight:normal; color:#3f3128; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#3f3128}