/* CSS Document */

body {margin:0 0 20px; background:#333; font:normal 12px Arial; color:#333}

a {text-decoration:none; color:#333}
a:hover {
	text-decoration:underline;
	color: #FFFFFF;
}

h1 {
	margin:0;
	padding:5px;
	font:bold 14px Arial;
	background:#9900FF;
}

#header {width:930px; position:relative; height:158px}

#logo {position:absolute; left:20px }
#logo a {color:#eee; font:normal 24px Arial}
#logo a:hover {color:white; text-decoration:none}

#banner {position:absolute; bottom:6px; right:0px }

#subNav {
	position:absolute;
	top:15px;
	right:5px;
	color:#ccc;
	width: 170px;
}
#subNav a {color:#ccc}
#subNav a:hover {
	color:#FF0000;
	text-decoration:none
}

#subNavT {
	position:absolute;
	top:15px;
	right:180px;
	color:#FF0000;
	width: 40px;
}
#subNavT a {color:#00FF00}
#subNavT a:hover {
	color:#FF0000;
	text-decoration:none;
}
#navBar {position:relative; width:100%; background:#4b4b4b; height:29px; font-weight:bold}

#navMenu {position:relative; width:930px}

#navMenu ul {margin:0; padding:6px 0; list-style-type:none}

#navMenu li {margin:0; padding:2px 10px; float:left}

#navMenu a {color:#ccc}
#navMenu a:hover {color:white; text-decoration:none}
#free {position:absolute; padding:6px 10px; background:#c00; right:0; top:1px}
#free a {color:white}
#free a:hover {color:#ccc; text-decoration:none}

#left {float:left; background:#eee; width:200px; margin-top:5px; display:inline; margin-left:5px; padding:5px}

#left ul {padding:0; margin:5px 0; font-size:11px; height:230px; overflow:hidden}
#left li {border-bottom:1px dotted #4b4b4b; padding: 7px 0 7px 20px; list-style-type:none }
.liOn {background:url(images/menuArrow.gif) no-repeat 5px 9px white}
.liOn a {color:#c00}
.liOut {background:url(images/menuArrow.gif) no-repeat 3px 9px #eee; color:#333}
.liOut a {color:#4b4b4b}

#news {padding:5px; background:#333; margin-top:25px}
#news h1 {background:#ccc; color:#4d4d4d; margin-bottom:5px}
.news {border-bottom:1px dotted #ccc; padding:7px; list-style-type:none}
#news a {color:#eee}
#news a:hover {color:white; text-decoration:none}

#main {float:left}
#mainother {
	float:left;
	height:490px;
}

#slideBanner {float:left; margin:5px 0 0 5px ; display:inline; border:1px solid #c00; width:410px; height:250px}

#uniBanner {float:left; margin:5px 0 0 5px; display:inline; width:300px; height:250px; background:#666; border:1px solid #ccc}
#uniBannerDetay {
	float:left;
	margin:5px 0 0 5px;
	display:inline;
	width:715px;
	height:495px;
	background:#666;
	border:1px solid #ccc;
	color: #FFFFFF;
}

#footer {position:relative; width:100%; background:#4d4d4d; height: 100px; color:#ccc; margin-top:10px}
#footer ul {float:left; padding:0; margin:10px 0 0 25px; display:inline}
#footer li {list-style-type:none; padding:2px 0}
#footer a {color: #ccc}
#footer a:hover {color: white; text-decoration:none}

.box {float:left; margin:4px 4px 0 4px; width:233px; padding:10px 0; background:#ccc; height:220px}

.rborder {border-right:1px solid #ccc}
.rLborder {
	border-left:10px solid #666;
	color: #EEEEEE;
}
.padding {padding:7px}

.red {color:#c00}
.red2 {color:#c00; background-color:#666666;}
a.red:hover {color:#4d4d4d}

.sep {display:block; clear:both}
