/* CSS Document */
body{
	padding:0px;
	margin:0px;
	background:#fff url(../images/b_body.gif) 0 0 repeat-x;
	color:#848484;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 12px;
	line-height: 16px;
}
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 Trebuchet MS, sans-serif; color:#f6013a; text-decoration:underline;}
p a:hover{ color:#000; text-decoration:none;}

p span.headline{font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold}

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

ul.bullets li{font:10px/14px Trebuchet MS, sans-serif; background:url(../images/bullet1.gif) 0 4px no-repeat; padding-left:14px; height:16px;}
ul.bullets li a{color:#515151; text-decoration:underline;}
ul.bullets li a:hover{color:#515151; text-decoration:none; background:#f4f6f9}

/* TOP */

#topPan{width:678px; position:relative; clear:both; height:86px}

#topPan ul.menu{position:absolute; top:10px; left:10px; width:660px}
#topPan ul.menu li{float:left; height:45px; margin-right:35px}
#topPan ul.menu li a{height:45px; display:block; text-indent:-20000px; }
#topPan ul.menu li a:hover{height:45px;}

#topPan ul.menu li.home a{width:91px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#topPan ul.menu li.home a:hover{width:91px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.about a{width:76px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#topPan ul.menu li.about a:hover{width:76px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.events a{width:75px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#topPan ul.menu li.events a:hover{width:75px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.services a{width:73px; background:url(../images/btn_4.gif) 0 0 no-repeat; }
#topPan ul.menu li.services a:hover{width:73px; background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.gallery a{width:73px; background:url(../images/btn_5.gif) 0 0 no-repeat; }
#topPan ul.menu li.gallery a:hover{width:73px; background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

#topPan ul.menu li.contacts {margin-right:0}
#topPan ul.menu li.contacts a{width:95px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#topPan ul.menu li.contacts a:hover{width:95px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

/* CONTENT */

#content{width:678px; position:relative; clear:both; background:url(../images/b_header.jpg) 0 0 no-repeat}

#logo{position:absolute; top:36px; left:32px}
#incontent{width:632px; position:relative; padding:255px 0 0 0; margin:0 auto}

#leftPan{width:189px; margin:5px 20px 0 0; float:left; display:inline}
#rightPan{width:422px; float:left;}

#news{width:182px; margin-left:4px; margin-bottom:23px}
#news h2{height:25px; position:relative; background:url(../images/h_news.gif) 0 0 no-repeat; margin-bottom:11px}
#news p{margin-left:7px; margin-bottom:10px}
#news p span{ height:18px; background:url(../images/calendar.gif) 0 0 no-repeat; padding-left:35px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#2f2f2f; font-weight:bold; padding-top:6px}
#news p a{font:10px/14px Tahoma, sans-serif; color:#848484; text-decoration:underline;}
#news p a:hover{ color:#000; text-decoration:none;}

#news ul.btn_morenews{width:77px; height:14px; margin-left:105px;}
#news ul.btn_morenews li{width:77px; height:14px; text-align:center;  background:url(../images/b_btn_more.gif) 0 0 no-repeat}
#news ul.btn_morenews li a{width:77px; height:14px;font:10px/14px Tahoma, sans-serif; color:#000; text-decoration:none;}
#news ul.btn_morenews li a:hover{color:#b70909}

#why{width:182px; margin-left:4px;  margin-bottom:30px}
#why h2{height:25px; position:relative; background:url(../images/faqs.gif) 0 0 no-repeat; margin-bottom:11px}
#why ul.bullets {width:175px; margin-left:5px;}

#ad{width:182px; margin-left:4px;  margin-bottom:30px}
#ad h2{height:25px; position:relative; background:url(../images/h_why.gif) 0 0 no-repeat; margin-bottom:11px}
#ad ul.bullets {width:175px; margin-left:5px;}

#welcome{width:422px; margin-bottom:25px}
#welcome h2{
	height:41px;
	position:relative;
	background:url(../images/h_welcome.gif) 0 0 no-repeat;
	background-image: url(../images/h_welcome.gif);

}
#welcome p.subtitle{clear:both; border:#dadbdd 1px dashed; border-left:none; border-right:none; padding:7px 5px; margin-bottom:13px; font:11px/14px Trebuchet MS, sans-serif; color:#b5b5b5; text-transform:uppercase}
#welcome img{float:left; margin-right:10px; margin-bottom:10px}
#welcome #welcomeText{width:275px; float:left;  margin-bottom:10px}
#welcome ul.bullets {margin-left:8px;}

#events{width:215px; margin-right:15px; float:left}
#events h2{height:25px; position:relative; background:url(../images/h_events.gif) 3px 0 no-repeat; margin-bottom:13px}
.eventsTopic{width:210px; margin-bottom:15px;}
.eventsTopic img{float:left; margin-right:12px}

#services{width:190px; float:left}
#services h2{height:25px; position:relative; background:url(../images/h_services.gif) 3px 0 no-repeat; margin-bottom:16px}
#services p{margin-bottom:7px}
#services p span{ min-height:30px; background:url(../images/check.gif) 0 2px no-repeat; padding-left:37px; display:block; margin-bottom:5px; font:12px/14px Trebuchet MS, sans-serif; color:#ea7d1e; }

/* FOOTER */

#footer{height:72px; clear:both; margin:0 auto; width:775px; margin-top:20px; background:url(../images/b_footer.gif) 0 0 repeat-x;}
#footer p{padding: 20px 0 0 0; font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p span{font:11px/16px Trebuchet MS, sans-serif; }
#footer p a{font:11px/16px Trebuchet MS, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 5px }
#footer p a:hover{text-decoration:none; background:#848484; color:#fff}

/* CSS Popout menuv */

/* Fix IE. Hide from IE Mac \*/
* html #menuv ul li{float:left;height:1%;}
* html #menuv ul li a{height:1%;}
/* End */

#menuv		/* position, size, and font of  menu */
	{
	position:absolute;
	top:452px;
	left:222px;
	z-index: 10;
	width: 8em;						/* [1] width of menu item (i.e., box) */
	text-align: center;
	font-size: 0.9em;
	font-family: helvetica, arial, geneva, sans-serif;
	}

#menuv a
	{
	width: 100%;
	display:block;						
	padding-top: 0.2em;						/* expands menu box vertically*/
	padding-bottom: 0.2em;
	border-bottom:1px solid #555;		/* adds bottom border */
	white-space:nowrap;
	}

#menuv a, #menuv a:visited				/* all menus at rest */
	{
	color: black;
	background-color: #F9567C;
	text-decoration:none;				/* removes underlines from links */
	}

#menuv a.parent, #menuv a.parent:hover 	/* attaches parent-arrow on all parents */
	{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
	}

#menuv a:hover				/* all menus on mouse-over */
	{
	color: white;
	background-color: cornflowerblue;
	}
		
#menuv li
	{
	list-style-type:		/* removes bullets */
	}
	
#menuv ul li
	{
	position:relative;
	}

#menuv li ul
	{
	position: absolute;
	top: 0;
	left: 8em;				/* distance from  left menu (this should be the same as width value in #menuv [1]) above */
	display: none;
	}

div#menuv ul, #menuv ul ul, div#menuv ul ul ul
	{
	margin:0;				/* keeps the menu parts together */
	padding:0;
	width: 8em;			/* width of sub menus  (this should be the same as width value in #menuv [1]) above */
	}

div#menuv ul ul, div#menuv ul ul ul, div#menuv ul li:hover ul ul, div#menuv ul li:hover ul ul ul
	{
	display: none;
	}

div#menuv ul li:hover ul, div#menuv ul ul li:hover ul, div#menuv ul ul ul li:hover ul
	{
	display: block;
	}
	
.more {
    display: none;
    border-top: 1px solid #666;
    border-bottom: 1px solid #666; }
a.showLink, a.hideLink {
    text-decoration: none;
    color: #36f;
    padding-left: 8px;
    background: transparent url('down.gif') no-repeat left; }
a.hideLink {
    background: transparent url('up.gif') no-repeat left; }
a.showLink:hover, a.hideLink:hover {
    border-bottom: 1px dotted #36f; }