@charset "UTF-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#123212;
}
body {
	background:url(pan_bg.jpg) 50% 800px no-repeat; background-position:top; background-color:#667275;
}
#warning {
background-color:#FF0000;
color:#FFFFFF;
position:absolute;
z-index:500;
width:900px;
padding-top:50px;
}
#wrapper {
	width:900px;
	height:690px;
	margin: 0 auto;
}
.logo {
	top:0px;
	width:100px;
	height:100px;
	z-index:1;
	background-image:url(lionbanner.png);
	position:absolute;
	margin-left:-100px;
}
#header {
	width:900px;
	height:40px;
	background-image:url(logotext.png);
	background-repeat:no-repeat;
	margin-left: 100px;
}
/******************NAVIGATION****************************/

#nav {
	position:absolute;
	width:900px;
	top: 40px;
	display:block;
	font-size: 11px;
	margin-left: 100px;
}

#nav > li {
	font-weight:bold;
	list-style-type:none;
	float:left;
	display:block;
	position:relative;
	margin:10px; padding-top:12px; padding-bottom:10px;
	width:100px;
}
#nav > li:hover ul {
	display:block;
}
#nav > li:hover {
	-moz-border-radius:10px; -webkit-border-radius:10px;
	background-image:url(menu.png);
}
#menuactive {
	-moz-border-radius:10px; -webkit-border-radius:10px;
	background-image:url(menu.png);
}
#nav li ul {
	display:none;
}
#nav li ul li {
	list-style-type:none; margin:10px 0 0 0;
}
/*SUBMENU*/
#nav li ul li a {
	font-weight:400;
	padding:5px 10px;
	text-decoration:none;
	font-weight:normal;
	display:block;
	color:#222222;
}
#nav li ul li:hover a {
	/*background-color:#361C1C;*/
	background-image:url(submenu_h.png);
	font-weight:normal;
	display:block;
	color:#222222;
}
#nav li ul li:active a {
	color:#FFFFFF;
}
/**888888888888888888888*/
#nav li span {
	cursor:pointer;
	margin:0px 10px;
	font-weight:bold;
}

/**********************************************/
/**********************CONTENT****************/
#content {
	margin-top:55px;
}
.sidebar {
	width:200px;
	height:650px;
	float:left;
	background-image:url(sidebar.png);
	margin-bottom:10px;
	overflow-y: auto;
}
#right {
}
#left {
}
#middlebox {
	margin-left:10px;
	margin-right:10px;
	width:480px;
	height:650px;
	float:left;
	background-image:url(middlebox.png);
	margin-bottom:10px;
}
#middle_content{
	padding:10px;
	overflow-y:auto;
	height:590px;
	font-size:12px;
}
#footer {
	width:900px;
	font-size: 11px;
	margin:auto;
	text-align:center;
}
/**********************************************/
/*-------------------TYPOGRAPHY---------------*/
a {
	color:#123212;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:none;
}
.heading {
	font-size:18px;
	padding-top:10px;
	border-bottom: 1px solid #999999;
	text-align:center;
}
.subheading {
	font-size:14px;
	padding-top:15px;
	text-align:left;
	padding-left:10px; padding-right: 10px;
	font-weight:300;
	border-bottom: 1px solid #999999;
}
.paragraph {
	font-size:12px;
	padding-top:10px;
	padding-left:10px; padding-right:10px;
	padding-bottom:20px;
	text-align:left;
	
}
#feature {
	background-image:url(feature/schedule.png);
	background-position:centre;
	height:300px;
	background-repeat:no-repeat;
}
.bg {
background-image:url(subheading_bg.jpg);
height:35px;
}
#buttons {
text-align:center;
}
/*--------------------------------------------*/