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


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

html {overflow-x: hidden;}

body { margin:0px; padding:0px; background:#000000 url(../images/bg_body.gif) repeat-x top center; font-family:Arial }

p { margin:0px; padding:0px; font-size:12px; font-weight:normal; color:#5e5e5e; padding-bottom:20px}
p a:link, p a:visited { text-decoration:none; font-weight:bold; color:#000000}
p a:hover { text-decoration:underline; color:#000000}

li a:link, li a:visited { color:#000000; list-style: none;}

h1 { margin:0px; padding:0px; font-size:22px; font-weight:bold; color:#000000}

img { border:none}


/*
---------------------------------------------
02. bglogo
---------------------------------------------
*/

#bgheader { width:100%; background:url(../images/bg_bluebar.png) repeat-x center; padding-top:25px}
#header { width:1029px; height:85px; margin:0 auto}

#header .logo { width:370px; padding-left:350px;}


/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:1028px; margin:0 auto; padding-bottom:12px;}


/*
---------------------------------------------
04. content
---------------------------------------------
*/

#button_new { width:918px; height:25px; margin:0 auto; text-align:right; padding-right:110px; position:relative}

/*
---------------------------------------------
05. main box styles
---------------------------------------------
*/

#mainbox { width:1028px; float:left; margin-left:-10px; padding-bottom:20px}

#mainbox_top { width:1028px; height:20px; float:left; background:url(../images/mainbox_top.png) no-repeat bottom; margin-top:-1px}
#mainbox_middle { width:956px; float:left; background:url(../images/mainbox_middle.png) repeat-y; padding-left:32px; padding-right:40px;}
#mainbox_bottom { width:1028px; height:40px; float:left; background:url(../images/mainbox_bottom.png) no-repeat top; position:relative; margin-top:-10px}


/*
---------------------------------------------
06. left panel styles
---------------------------------------------
*/

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

#search1 { width:221px; height:100px; margin-left:41px; position:top; margin-top:-106px; padding-left:7px; padding-top:10px}
#search { width:221px; height:40px; background:url(../images/bg_search.gif) no-repeat; margin-left:41px; position:relative; margin-top:-35px; padding-left:14px; padding-top:10px}
#search  .searchInput { border: none; width:140px; float:left; border:none; margin-top:2px}
#search  .searchButton { 	
	border: none;
	background: url(../images/button_search.gif) 0 0 no-repeat;
	width: 55px;
	height: 20px;
	float:left;
	left: 10px;
	top: 5px;}

	.menuitem2
	{
		background: url(../images/mi_bg.png) no-repeat top center;
		font: bold 12px arial;
		text-transform: uppercase;
		color: white;
		display: block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width: auto;
		padding: 14px 12px 0px 24px;
		text-decoration: none;
		height: 35px;
		vertical-align: bottom;

	}

/*
---------------------------------------------
07. middle panel styles
---------------------------------------------
*/

#middlepanel { width:430px; float:left; padding:11px 26px 0px 22px; z-index:25; }
#middlepanel2 { width:650px; float:left; padding:11px 26px 0px 22px; z-index:25; position: relative;}


.photo_smallgroups { width:430px; height:333px; float:left; padding-bottom:11px; z-index:100; position: relative;}

.divider { width:451px; height:14px; float:left; background:url(../images/divider.gif) no-repeat; padding-bottom:11px; margin-left:-10px}

.photo_youth { width:204px; height:128px; float:left; padding:0 10px 0 0px; z-index:50; position: relative;}
.photo_coffee { width:214px; height:128px; float:left; z-index:50; position: relative;}



/*
---------------------------------------------
08. right panel styles
---------------------------------------------
*/


#rightpanel { width:222px; float:left; padding-left:11px; padding-top:12px}
#rightpanel .photo { width:210px; float:left; padding-bottom:12px}


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


#bg_footer { width:100%; height:32px; float:left; background:url(../images/bg_footer.gif) repeat-x; padding-bottom:39px}

#footer { width:970px; margin:0px auto; padding-top:8px; padding-left:10px}
#footer p { color:#FFFFFF; font-size:12px}
#footer p a { text-decoration:underline; color:#FFFFFF}
#footer p .developer { padding-left:20px}


/*
---------------------------------------------
10. about us page styles
---------------------------------------------
*/


#middlepanel .photo_about { width:430px; height:209px; float:left; padding-bottom:25px;}
#middlepanel .content { width:425px; float:left; padding-left:5px}
#middlepanel .content h1 { width:425px; float:left; border-bottom:1px solid #5E5E5E; padding-bottom:5px; margin-bottom:10px }
#middlepanel .about_content p { width:425px; float:left; padding-top:10px; padding-bottom:7px}

/* BLOG ITEM */	
	/* blog listing page */

.blogList {
	padding: 0;		
}
	.blogList ul {
		margin: 0 !important;
		padding: 0 !important;
	}
		.blogList ul li {
			margin-left:10px;
		}
			.postBody ul li {
				list-style:disc;
				margin-left:10px;
			}

		.blogList ul li h2.postTitle {
			font-size: 14px;
			margin: 0;
			color: #999;
		}
		
		
		/* Lightbox

		--------------------------------------------------------------*/



		.lightbox { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }

		#lightbox_content { position: absolute; left: 0; top: 0; padding-bottom: 150px; z-index: 9999; }



		.lightbox-content { width: 600px; height: 400px; display: block;}





		/* Confirmation Message

		--------------------------------------------------------------*/



		.confirmation-content { width: 600px; height: 400px; display: block; background: #FFF; }

		.confirmation-content-inner { padding: 2em 0 0 0; }



		.confirmation-content .text { width: 90%; margin: 0 auto; display: block; overflow: auto; padding: 0.2em 0.3em; background: #FFF url(/themes/light/images/input_bg.gif) top repeat-x; border: 1px solid #CCC; border-top: 1px solid #999; border-left: 1px solid #999; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }



		.confirmation-content .save-options { padding: 1em 2em; display: block; text-align: right; }

		.confirmation-content .save-options .button { font-size: 0.9em; font-family:Verdana; font-weight:bold; }

		.confirmation-content-message { padding: 10px; font-family:Verdana; font-size: 12px;}