html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}
/**
	__ Css FG __
**/
body{
	background:#C0DEED url(../img/bg-clouds.png) repeat-x scroll 0 0;
	font-family:"Lucida Grande",Arial,Sans-serif;
}

.header{
	height:182px;
	position:relative;
	text-align:center;
	width:100%;
}

	.header h1{
		color:#000000;
		font-family:Helvetica;
		font-size:47px;
		font-style:italic;
		font-weight:bold;
		left:0;
		letter-spacing:-2px;
		position:absolute;
		text-align:center;
		text-shadow:0 -1px 0px #FEFEFE, -1px 1px 0px #FFFFFF;
		top:68px;
		width:100%;
	}
	
	.l{
		clear:both;
		display:block;
		padding-bottom:20px;
	}
	.pan{
		display:block;
		float:left;
		margin:0;
		padding:0 1.5%;
		width:30%;
		vertical-align:top;
		margin:0 0 20px;
	}
	
	.pan.panWide{
		width:63%;
	}
	
		.pan h2{
			font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
			font-size:18px;
			font-weight:bold;
			letter-spacing:-1px;
			padding-bottom:1px;
			text-shadow:0 1px 0 #FFFFFF;
			position:relative;
		}
			h2 p{
				float:left;
			}
			
			.pan h2 .iNotifier{
				background-color:#CE0805;
				color:#FFFFFF;
				display:inline;
				float:left;
				font-family:'Lucida Grande';
				font-size:12px;
				font-weight:normal;
				
				
				margin:0 0 0 10px;
				height:18px;
				width:32px;
				
				padding:0 0 0 0;
				text-align:center;
				line-height:16px;
				
				-moz-border-radius:12px;
				-webkit-border-radius:12px;
				border-radius:12px;
				
				-moz-box-shadow:0px 0px 2px #778899;
				-webkit-box-shadow:0px 0px 2px #778899;
				box-shadow:0px 0px 2px #778899;
			
				
				text-shadow:0px 1px 0px #000000;
				
				cursor: pointer;
			}
	
		.pan .arr{
			background-image:url(../img/arr2.gif);
			background-position:6px 0;
			background-repeat:no-repeat;
			padding-top:11px;
			position:relative;
		}
		
			.pan .arr .notifier{
				position:absolute;
				right:0;
				top:-10px;
			}
		
		.pan .in{
			-moz-box-shadow:0 0px 10px #778899;
			-webkit-box-shadow:0 0px 10px #778899;
			box-shadow:0 0px 10px #778899;
			background-color:#FFFFFF;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
		}
		
		.pan ul{
			list-style-position:inside;
			margin:0;
			font-size:12px;
			/*padding:10px 0px;*/
		}
		
		.pan li{
			border-bottom:1px dotted #D2DADA;	
		}
			li.n{
				border-bottom:2px solid #D2DADA;
			}
		
		.pan li:hover{
			background-color:#F7F7F7;
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
		}
		
			.pan .scroll-pane li:hover{
				background-color:transparent;
				-moz-border-radius:0;
				-webkit-border-radius:0;
				border-radius:0;
			}
		
		.pan ul li:hover div a.more{
			visibility:visible;
		}
		
		.pan li img{
			float:left;
			margin-right:10px;
			width:48px;
			height:48px;
			-moz-border-radius:4px;
			-moz-box-shadow:0 0 3px #000000;
			-webkit-border-radius:4px;
			-webkit-box-shadow:0 0 3px #000000;
			border-radius:4px;
			box-shadow:0 0 3px #000000;
			margin-bottom:9px;
		}
		
		.pan div.d{
			color:#000000;
			display:block;
			padding:9px 5px 0px 10px;
			text-decoration:none;
		}
		
			.pan div.d.end{
				font-weight:bold;
				padding:10px 0;
				text-align:center;
			}

			.pan .st{
				text-shadow:0 -1px 0 #CCCCCC;
			}
		
		.pan div a{
			color:#0084B4;
			text-decoration:none;
		}
		
		.pan div a:hover{
			text-decoration:underline;
		}
			.pan a.more{
				/*visibility:hidden;*/
				font-size:15px;
			}
			
			.pan div a.sponso{
				text-decoration:underline;
				border-bottom:1px solid #0084B4;
			}
		
		.pan.panWide ul{
			height:420px;
		}
		
		.pan.panWide ul li{
			float:left;
			margin:0;
			padding:0;
			width:50%;
		}
		
		.panWide li:nth-child(4n),
		.panWide li:nth-of-type(4n+1){
			background-color:#EFEFEF;
		}
		
		.panWide li:nth-child(4n):hover,
		.panWide li:nth-of-type(4n+1):hover{
			background-color:#F7F7F7;
		}
			.panWide div.d{
				float:left;
				margin:0 2%;
				padding:9px 0 0;
				width:76%;
			}
			
				.panWide .d p{
					max-height:55px;
					overflow:hidden;
				}
				
			
			.panWide .name{
				font-weight:bold;
				padding-right:4px;
				text-shadow:0 1px 0 #FFFFFF;
			}
			.panWide .nb{
				color:#DDDDDD;
				display:block;
				float:left;
				font-size:36px;
				padding:13px 0 0;
				text-align:center;
				width:20%;
			}
			
			.pan.panWide ul li.liWide{
				text-align:center;
				width:100%;
				height:84px;
			}
				.panWide .liWide div{
					color:#DDDDDD;
					display:block;
					position:relative;
					text-shadow:0 -1px 0 #BBBBBB;
					top:45%;
					width:100%;
				}
			
			.pan.panWide ul li:nth-child(4n) .nb,
			.pan.panWide ul li:nth-of-type(4n+1) .nb{
				color:#BBBBBB;
			}
			
	.footer{
		clear:both;
		color:#778899;
		font-size:11px;
		margin:10px 5px 10px 0px;
		text-align:center;
		text-shadow:0 1px 0 #FFFFFF;
	}
	
		.footer a{
			text-decoration:none;
			color:#0084B4;
		}
		
		.footer a:hover{
			text-decoration:underline;
		}
		
		.clear{
			clear:both;
		}

/* Scroll */
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane{
	height:420px;
	/*-webkit-transition:top 100 ease;*/
}