@charset "utf-8";
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, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}

:focus {
	outline: 0;
}

em {
	font-style:italic;
}

strong {
	font-weight:bold;
}

.chinese {
	font-family: SimHei, "宋体", Arial, Helvetica, sans-serif;
	line-height:normal;
}

html, body {
	margin:0;
    height: 100%;
	font-family:Arial, Helvetica, sans-serif;
	color:#365ca9;
	background: url(../images/background.gif) top center repeat-x #fef9c7;
}

#admin-login {
	position:absolute;
	top: 160px;
	right:11px;
	display:block;
	height:20px;
	line-height:20px;
	padding: 0 7px;
	color:#365ca9;
	text-decoration:none;
	text-transform:uppercase;
	font-size:10px;
}

	#admin-login:hover {
		background-position: 0 -20px;
		text-decoration:underline;
	}

#wrapper {
	margin:0 auto;
	padding:0;
    position: relative;
	width:960px;
    min-height: 100%;
	font-family:Arial, Helvetica, sans-serif;
}

	#header {
		width:960px;
		height:150px;
		background: url(../images/header-bg.png) top center no-repeat;
	}
	
		#header h1 a {
			display:block;
			margin-left: 230px;
			width:420px;
			height:95px;
			text-indent:-9999px;
			background: url(../images/denver-language-friends.gif) top left no-repeat;
		}

	ul#nav {
		/*position:relative;
		left:-30px;*/
		margin: 10px auto 0;
		width:600px;
		list-style:none;
	}

		ul#nav li {
			float:left;
		}

			ul#nav li a {
				display:block;
				padding: 4px 10px 0;
				width: 165px;
				height: 41px;
				text-align:center;
				text-decoration:none;
				font-size:14px;
				color: #fef9c7;
				background: url(../images/nav-button-bg.png) top left no-repeat;
			}

				ul#nav li a.right {
					background: url(../images/nav-button-bg-right.png) top left no-repeat;
				}

				ul#nav li a:hover {
					background-position: 0 -45px;
				}

				ul#nav li a.active {
					background-position: 0 -90px;
				}

					ul#nav li a.active:hover {
						background-position: 0 -135px;
					}

	
	.clear-float {
		display: block;
		height: 0px;
		width: 1px;
		font-size: 1px;
		margin: 0;
		padding: 0;
		clear: both;
		}
	
	.footer-clear-float {
		display: block;
		height: 0px;
		width: 1px;
		font-size: 1px;
		margin: 0;
		padding: 0 0 80px 0;
		clear: both;
		}
	
	#footer {
		position:absolute;
		bottom:0;
		height:70px;
		width:100%;
		text-align: center;
	}
	
	#footer h4 {
		margin: 0 0 10px;
		text-align: center;
		text-transform:uppercase;
		font-size:14px;
		font-weight:bold;
	}
	
	#footer ul {
		list-style:none;
		margin: 0 0 10px;
	}
	
	#footer ul li {
	}
	
	#footer ul li a {
		float:left;
		display: block;
		width:219px;
		color:#365ca9;
		font-size:10px;
		text-transform:uppercase;
		text-decoration:none;
		border-right: 1px solid #365ca9;
		margin: 0;
		padding: 5px 10px;
	}
	
	#footer ul li a.right {
		border-right:none;
	}
	
	#footer ul li a:hover, #footer ul li a.active {
		background: #f8dd91;
	}
	
	#footer p {
		clear:both;
		padding: 12px 0 8px;
		color:#365ca9;
		text-align:center;
		font-size:10px;
	}
	
	#footer p a{
		color:#365ca9;
		font-size:10px;
		font-weight:bold;
		text-decoration:none;
	}
	
	#footer p a:hover {
		text-decoration:underline;
	}