@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:underline; color:#000000}
p a:hover { text-decoration:underline; color:#000000}

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_middleNONAV.png) repeat-y; padding-left:32px; padding-right:40px;}
#mainbox_bottom { width:1028px; height:40px; float:left; background:url(../images/mainbox_bottomNONAV.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
---------------------------------------------
*/

#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
---------------------------------------------
*/


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