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

body {
	font-family: Arial, Helvetica, sans-serif;
 	margin: 0px;
}
	/** Wrapper **/
	div#wrap {
		/* width: 915px;*/
	}
		/** Header **/
		div#header {
			border-top: 4px #5bac01 solid;
			height: 182px;
			background: url("../images/header_bg.jpg") bottom repeat-x;
			border-bottom: solid 1px #949494;
		}
			div#logo {
				width: 915px;
				margin: 17px auto 0px auto;
				height: 68px;
			}
				div#logo img {
					margin-bottom: 8px;
				}
				div#logo span {
					font-size: 11px;
					margin: 0px 0px 0px 139px;
				}
			div#right_stuff {
				float: right;
			}
				div#right_stuff h1 {
					margin: 0px;
					padding: 0px;
				}
			div#tabs {
				width: 915px;
				margin: 0px auto 0px auto;
				height: 36px;
				position: relative;
				top: 1px;
			}
				div#tab_current {
					float: left;
				}
					div#tab_current img{
						border: 0;
					}	
					#tab_current_content {
						background: url("../images/selected_bg.jpg");
						height: 27px;
						color: #FFF;
						font-size: 13px;
						padding: 9px 3px 0px 3px;
						font-weight: bold;
						float: left;
					}
						div#tab_current a {
							color: #FFF;
							text-decoration: none;
						}	
				.tab_simple {
					margin-top: 6px;
					margin-left: 4px;
					float: left;
				}	
					.tab_simple img{
						border: 0px;
					}
					.tab_simple_content {
						background: url("../images/simple_bg.jpg");
						height: 23px;
						color: #a9a8a8;
						font-size: 13px;
						padding: 6px 8px 0px 8px;
						font-weight: bold;
						float: left;	
					}
						.tab_simple a {
							color: #a9a8a8;
							text-decoration: none;
						}
				.tab_hover {
					margin-top: 4px;
					margin-left: 4px;
					float: left;
				}
					.tab_hover img {
						border: 0px;
					}
					.tab_hover_content {
						background: url("../images/hover_bg.jpg");
						height: 23px;
						color: #099009;
						font-size: 13px;
						padding: 8px 8px 0px 8px;
						font-weight: bold;
						float: left;	
					}
						.tab_hover a {
							color: #099009;
							text-decoration: none;
						}
			div#top_bar {
				height: 70px;
				border-top: solid 1px #00b8d6;
			}
				div#tpb_content {
					width: 915px;
					margin: 17px auto 0px auto;
				}
					div#top_bar h3 {
						color: #FFF;
						margin: 0px 0px 0px 0px;
						padding: 0px;
						font-size: 23px;
						float: left;
					}
					div#top_bar img {
						float: left;
						margin: -4px 8px 0px 0px;
					}
					div#top_bar span {
						font-size: 13px;
						color: #FFF;
						float: left;
						margin: 10px 0px 0px 0px;
					}
		/* Main content */
		div#main_content {
			background:url("../images/main_bg.jpg") repeat-x;
			padding: 20px 0px 0px 31px;
		}
			/** Blocks **/
			div#blocks {
				width: 948px;
				margin: auto;
			}
				/** Left Blocks **/
				div#left_blocks {
					width: 307px;
					float: left;
					margin-bottom: 7px;
				}
					div.l_block {
						background: #FFF;
						width: 295px;
						border: solid 1px #d7d7d7;
						padding: 5px 5px 5px 5px;
						margin: 0px 0px 13px 0px;
					}
						div.l_block h1 {
							height: 20px;
							background:url("../images/left_b_bg.jpg") repeat-x;
							font-size: 12px;
							color: #488e00;
							padding: 2px 0px 0px 1px;
							margin: 0px;
						}
							div.l_block h1 img {
								float: left;
								margin: 0px 7px 0px 0px;
							}
						div.l_content {
							margin: 3px 0px 0px 0px;
							font-size: 12px;
						}
						    div.l_content p {
                                margin: 0px;
						    }
						    div.l_content p.postsp {
                                margin-top: 6px;
                                margin-bottom: 5px;
						    }
							div.l_content ul {
								margin: 7px 0px 7px 0px;
								padding: 0px;
								list-style: none;
							}
								div.l_content ul li {
									border-bottom: solid 1px #91bb66;
									color: #3a99e7;
									padding: 7px 0px 3px 0px;
								}
								div.l_content ul li.post {
   				 					background:url("../images/blogpost.gif") no-repeat 0px 7px;
									border-bottom: solid 1px #91bb66;
									color: #3a99e7;
									padding: 7px 0px 3px 0px;
								}
								div.l_content ul li.post:hover {
   				 					background:url("../images/blogpost_h.gif") no-repeat 0px 7px;
								}
									div.l_content ul li img {
										margin: 0px 4px 0px 0px;
										float: left;
									}
									div.l_content ul li span {
										font-size: 10px;
										color: #000;
									}
									div.l_content ul li p {
										font-size: 10px;
										color: #000;
									}
									a.morepost {
                                        color: #488E00;
										font-size: 14px;
									 	font-weight: bold;
									 	text-decoration: none;
									}
									a.morepost:hover {
										text-decoration: underline;
									}
									div.spacer {
										font-size: 5px;
										height: 5px;
									}
									a.more {
										color: #3a99e7;
										font-size: 11px;
										font-weight: bold;
										text-decoration: none;
										margin: 0px 0px 0px 5px;
									}
									a.more:hover {
										color: #488E00;
										text-decoration: underline;
									}
									div.l_content ul li a {
										color: #3a99e7;
										text-decoration: none;
									}
									div.l_content ul li a:hover {
										color: #488E00;
										text-decoration: underline;
									}
									div.l_content ul li.post a.whover {
										padding-left: 17px;
										color: #3a99e7;
										text-decoration: none;
									}
									div.l_content ul li.post a.whover:hover {
										padding-left: 17px;
										color: #488E00;
										text-decoration: underline;
									}
							div.l_content div#forum_stuff {
								height: 300px;
								width: 290px;
								overflow-y: scroll;
							}
						div#block-4 {
							font-size: 11px;
						}
							div#block-4 a {
								color: #0099e1;
								text-decoration: none;
								font-weight: bold;
							}
				/** Right Blocks **/
				div#right_blocks {
					width: 577px;
					background: #FFF;
					border: solid 1px #bcdead;
					margin: 0px 0px 7px 7px;
					float: left;
					padding: 7px 7px 7px 7px;
				}
					div.g_block {
						width: 577px;
					}
						div.g_block h1 {
							height: 22px;
							background: url("../images/right_g_bg.jpg") repeat-x;
							margin: 0px;
							padding-top: 2px;
							padding-left: 2px;
						}
							div.g_block h1 img {
								float: left;
								margin: 0px 7px 0px 0px;
								border: 0px;
								padding: 0px;
							}
							div.g_block h1 span {
								font-size: 12px;
								color: #488e00;
								word-spacing: 2px;
								float: left;
							}
						table.g_content {
							padding: 5px 0px 15px 5px;
						}
							.g_content td {
								margin-right: 4px;
								padding: 7px;
								margin-bottom: 4px;
								background-color: #FFF;
								background-position: center center;
								background-repeat: no-repeat;
							}
							.x1y1 {
								border: solid 1px #ccecaa;
								width: 268px;
								height: 154px;
                                background: no-repeat center center;
                                padding: 7px;
                                margin: 5px 5px 0px 0px;
							}
							.x2y1 {
								border: solid 1px #ccecaa;
							    width: 560px;
								height: 154px;
                                background: no-repeat center center;
                                padding: 7px;
                                margin: 5px 5px 0px 0px;
							}
							.x1y2 {
								border: solid 1px #ccecaa;
								width: 268px;
								height: 328px;
                                background: no-repeat center center;
                                padding: 7px;
                                margin: 5px 5px 0px 0px;
							}
							.x1y1c,.x1y2c  {
								border: 0px;
								background: url("images/pic2.jpg") no-repeat center;
								width: 266px;
								height: 154px;
							}
							.x1y2c { height: auto; }
							.x2y1c {
								border: 0px;
								background: url("images/pic3.jpg") no-repeat center;
								width: 552px;
								height: 154px;
							}
							/*div.g_content img {
								padding: 7px;
								border: solid 1px #ccecaa;
								margin-bottom: 3px;
							}
							div.ppic {
								margin-right: 4px;
								padding: 7px;
								margin-bottom: 3px;
								border: solid 1px #ccecaa;
								background: #FFF;
							}
							div.t_pics {
								width: 574px;
							}
							div.pic1 {
								float: right;
								background: url("../../images/pic1.jpg") no-repeat center;
								width: 266px;
								height: 154px;
								margin-right: 7px;
							}
							div.pic2 {
								background: url("../../images/pic2.jpg") no-repeat center;
								width: 265px;
								height: 154px;
								float: left;
							}
							div.pic3 {
								background: url("../../images/pic3.jpg") no-repeat center;
								width: 552px;
								height: 154px;
								clear: both;
							}
							.r_pics {
								width: 266px;
								float: right;
								margin-right: 20px;
							}
							div.pic4 {
								background: url("../../images/pic4.jpg") no-repeat center;
								width: 266px;
								height: 154px;
							}
							div.pic5 {
								background: url("../../images/pic5.jpg") no-repeat center;
								width: 266px;
								height: 153px;
							}
							.l_pics {
								width: 266px;
								float: left;
							}
							div.pic6 {
								background: url("../../images/pic6.jpg") no-repeat center;
								width: 266px;
								height: 154px;
								margin-bottom: 20px;
							}
							div.pic8 {
								background: url("../../images/pic8.jpg") no-repeat center;
								width: 266px;
								height: 328px;
							}*/
							div.image_hover {
								display: none;
								/*width: 95%;*/
								margin: 0px;
								padding: 0px;
								float: right;
							}
								div.x2y1-hover {
									width: 540px;
								}
								div.x2y1-hover h1 {
									width: 95%;
								}
								div.x1y1-hover, div.x1y2-hover {
									width: 256px;
								}
								div.x1y1-hover h1, div.x1y2-hover h1 {
									width: 90%;
								}
								div.x1y1-hovertop, div.x1y2-hovertop {
									font-size: 0px;
									width: 85%;
								}
								div.x1y1-hovermain, div.x1y2-hovermain {
									/*width: 94.7%;*/
									width: 243px;
								}
								div.x2y1-hovermain {
									/*width: 94.7%;*/
									width: 98.2%;
								}
								div.x1y1-hoverbtm, div.x1y2-hoverbtm {
									width: 85%;
								}
								div.x2y1-hoverbtm {
									width: 93.5%;
								}
								div.x2y1-hovertop {
									font-size: 0px;
									width: 93.5%;
								}
								div.image_hover img {
									padding: 0px;
									border: 0px;
									float: left;
									margin: 0px;
								}
								div.ih_top {
									background: url("../images/ih_tbg.gif") repeat-x;
									height: 17px;
									float: left;
									/*width: 85%;*/
								}
								div.ih_sl {
									float: left;
									/*width: 95%;*/
									background: url("../images/ih_lbg.gif") repeat-y left;
									padding-left: 7px;
								}
								div.ih_sr {
									background: url("../images/ih_rbg.gif") repeat-y right;
									padding-right: 7px;
								}
								div.ih_main {
									background: #FFF;
									border-left: solid 1px #a9a9a9;
									border-right: solid 1px #a9a9a9;
									font-size: 12px;
									padding: 0px 6px 0px 10px;
								}
									div.ih_main h1 {
										color: #3a99e7;
										font-size: 14px;
										background: none;
										float: left;
										/*width: 90%;*/
									}
									div.ih_main h1 a {
										color: #3a99e7;
										font-size: 14px;
									}
										div.ih_main h1 img {
											float: right;
											margin: 0px 0px 0px 0px;
										}
									div.ih_main p {
                                        margin: 0px;
										clear: both;
										font-size: 10px;
										color: #757778;
										margin-bottom: 17px;
									}
									div.ih_main a {
										text-decoration:none;
										font-size: 10px;
										color: #3a99e7;
									}
									div.ih_main span {
										font-size: 10px;
										color: #248f12;
									}
								div.ih_bottom {
									float: left;
									/*width: 85%;*/
									height: 17px;
									background:url("../images/ih_bbg.gif");
								}
					div.b_block {
						clear: both;
						width: 577px;
					}
						div.b_block h1 {
							height: 22px;
							background: url("../images/right_b_bg.jpg") repeat-x;
							margin: 0px;
							padding-top: 2px;
							padding-left: 2px;
						}
							div.b_block h1 img {
								float: left;
								margin: 0px 7px 0px 0px;
								border: 0px;
								padding: 0px;
							}
							div.b_block h1 span {
								font-size: 12px;
								color: #0489c4;
								word-spacing: 2px;
								float: left;
							}
							div.b_block div.ih_main h1 {
										color: #3a99e7;
										font-size: 14px;
										background: none;
										float: left;
										/*width: 90%;*/
									}
						table.b_content {
							padding: 5px 0px 10px 5px;
							width: 573px;
						}
							/*div.b_content img {
								padding: 7px;
								border: solid 1px #a0d7f0;
								margin-bottom: 3px;
							}*/
							.b_content td  {
								margin-right: 4px;
								padding: 7px;
								margin-bottom: 4px;
								background-color: #FFF;
								background-position: center;
								background-repeat: no-repeat;
							}
							table.b_content .x1y1,
							table.b_content .x1y2,
							table.b_content .x2y1 {
								border: solid 1px #a0d7f0;
							}
		div#footer {
			border-top: 1px solid #b6b6b6;
			background: #cccccc url("../images/footer_bg.jpg");
			height: 116px;
			clear: both;
		}
			div#footer_content {
				width: 915px;
				margin: auto;
			}
				div#footer div#friends_places {
					/*width: 210px;*/
					margin-top: 1px;
					font-size: 12px;
					font-weight: bold;
					color: #010101;
					float: left;
				}
					.friend {
						width: 96px;
						height: 40px;
						background: url("../images/bottom_box.png");
						float: left;
						padding: 8px 0px 0px 8px;
					}
					.friend:hover {
						background: url("../images/bottom_box_h.png");
					}
				div#wcs_logos {
					float: left;
					/*width: 210px;*/
					margin: 19px 0px 0px 100px;
				}
				.ff {
					float: left;
					width: 200px;
					margin: 30px 0px 0px 20px;
				}

		div#copyright {
			clear: both;
			background: #000;
			height: 19px;
			color: #FFF;
			font-weight: bold;
			font-size: 12px;
			padding: 3px 0px 0px 0px;
		}
			div#copyright a {
				color: #FFF;
			}
			div#copyright_content {
				width: 915px;
				margin: auto;
			}