/* CSS Document */
html, body {
	height: 100%;
}
body {
	background: #DDD url(/img/grass.jpg);
	margin: 0px;
	padding: 0px;
	font-family: Georgia, Helvetica, sans-serif;
	font-size: 85%;
	color: #FFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#blackfade { 
	background-image: url(/img/grass_bw.jpg);
	opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;
	position: absolute;
	min-width: 100%;
	width: auto !important;
	width: 100%;
	height: 100%;
	z-index: -1;
	 
}
#leftsection {
	width: 550px;
}
#main_links { padding: 8px; }
#main_links a {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;
	padding: 5px; 
	margin-right: 5px; 
	font-size: 13px; 
	background: none; 
	border-top: 1px solid #AAA; 
	border-left: 1px solid #AAA; 
	border-right: 1px solid #000; 
	border-bottom: 1px solid #000; 
	color: #FFFFFF; 
	text-decoration: none; 
	opacity: 1;
	background: #444 url(/img/link-bg.png);
}
#main_links a:hover { 
	border-top: 1px solid #222; 
	border-left: 1px solid #222; 
	border-right: 1px solid #999; 
	border-bottom: 1px solid #999;
	color: #777; 
}
html>body #main_links a:hover div { display: block; }
*html #main_links a { behavior: url(/switchfix.htc); }

h1 { 
	font: italic normal 24px/26px Georgia, "Times New Roman", Times, serif;
	padding: 0px; margin: 0px;
}

span.text { background: #FFF; color: #060; font-size: 120%; padding: 3px 5px 3px 5px; line-height: 1.8; }
span.h1 { font-size: 180%; }
span.u { text-decoration: underline; }
span.small { font-size: 95%; }
span.large { font-size: 120%; font-weight: bold; }
div.white { background: #FFFFFF; padding: 10px; }
p { padding: 5px 0px 5px 0px; margin: 0px; }#
p span { background: url(/img/half_opacity_pixel2.png); }
/* *html body { min-height: 100%; height:auto !important; height: 100%; } */
img { behavior: url(/iepngfix.htc); border: none; }
#top {
	background: url(/img/top_bg_1.png) repeat; 
	behavior: url(/iepngfix.htc); 
	height: 63px; 
	padding: 7px 0px 0px 15px; 
	margin: 0px; 
	width: auto; 
	overflow: hidden;
}
#topleft {
	background: url(/img/top_bg_1.png) repeat; 
	behavior: url(/iepngfix.htc); 
	height: 63px; 
	padding: 7px 0px 0px 8px; 
	margin: 0;
	overflow: hidden;
	opacity: 0.9;
	border-top: 1px solid #888;
}
#topleft * {
	opacity: 1;
}
#topright {
	background: url(/img/top_bg_1.png) repeat; 
	behavior: url(/iepngfix.htc); 
	height: 63px; 
	padding: 7px 0px 0px 12px; 
	margin: 5% 5% 0 5%; 
	width: 550px; 
	overflow: hidden;
}
.r { float: right; padding: 0px; margin: 0px; line-height: 0; }
.tp { padding-top: 100px; }
.p { padding: 10px 23px 10px 23px; width: 700px; }
.np { padding: 0px 23px 0px 23px;  }

.logo { text-align: center; vertical-align: middle; margin: 10% 0; }

p img { padding: 5px; }

#footer { 
	position: absolute;
	bottom: 0 !important;
	bottom: -1px;
	padding: 10px; 
	margin: 0px; 
	color: #FFF; 
	font-weight: bold; 
}

#footer a { color: #FFFFFF; font-weight: bold; text-decoration: underline; }

div#logo {
	padding: 0px;
	width: 230px;
	height: 46px;
	behavior: url(/iepngfix.htc); 
	padding-bottom: 4px;
	float: right;
}

#logo p {
	background: url(/img/small_logo.png) no-repeat center top;
	margin: 1px 0 0 0;
}

#l_h, #l_p, #l_r, #l_n, #l_c { display: none; }

.displayer {
	position: absolute;
	top: 50%; left: 50%;
	margin-top: -10%;
	margin-left: -15%;
	min-height: 10%;
    height: auto !important;
    height: 10%;
	width: 30%;
	padding: 15px;
	background: #FFF url(/img/wallpaper_08.png); color: #333; border: 10px solid #222;
	font-size: 15px;
	/*opacity: .50; filter: alpha(opacity=50); -moz-opacity: 0.5;*/
}

.displayer h1 { font-size: 24px; color: #050; }

/* CLOCK */

	#time {
		display: inline;
		clear: left;
		position: absolute;
		top: 15%;
		right: 5%;
	}
	
	#time .digit {
		background: url(/img/clock/digits.png) 0px 217px;
		width: 50px;
		height: 71px;
		float: left;
		margin-right: 5px;
	
	}
	
	

	#c_h, #c_m, #c_s { 
		float: left;
		margin-right: 15px;
	}