@charset "utf-8";

/* CSS Document */



html, body {

	margin:0;

	padding:0;

	background-color:#CCCCCC;

}



body {

    min-width:600px;

    }



h1 {

	font-family: "Franklin Gothic Medium";

	font-size: 18px;

	margin:2px 0 2px 10px;

	padding:0;

	/*padding-top:15px;*/

}



h2 {

	font-family: "Arial Narrow";

	font-size: 16px;

	margin:0;

	padding:0;

	padding-top:15px;

}



li {

	font-family: "Franklin Gothic Medium";

	font-size:14px;

}



p {

	font-family: "Franklin Gothic Medium";

	font-size:14px;

}



a {

	color:#000000;

}



#wrap {

	display: block;

	width:800px;

	height:600px;

	background-color:#FFFFFF;

	border:solid #000000 1px;

	margin:10px 0 0 -400px;

	position: absolute;

	left:50%;

}



#header {

	height:60px;

	padding:10px 0 0 0;

	margin:0;

	text-align:left;

	width:800px;

    vertical-align: middle;

}



#header a {

	text-decoration:none;
	
	margin:15px 0 0 5px;
	
	height:45px;

}



#header h1 {

	font-size:32px;
	
	

}



#navbar {

	height:50px;

	padding:0;

	margin:0;

	text-align:center;

	width:800px;

	border-bottom:solid #000000 1px;

	border-top:solid #000000 1px;

    vertical-align: middle;

}



#navbar ul {

	list-style:none;

	list-style-type:none;

	list-style-position:outside;

	padding:0;

	margin:0;

	width:806px;

}



#navbar ul a {

	text-decoration:none;

}



#navbar li {

	float:left;

	width:266px;

	height:40px;

	border-right:solid #000000 1px;

	font-size:24px;

	font-family: "Franklin Gothic Medium";

	font-weight:bold;

	padding-top:10px;

}



.li_selected {

	float:left;

	width:33%;

	height:40px;

	font-size:24px;

	font-family: "Franklin Gothic Medium";

	font-weight:bold;

	padding-top:10px;

	cursor:pointer;

	color:#FFFFFF;

	background-color:#019cde;

}



.li_selected a{

	color:#FFFFFF;

	text-decoration:none;

}



.li_hover {

	float:left;

	width:33%;

	height:40px;

	font-size:24px;

	font-family: "Franklin Gothic Medium";

	font-weight:bold;

	padding-top:10px;

	cursor:pointer;

	color:#000000;

	background-color:#99CCFF;

}



.li_hover a{

	color:#000000;

	text-decoration:none;

}



#content {

	height:480px;

	width:100%;

}



#left {

	float:left;

	height:400px;

	width:25%;

}



#left a {

	text-decoration:none;

	color:#999999;

}



#left a:hover {

	text-decoration:none;

	color:#000000;

}



#right {

	height:400px;

	width:70%;

	float:right;

	padding-right:30px;

}



#right a {

	color:blue;

	text-decoration:none;

}



#left li {

	font-size:16px;

	font-family: "Arial Narrow";

	font-weight:bold;

	padding-top:15px;

	color:#999999;

}



.li_sel {

	font-size:16px;

	font-family: "Arial Narrow";

	font-weight:bold;

	padding-top:15px;

	color:#000000;

}



#left ul {

	list-style:none;

	list-style-type:none;

	list-style-position:outside;

	padding:0;

	margin:0;

	padding-left:25px;

	padding-top:10px;

}