@charset "utf-8";
/* CSS Document */
#menu {
width: 175px;
background: #eee;
margin-top:15px;
margin-left:1px;
float:left;
}

#menu ul {
list-style:none;
margin: 0;
padding: 0;
}

#menu a, #menu h2 {
font: bold 11px/16px arial, helvetica, sans-serif;
display: block;
margin: 0;
padding: 2px 3px;
text-align:left;
}

#menu h2 {
color: #fff;
background: url('images/menubackgtop.jpg');
text-transform: uppercase;
}

#menu a {
color: #333;
background: url('images/menubackg.jpg');
text-decoration: none;
height:23px;
padding-top:7px;
}

#menu a:hover {
color: #a00;
background: #fff;
}

#menu li {
position: relative;
/*list-style-image:url('images/ularrow.gif');*/
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}


.overall

	{

	background:#FFFFFF;

	width:900px;

	display:block;

	height:100%;

	padding-left:10px;

	padding-right:10px;

	}

.main

	{

	width:900px;

	background:#FFFFFF;

	display:table;

	}

	

.header

	{

	width:900px;

	height: 75px;

	background:#FFFFFF;

	text-align:left;

	float: left;

	}

	

.links

	{

	width:900px;

	height: 35px;

	float: left;

	margin-bottom:20px;

	margin-top:8px;

	}

	

.leftbar

	{

	width:222px;

	background:#FFFFFF;

	margin-right:25px;

	float: left;

	display:block;
	
	text-align:center;

	}
	
	
	
.leftnav
	{
	background:#CCCCCC;
	border: 1px black solid;
	width:222px;
	float:left;
	display:block;
	margin-top:15px;
	padding-left:0px;
	text-align:left;
	}
		

.content-top

	{

	width:635px;

	background:url('images/content-top.jpg');

	margin-bottom:0px;

	padding-left:5px;

	padding-top:5px;

	height:45px;

	float:right;

	text-align:left;

	}

	

.content-bottom

	{

	width:635px;

	background:url('images/content-bottom.jpg');

	margin-top:0px;

	padding-left:5px;

	padding-top:5px;

	height:45px;

	float:right;

	}

	

.content

	{

	width:630px;

	background:#f4f4f4;

	padding-top:5px;

	padding-bottom:5px;

	padding-right:5px;

	padding-left:5px;

	text-align:left;

	float: right;

	}

	

body

	{

	background:#CCCCCC;

	margin-top:0px;

	margin-bottom:0px;

	}

	

.holder

	{

	width:900px;

	background:#FFFFFF;

	display:block;

	}

	

.login

	{

	width:205px;

	height:140px;

	background:url('images/logintable.jpg');

	display:block;

	padding:5px;

	text-align:left;

	}

	

.spacer

	{

	width:900px;

	background:#FFFFFF;

	height:30px;

	clear:both;

	}

	

.style-header

	{

	font-family: "Myriad Pro";

	font-size:25px;

	color:#000;

	}

	

.style-body

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#333333;

	}

	

.footer-text

	{

	font-family:Arial, Helvetica, sans-serif;

	font-size:10px;

	color:#666666;

	}
	
.content2
	{
	width:640px;
	background:#fff;
	margin-top:15px;
	float:right;
	text-align:left;
	}
	
.content3
	{
	width:640px;
	background:#fff;
	margin-top:0px;
	float:right;
	text-align:left;
	margin-bottom:15px;
	}
	
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #333333;
}


<!--[if IE]>
 #menu ul li {float: left; width: 100%;}
<![endif]-->
<!--[if lt IE 7]>
body {
behavior: url(csshover.htc);
font-size: 100%;
} 
#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
} 

<![endif]-->