/*  
	// CSS Document for World Youth Empowerment.
	// Design by Yang Design --> Visited us at: http://www.yangdesign.net/
	// © 2009 World Youth Empowerment.
	
	// C O L O R   S W A T C H E S :
		1.  #XXX... = name
		2.  #XXX... = name
		3.  #XXX... = name
		4.  #XXX... = name
		5.  #XXX... = name 
		6.  #XXX... = name 
		7.  #XXX... = name 
		8.  #XXX... = name 
		9.  #XXX... = name 
		10. #XXX... = name 
		
*/
/* ...................................................................................... */
/* ///////////////////////// [   M A I N   C O N T R O L   ] //////////////////////////// */

	body {
		background: #051838 url(../img/wye_bkgd.png) no-repeat center top;
		
		margin: 3em 0;
		min-width: 1000px;
	}
		
	#wrap {
		margin: auto;
		padding: 1.26em 0;
		width: 900px;
	}
	
	#set-layer {
		position: absolute;
		
		width: 0;
		height: 0;
		
		margin: 0;
		padding: 0;
	}
	
		.in-pad { padding: 1.26em; }
		.in-pad2 { padding: 3px; }
		.in-pad3 { padding: 1.26em; }
		
		.clr { clear: both; }
		.clr-l { clear: left; }
		.clr-r { clear: right; }

/* ........................................................................................ */
/* ///////////////////////////////////// [   H E A D E R   ] ////////////////////////////// */
#hdr {
	width: 100%;
	height: auto;
}
	#logo, 
	#logo a {
		width: 114px;
		height: 77px;
	}
		#logo { margin-left:.63em; z-index: 9999; }
			#logo a { background: url(../img/wye_logo.png) no-repeat left top; }
			#logo a h1 { display: none; }
			
	#phone {
		color: #999;
		font-size: 12px;
	}
		#phone span {
			color: #cd991d;
			font-size: 18px;
			
			position: relative;
			padding: 0 .63em;
		}


/* ........................................................................................ */
/* /////////////////////////////////////// [ M E N U ] //////////////////////////////////// */

#menu, 
#menu ul, 
#menu ul li a, 
#menu ul li a span {
	font-size: 12px;
	height: 30px;
}
	#menu {
		background: url(../img/wye_menu_bkgd.png) repeat-x left top;
		border-bottom: 2px solid #cd991d;
		clear: both;
		margin-top: -1.26em;
	}
		#menu ul { float: right; }
		#menu ul li {
			float: left;
			margin: 0 5px;
			margin-left: 5px;
		}
			/*#menu ul li:FIRST-CHILD { margin-left: 0;} 
			#menu ul li:FIRST-CHILD a { padding-left: 1px; }*/
			#menu ul li a, 
			#menu ul li a span {
				cursor: pointer;
				
				background-image: url(../img/wye_menu.png);
				background-repeat: no-repeat;
			}
				#menu ul li a { background-position: left top; }
					#menu ul li a:HOVER { background-position: left -60px; }
					#menu ul li a.active { background-position: left -120px; }
					#menu ul li a span {
						background-position: right top;
						color: #FFF;
						font-weight: bold;
						
						height: 14px;
						
						margin: 0;
						margin-right: -5px;
						
						padding: 8px 15px;
						paddign-bottom: 0;
						
						text-deocration: none;
					}
						#menu ul li a:HOVER span { background-position: right -30px; }
						#menu ul li a.active span { background-position: right -90px; }

