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



/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


body { background:url(../images/bg_body.gif); font: 12px/20px "Lucida Grande", "Lucida Sans Unicode", Arial, Veranda, sans-serif; color: #333}

a:link, a:visited { color:#08c; text-decoration: underline}
a:hover { color:##08c; text-decoration: underline}

p { font-size:12px; line-height:22px; color:#333}

h1 { font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Veranda, sans-serif; font-size:24px; font-weight:bold; line-height: 36px; margin-bottom: 18px; color:#333}
h2 { font-size:16px; font-weight:bold; line-height: 18px; margin-bottom: 18px; color:#333}
h3 { font-size:22px; font-weight:bold; line-height: 14px; margin-bottom: 10px; color:#08c}
h4 { font-size:14px; font-weight:bold; line-height: 18px; color:#333}
h5 { font-size:10px; font-weight:normal; color:#333; line-height: 18px;}
h6 { font-size:16px; font-weight:bold; line-height: 75px; margin-bottom: 30px; color:#333}

.text_bold { font-weight:bold}


/*
---------------------------------------------
02. container
---------------------------------------------
*/


#container { width:100%; float:left; background:url(../images/bg_shadow.gif) repeat-x top center}

/*
---------------------------------------------
03. topbar
---------------------------------------------
*/


#bgtopbar { width:100%; float:left; border-top:12px solid #EDB12E}
#topbar { width:975px; margin:0 auto; padding-right:23px}

#bgtopbarOneCommunity { width:100%; float:left; border-top:12px solid #94cc11; padding-top: 25px;}


/*
---------------------------------------------
03.1 topbar - button_quick links
---------------------------------------------
*/


#topbar .button_quicklinks a { width:85px; float:right; background:url(../images/bg_quiklinks.gif) no-repeat; font-size:16px; font-weight:normal; color:#FFFFFF; text-decoration:none; text-shadow:0px -1px 0px #A9A9A9; padding:6px 0px 8px 43px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}


/*
---------------------------------------------
03.2 topbar - search
---------------------------------------------
*/


#searchmain { width:230px; float:right; padding-right: 5px; background:url(../images/bg_search.gif) no-repeat; }

.search  { width: 215px; padding-bottom:5px; padding-top:2px; float:left; padding-left:4px}
.search .searchInput { width:180px; float:left; background:#FFFFFF; border:none; font-size:12px; padding: 3px; font-weight:normal; color:#000000; }
.search .searchButton { width: 19px; height:19px; float:right; padding-left:0px; border: none; padding-top:2px; background:url(../images/button_search.gif)} 


/*
---------------------------------------------
04. wrapper
---------------------------------------------
*/


#wrapper { width:998px; margin:0 auto}


/*
---------------------------------------------
05. nav bar
---------------------------------------------
*/


#navbar { width:958px; float:left; background: url(../images/bg_navbar.png) no-repeat; padding:0 20px; padding-top:14px}

#navbar .nav { float:right}
#navbar .nav ul li { float:left; font-family:"lucida grande", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#FFFFFF; letter-spacing:1px; padding:0 5px; text-shadow: 0px -1px 0px #000}
#navbar .nav ul li a { float:left; color:#FFFFFF; text-decoration:none; padding:16px 15px}
#navbar .nav ul li a:hover { float:left; background:#EFB13F; color:#FFFFFF; text-decoration:none; text-shadow:0px -1px 0px #A9A9A9}
#navbar .nav ul li a.selectedPage { float:left; background:#EFB13F; color:#FFFFFF; text-decoration:none; text-shadow:0px -1px 0px #A9A9A9}


#navbar .navOneCommunity { float:right}
#navbar .navOneCommunity ul li { float:left; font-family:"lucida grande", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#FFFFFF; letter-spacing:1px; padding:0 5px; text-shadow: 0px -1px 0px #000}
#navbar .navOneCommunity ul li a { float:left; color:#FFFFFF; text-decoration:none; padding:16px 15px}
#navbar .navOneCommunity ul li a:hover { float:left; background:#94cc11; color:#FFFFFF; text-decoration:none; text-shadow:0px -1px 0px #A9A9A9}
#navbar .navOneCommunity ul li a.selectedPage { float:left; background:#EFB13F; color:#FFFFFF; text-decoration:none; text-shadow:0px -1px 0px #A9A9A9}



/*
---------------------------------------------
06. content
---------------------------------------------
*/


#content { width:963px; float:left; background:url(../images/bg_content.png) repeat-y; padding-left:35px; padding-bottom:10px}


/*
---------------------------------------------
07. logo box
---------------------------------------------
*/


.logobox { width:325px; height:413px; float:left; background:url(../images/bg_logobox.png) no-repeat; margin-top:-83px; margin-right:-5px; padding-left:18px; padding-top:30px; }

.logobox_inner { width:325px; height:116px; float:left; background:url(../images/bg_logobox_inner.png) no-repeat; padding-bottom:10px; margin-top:-83px; padding-left:18px; padding-top:30px; }
.logobox_innerinside { width:325px; height:85px; float:left; background:url(../images/bg_logobox_inner.png) no-repeat; padding-bottom:10px; margin-top:-83px; padding-left:18px; padding-top:30px; }

.logo { float:left}
.logoOneCommunity { margin-left: 30px; margin-top: -10px; margin-bottom: 0px; float:left}

.divider { width:275px; float:left; border-bottom:1px dashed #C0C6C4; padding-top:30px}

.servicetimes { width:250px; float:left; padding-top:10px; text-shadow: 0px 2px 0px #fff} 
.servicetimes h5 { float:left}
.servicetimes h5.contemporary { float:left}
.servicetimes h3 { font-size:22px; font-weight:bold; line-height: 18px; margin-bottom: 5px; color:#08c; text-shadow: 0px 2px 0px #fff}

.servicetimesOneCommunity { width:275px; float:left; padding-top:20px; text-shadow: 0px 2px 0px #fff} 


.location { width:140px; float:left; padding-top:30px; text-shadow: 0px 2px 0px #fff} 
.map { width:155px; float:left; padding-top:25px} 

.button_click { width:304px; float:left; padding-top:10px; background-position: 0px 0px}


/*
---------------------------------------------
08. main photo
---------------------------------------------
*/


.photobox { width:576px; float:left; background:#4B4F4D; padding:8px 8px 7px 10px; margin-top:15px; position: relative;}


#feature {
	float: left;
	width: 576px;
	background:#4B4F4D;
	margin-top: 30px;
	padding: 8px 8px 7px 10px;
	min-height: 298px;
	_ margin: 34px 0 0 0;
	_ padding: 20px 22px 73px 21px;
	_ background: url(../images/bg_feature.jpg) no-repeat 1px 0;
	_ height: 298px;
	position: relative;
	}
	
#feature .overflow {
	overflow: hidden;
	}
	
#feature #mySlides {
	width: 1728px;
	height: 298px;
	}
	
#feature .slide {
	width: 576px;
	height: 298px;
	float: left;
	}
	
#feature #myController {
	position: absolute;
	bottom: 20px;
	right: 20px;
	z-index: 10;
	width: 117px;
	height: 34px;
	}

#feature #myController li {
	float: left;
	margin: 0 0 0 5px;
	}
	
#feature #myController li.one a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature1.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.two a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature2.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.three a {
	display: block;
	_ float: left;
	background: url(../images/btn_feature3.png) no-repeat -34px 0;
	width: 34px;
	height: 34px;
	text-indent: -9999px;
	}
	
#feature #myController li.three a:hover,
#feature #myController li.two a:hover,
#feature #myController li.one a:hover,
#feature #myController li.jFlowSelected a,
#feature #myController li a.jFlowSelected {
	background-position: 0 0;
	}




/*
#buttons {
position:absolute;
right:33px;
top:25px;
width:72px;
z-index:4;
}

.overflow {
overflow:hidden;
width:576px;
height: 325px;
}

.jFlowPrev {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/prev.png) no-repeat scroll -34px 0;
display:block;
float:left;
height:34px;
margin:0 4px 0 0;

width:34px;
}

.jFlowNext {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/next.png) no-repeat scroll -34px 0;
display:block;
float:left;
height:34px;
width:34px;}

#mySlides {
	overflow: hidden; position: relative; width: 1728px; height: 363px; margin-left: -542px;}
	
#slide1 {width:576px; height: 325px;}
.slide {width:576px; height: 325px;}
	
#myController {position: relative; width: 576px; height: 363px; float: left;}

.hide {position: relative; width: 576px; height: 363px; float: left;}

*/


/*
---------------------------------------------
08. quick links
---------------------------------------------
*/



#bannerlinks { width:958px; float:left; background:url(../images/bg_bottomcontent.png) no-repeat; padding:27px 0 34px 40px; position:relative}

.box_pressplay { width:278px; float:left; background:#2D2E2D; padding:10px 12px}


.box_evite { width:276px; float:left; background:#2D2E2D; padding:10px 11px 10px 13px; margin:0 9px}

.photo_evite { float:left}
.link_evite { float:left; padding-left:93px; margin-top:-127px}


.box_youth { width:276px; float:left; background:#2D2E2D; padding:10px 8px;}

.photo_youth { float:left}
.link_youth { float:left; padding-left:43px; margin-top:-102px}



/*
---------------------------------------------
09. footer
---------------------------------------------
*/


#footer { width:920px; float:left; padding:32px 38px 80px 40px; }
#footer .footerlinks { margin-top:-30px;}

#footer p .developer { padding-left:0px}

#footerOneCommunity { width:920px; float:left; padding:32px 38px 80px 40px; }
#footerOneCommunity .footerlinks { margin-top:-30px;}
#footerOneCommunity .footerlinks a { color: #94cc11;}

#footerOneCommunity p .developer { padding-left:0px}



/*
---------------------------------------------
09.1 footer - icon links
---------------------------------------------
*/


#bgiconlinks { float:right; background:url(../images/bg_iconbox_right.png) no-repeat top right; padding-right:14px; margin-top:-47px}

.iconlinks { height:54px; float:left; background:url(../images/bg_iconbox_left.png) no-repeat; padding-left:8px}
.iconlinks ul li { float:left; background:url(../images/icon_divider.gif) no-repeat right center; padding:10px}
.iconlinks ul li.bordernone { background:none}


.iconlinks_inner { width:323px; height:116px; float:left; background:url(../images/bg_logobox_inner.png) no-repeat; padding-bottom:10px; margin-top:-83px; padding-left:20px; padding-top:30px; position:relative}

#bgiconlinks2 { float:right; background:url(../images/bg_iconbox_right2.png) no-repeat top right; padding-right:14px; margin-top:-47px}

.iconlinks2 { height:54px; float:left; background:url(../images/bg_iconbox_left2.png) no-repeat; padding-left:12px}
.iconlinks2 ul li { float:left; background:url(../images/icon_divider.gif) no-repeat right center; padding:10px}
.iconlinks2 ul li.bordernone { background:none}


.iconlinks_inner2 { width:323px; height:116px; float:left; background:url(../images/bg_logobox_inner.png) no-repeat; padding-bottom:10px; margin-top:-83px; padding-left:20px; padding-top:30px; position:relative}

/*
---------------------------------------------
10. innerpage content
---------------------------------------------
*/


#content_inner { width:911px; float:left; background:url(../images/bg_content_inner.gif) repeat-y} 


/*
---------------------------------------------
11. innerpage - left panel
---------------------------------------------
*/


#leftpanel { width:680px; float:left}

#leftpanel h1 { font-family:lucida grande, Arial, Helvetica, sans-serif;padding-top:10px}
#leftpanel p { font-family:lucida grande, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; padding-bottom:10px}

#leftpanel2 { width:890px; float:left}


/*
---------------------------------------------
12. innerpage - right panel
---------------------------------------------
*/


#rightpanel { width:210px; float:left; padding-left:20px}
#rightpanel p { font-family:lucida grande, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; padding-bottom:20px; }


#rightpanel ul li { width:210px; float:left; font-family: lucida grande, Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#4D4F4D; text-align:right; text-shadow: #fff 0px 1px 1px	} 
#rightpanel ul li a { width:190px; float:left; color:#4D4F4D; text-decoration:none; padding:8px 10px} 
#rightpanel ul li a:hover { color:#4D4F4D; text-decoration:none; background:#F0B131}
#rightpanel ul li a.selectedPage { color:#4D4F4D; text-decoration:none; background:#F0B131}

#rightpanelOneCommunity { width:210px; float:left; padding-left:20px}
#rightpanelOneCommunity p { font-family:lucida grande, Arial, Helvetica, sans-serif; font-size:14px; color:#000000; padding-bottom:20px; }


#rightpanelOneCommunity ul li { width:210px; float:left; font-family: lucida grande, Arial, Helvetica, sans-serif; font-size:19px; font-weight:normal; color:#4D4F4D; text-align:right; text-shadow: #fff 0px 1px 1px	} 
#rightpanelOneCommunity ul li a { width:190px; float:left; color:#4D4F4D; text-decoration:none; padding:8px 10px} 
#rightpanelOneCommunity ul li a:hover { color:#4D4F4D; text-decoration:none; background:#94cc11}
#rightpanelOneCommunity ul li a.selectedPage { color:#4D4F4D; text-decoration:none; background:#94cc11}