/* ........................................................................................ */
/* /////////////////////////////////////// [ B O D Y ] //////////////////////////////////// */

	#bdy {
		width:900px; 
		background: #FFF;
	}
		
		#bdy-img, 
		#bdy-home-img {
			background: #333;
			width: 100%;
			height: auto;
		}
		
		#frame-img, 
		#frame-home-img { width:100%; }
			
			#bdy-img, 
			#frame-img, 
			#hdr-cont { height: 108px; }
				#frame-img { background: url(../img/wye_bdy_frame_sm.png) no-repeat left top; }
				#bdy-img { background: #333; }
			
			#bdy-home-img, 
			#frame-home-img { height: 300px; }
				#frame-home-img { background: url(../img/wye_bdy_frame.png) no-repeat left top; }
				#bdy-home-img { background: #333; }
				
			#hdr-cont {
				position: absolute;
				display: block;
				top: 0;
				right: 0;
				
				
			}
				#hdr-cont {
					width: 350px;
					background: #74602d;
				}
					.hdr-cont-text {
						color: #FFF;
						font-size: 30px;
						font-weight: normal;
						width: 100%;
						margin-top: 1.5em;
						margin-left: .63em;
					}
						.hdr-cont-text small {
							color: #000;
							font-size: 20px;
							margin-bottom: -.3em;
							margin-left: .1em;
						}
				
	#content tr td {
		vertical-align: top;
		min-height: 256px;
	}
		#cont-full, 
		#cont-left, 
		#cont-middle, 
		#cont-right { height: auto; }
			#cont-left, 
			#cont-right, 
			#admin-cont-left { width: 220px; }
				#cont-full { width: 900px; }
				#cont-left { background: #EEE url(../img/wye_side_btn_bar2.png) repeat-y right top; }
				#cont-middle {
					width: 454px;
					background: #EEE;
				}
					#cont-full h2, 
					#cont-middle h2, 
					#home-cont-middle h2 {
						color: #1a588b;
						font-size: 20px;
						font-weight: normal;
					}
					#cont-middle h3 {
						color: #333;
						font-size: 12px;
						font-weight: bold;
					}
					
					
				#cont-middle img {
					margin-bottom: .63em;
					border: 3px solid #CCC;
				}
				#cont-middle a, 
				.cont-info p a, 
				.cont-info ul li a {
					color: #003663;
					text-decoration: underline;
				}
					#cont-middle a:HOVER, 
					.cont-info p a:HOVER, 
					.cont-info ul li a:HOVER {
						color: #cd991d;
						text-decoration: none;
						background-color: #F3F3F3;
					}
					.cont-info p a:HOVER, 
					.cont-info ul li a:HOVER { background-color: #DDD; }
				
				.pg-btn {
					clear: both;
					list-style-type: none !important;
				}
					.pg-btn li { float: left; }	
						.pg-btn li a, 
						.pg-btn li a span {
							background-image: url(../img/wye_btn.png);
							background-repeat: no-repeat;
							
							cursor: pointer;
							font-size: 11px;
							text-decoration: none !important;
							
							width: auto;
							height: 20px;
						}
							.pg-btn li a { background-position: left -20px; }
							.pg-btn li a:HOVER { background-position: left -60px; }
								.pg-btn li a span {
									background-position: right top;
									color: #666;
									
									margin-right: -3px;
									padding: 3px 6px;
									padding-left: 8px;
									padding-bottom: 0;
									
									height: 17px;
								}
									.pg-btn li a:HOVER span {
										color: #FFF;
										background-position: right -40px;
									}
										.pg-btn li a span small {
											font-size: 14px;
											position: relative;
											top: 0;
										}
				
				#cont-right { background: #EEE url(../img/wye_quote.png) no-repeat 1em 1em; }
					.txt-feat {
						margin: 1.26em 0; 
						font-size: 12px;
						background: url(../img/wye_dot.png) repeat-y left top;
					}
						.txt-feat h1 {
							color: #666;
							font-size: 14px;
							font-weight: bold;
						}
						.txt-feat p { color: #999; }
						.txt-feat .q-txt { font-size: 10px; }
				
		#home-cont-left, 
		#home-cont-middle, 
		#home-cont-right { height: 100%; }
		#home-cont-left, 
		#home-cont-right { width: 220px; }
			#home-cont-left { vertical-align: middle !important; background: #FFF url(../img/wye_side_btn_bar.png) repeat-y right top; }
			#home-cont-middle {
				width: 454px;
				background:#EEE;
			}
			#home-cont-right { background: #E3E3E3 url(../img/wye_right_side_bar.png) repeat-y left top; }
			
			#home-cont-right h2 {
				color: #FFF;
				font-size: 14px;
				font-weight: bold;
				background: #999;
				margin:0;
			}
			#home-cont-right ul li h3, 
			#home-cont-right ul li h3 small { font-size: 12px; }
			#home-cont-right ul li h3 small {
				color: #999;
				display: block;
				font-weight: normal;
			}
				#home-cont-right ul li {
					border-top: 1px solid #CCC;
					
					margin-top: 1em;
					padding: 1em;
					padding-bottom: 0;
				}
					#home-cont-right ul li:FIRST-CHILD {
						border:none;
						margin-top: 0; 
						padding-top: 0; 
					}
					#home-cont-right ul li h3 {
						*margin-top: -.3em; 
						font-weight: bold;
					}
					#home-cont-right ul li p { margin: 0; }
					
			#home-txt-slogan {
				color: #FFF;
				font-size: 35px;
				top: 7em;
				left: .63em;
			}
			
			#home-nav, 
			#home-nav ul, 
			#home-nav ul li, 
			#home-nav ul li a, 
			#home-nav ul li a span { font-size: 12px; }
				#home-nav { background: url(../img/wye_side_btn_bar.png) repeat-y right top; }
				#home-nav ul { padding: 1px 0; background: url(../img/wye_side_btn_bar.png) no-repeat left top; }
				#home-nav ul li { background: url(../img/wye_side_btn_bar.png) no-repeat left bottom; padding-bottom: 1px; }
					#home-nav ul li a {
						cursor: pointer;
						
						background-image: url(../img/wye_side_btn_bar.png);
						background-repeat: repeat-y;
						background-position: right top;
						
						width: 220px;
					}
						#home-nav ul li a:HOVER { background-position: -220px top; }
						#home-nav ul li a span {
							color: #FFF;
							font-weight :bold;
							padding: 1em 2em;
							background: url(../img/wye_arrow_gold_sm.png) no-repeat .89em 1.4em;
						}
						
			#home-sf h3 { font-size: 12px; font-weight: bold;  }
				.home-sf-left {
					float: left;
					width: 75px;
				}
					.home-sf-left p.outstand-txt { color: #666; }
				.home-sf-right {
					float: right;
					width: 90px;
					height: auto;
				}
					.home-sf-right a {
						width: 84px;
						border: 3px solid #CCC;
						height: 111px;
					}
					
			.home-news-left {
				float: left;
				width: 150px;
			}
				#home-news h2 {
					margin-bottom: .3em;
					font-size: 16px;
					font-weight: bold;
				}
					#home-news h2 a {
						color: #003663;
						
						text-decoration: none;
					}
					
				.home-news-date {
					color: #999;
					font-size: 14px;
					font-weight: normal;
					margin-bottom: .5em;
				}
				
			
			.home-news-right {
				float: right;
				width: 236px;
				position: relative;
				display: block;
			}	
				.home-news-img a {
					position: relative;
					display: block;
					border: 3px solid #CCC;
					
					width: 230px;
					height: 150px;
				}
									
		
			#sub-nav, 
			#sub-nav ul, 
			#sub-nav ul li, 
			#sub-nav ul li a, 
			#sub-nav ul li a span { font-size: 12px; }
				#sub-nav ul { padding: 0; }
				#sub-nav ul li { background: url(../img/wye_side_btn_bar2.png) no-repeat left bottom; padding-bottom: 1px; }
					#sub-nav ul li a {
						cursor: pointer;
						
						background-image: url(../img/wye_side_btn_bar2.png);
						background-repeat: repeat-y;
						background-position: right top;
						
						width: 220px;
					}
						#sub-nav ul li a.s-active { background-position: -220px top; }
							#sub-nav ul li a span { color: #666; font-weight:bold; padding: 1em 2em; }
							#sub-nav ul li a:HOVER span, 
							#sub-nav ul li a.s-active span { color: #003663; }
			
			#news-table, 
			#story-table { border-top: 1px solid #E3E3E3; }
			#news-table h3 { font-size: 14px; }
				.no-news {
					position: absolute;
					display: block;
					
					color: #999;
					font-size: 12px;
					padding: 1.26em .63em;
				}
				
			#cont-right-nav {
				background: #EEE;
				width: 220px;
			}
			
			#right-nav, 
			#right-nav ul, 
			#right-nav ul li, 
			#right-nav ul li a, 
			#right-nav ul li a span { font-size: 12px; }
				#right-nav {
					margin: 1.26em 0;
					background: url(../img/wye_dot.png) repeat-y left top; }
				#right-nav ul {
					padding: 0;
					border-top: 1px solid #E3E3E3;
				}
				#right-nav ul li { border-bottom: 1px solid #E3E3E3; }
					#right-nav ul li a { cursor: pointer; }
						#right-nav ul li a.s-active { background: #F3F3F3; }
							#right-nav ul li a span {
								color: #999;
								padding: .63em 1.26em;
								*padding-top:.3em;
							}
								#right-nav ul li a:HOVER span, 
								#right-nav ul li a.s-active span { color: #333; }
			
			#news-container {
				margin-top: -1px;
				font-size: 12px;
				background: #EEE;
			}
				#news-output {
					background: #EEE;
					border-top: 1px solid #E3E3E3;
					width: 100%;
				}
				
				.news-id {
					float: left;
					width: 33px;
					height: auto;
				}
					.news-id {
						background: #999;
						border-bottom: 2px solid #DDD;
						text-align: center;
					}
					.news-id span {
						color: #cd991d;
						font-size: 16px;
						font-weight: bold;
						
						padding-top: 5px;
						
						width: 33px;
						height: 25px;
						background: #FFF;
					}
						.news-id small {
							color: #FFF;
							font-size: 10px;
							
						}
				
				.news-cont {
					float: right;
					width: 330px;
				}
					.news-cont h3 {
						color: #003663;
						font-size: 14px;
						font-weight: bold;
					}
					.news-img {
						width: 324px;
						height: 200px;
						border: 3px solid #CCC;
						margin-bottom: 1.26em;
					}
					.news-cont p {
						margin: 0;
						margin-bottom: 1.26em;
						padding: 0;
					}
					.news-date, 
					.news-res {
						color: #999;
						font-style: normal;
					}
					.news-date { margin-bottom: 1.26em; }
					
					.mon-title {
						margin: 0 .63em;
						margin-bottom: .63em;
						margin-top: .1em;
						*margin-top: .05em;
						
						color: #cd991d;
						font-size: 14px;
						font-weight: bold;
					}
						.mon-title small {
							color: #999;
							font-size: 14px;
							font-weight: normal;
						}
				
				.cont-info {
					width: 220px;
					height: auto;
				}
				.cont-info h1 {
					color: #1a588b;
					font-size: 16px;
					font-weight: normal;
				}
				.cont-info ul { margin: 0; }
					.cont-info ul li {
						margin-bottom: 1.26em;
					}
						.cont-info ul li span {
							position: relative;
							display: block;
							left: 0;
							
							color: #999;
						}
						
			.list-bullet, 
			.list-bullet h1, 
			.list-bullet li { font-size:12px; }
				.list-bullet, 
				.list-bullet li ul { width: 100%; margin-bottom: 1.26em; }
				.list-bullet li ul { margin-top: 1.26em; }
				.list-bullet { padding:0; margin:0; }
				.list-bullet li {
					background-image: url(../img/wye_arrow_gold.png);
					background-repeat: no-repeat;
					background-position: left .4em;
					*background-position: left .3em;
					color: #666;
					
					margin-bottom: .63em;
					padding-left: 1.26em;
				}
					.list-bullet li ul li {
						background-image: url(../img/wye_arrow_gray_sm.png);
						background-repeat: no-repeat;
						background-position: left .5em;
						*background-position: left .45em;
						color: #666;
						
						margin-bottom: .63em;
					}
					
			.list-num, 
			.list-num h1, 
			.list-num li { font-size: 12px; }
				.list-num {
					list-style-type: decimal !important;
					list-style-position: outside;
					padding-left: 2.3em;
				}
				.list-num li {
					color: #cd991d;
					margin-bottom: .63em;
				}
					.list-num li span, 
					.list-bullet li span { color: #333; }
		
		#story-cont { border-bottom: 1px solid #E3E3E3; }
		
			.story-cont-left {
				float: left;
				width: 465px;
			}
				#story-cont h1 {
					color: #003663;
					font-size: 14px;
					font-weight: bold;
				}
				.story-cont-left p.outstand-txt {
					color: #999;
					font-size: 14px;
					margin-bottom: .63em;
				}
			.story-cont-right, 
			.story-cont-right-img { height: 168px; }
				.story-cont-right {
					width: 148px;
					float: right;
				}
				.story-cont-right-img {
					width: 142px;
					border: 3px solid #CCC;
				}
				
		
	#sport-cont, 
	#sport-container { font-size: 12px; }
		#sport-container {
			border-top: 1px solid #E3E3E3;
			margin-bottom: 1.26em;
		}
		#sport-cont { border-bottom: 1px solid #E3E3E3; }
		#sport-cont div { padding-left: 10em; margin-top: .63em; }
		#sport-cont div:FIRST-CHILD { margin-top: 0; }
		#sport-cont div h1 {
			font-size: 14px;
			
			background-image: url(../img/wye_arrow_gold.png);
			background-repeat: no-repeat;
			background-position: left .3em;
			*background-position: left .3em;
			
			padding-left: 1em;
		}
		#sport-cont div span {
			position: absolute;
			display: block;
			left: 0;
			
			color: #999;
			font-size: 12px;
		}
		.sport-info-price {
			width:413px;
			border-top: 1px solid #E3E3E3;
		}
			.sport-info-price ul {
				*margin-bottom: 0 !important;
				*padding-bottom: 0 !important;
			}
		#sport-agenda {
			background: #E3E3E3;
			border-top: 1px solid #F3F3F3;
			color: #999;
			font-size: 14px;
			font-weight: normal;
			
			margin: 0 !important;
			padding: .63em 1em;
			
			text-transform: uppercase;
			
			width: auto;
		}


/* ......................................................................................... */
/* ///////////////////////////////////// [ F O O T E R ] /////////////////////////////////// */
#ftr {
	border-top: 1px solid #2b3d5c;
	
	padding: 1.26em 0;
	
	font-size: 12px; 
}
	#ftr p, 
	#ftr p a, 
	#ftr-nav ul li a span {
		font-size: 12px;
		color: #666;
	}
	
	#ftr-nav, 
	#ftr-nav ul, 
	#ftr-nav ul li, 
	#ftr-nav ul li a, 
	#ftr-nav ul li a span { font-size: 12px; }
		#ftr-nav { margin-bottom: .63em; }
			#ftr-nav, #ftr-nav ul li { float: left; }
			#ftr-nav ul li { margin-left: 1.26em; }
			#ftr-nav ul li:FIRST-CHILD { margin-left: 0; }
		
	#ftr-cont { float: left; }
	#credit { float: right; }
	#credit a { color: #666; }
		
		#credit a:HOVER, 
		#ftr-nav ul li a:HOVER span { color: #CCC; }
		
	#sponsor {
		margin: 0;
		background: url(../img/wye_ftr_bar_sm.png) no-repeat center top;
		width: 900px;
	}
		#sponsor p { color: #666; }
		#sponsor ul {
			margin: 0 auto;
			padding: .63em 0;
			width: 900px;
			height: auto;
		}
			#sponsor ul li {
				float: left;
				margin-left: 2.3em;
			}
				#sponsor ul li:FIRST-CHILD { margin-left: 0; }
				#sponsor ul li a {
					filter: alpha(opacity="50");
					-moz-opacity: .5;
					opacity: .5;
				}
					#sponsor ul li a:HOVER {
						filter: alpha(opacity="100");
						-moz-opacity: 1;
						opacity: 1;
					}
						#sponsor ul li a span { display: none; }


/* ........................................................................................ */

/*
// © 2009 World Youth Empowerment.
*/