body
{
	font : 9pt Verdana, sans-serif;
	background-color : rgb(110, 110, 110);
	margin : 0;
	padding : 0;
	text-align : center;
	float : left;
}
a
{
	text-decoration : underline;
}
a:hover
{
	text-decoration : none;
}
p
{
	padding : 2px 10px;
	margin : 0;
	line-height : 1.5em;
}
ul
{
	margin : 0;
	padding : 0;
	list-style : none;
}
h1
{
	font-size : 2em;
	padding : 0;
	margin : 0;
}
h2
{
	color : rgb(40, 40, 40);
	border-bottom : 1px solid rgb(70, 70, 70);
	margin : 5px;
	padding : 2px 5px;
	font-size : 8.5pt;
}


a:link { 
	color: rgb(0, 0, 0);
	}
a:visited { 
	color: rgb(0, 0, 0);
	}
a:hover { 
	color: rgb(180, 180, 180);
	background-color: rgb(80, 80, 80);
	text-decoration: none;
	}
a:active { 
	color: rgb(250, 250, 250);
	}

#wrapper
{
	margin : 0 auto;
	width : 800px;
}
#wrapper2
{
	border : 1px solid rgb(90, 90, 90);
	background-color : rgb(140, 140, 140);
}
#header
{
    line-height : normal;
	color : rgb(180, 180, 180);
	padding : 1ex;
}
#bar
{
	margin-left : 20px;
	padding : 5px 0 0 1px;
}
#bar p
{
	color : rgb(100, 100, 100);
	padding : 5px;
}
#bar li
{
	float : left;
	border : 1px solid rgb(90, 90, 90);
	margin : -1px 0 -1px 10px;
}
#bar li a
{
	background-color : rgb(140, 140, 140);
	color : rgb(60, 60, 60);
	padding : 5px 15px;
	display : block;
}
li#current
{
	border-bottom : 1px solid rgb(180, 180, 180);
}
#bar li a:hover
{
	color : rgb(210, 210, 210);
}
li#current a, li#current a:hover
{
	background-color : rgb(180, 180, 180);
	color : rgb(40, 40, 40);
}
#left
{
	background-color : rgb(140, 140, 140);
	color : rgb(75, 75, 75);
	margin : 0 10px 10px 0;
	float : left;
	width : 150px;
}
#left ul
{
	margin : 8px 5px;
	background-color : rgb(180, 180, 180);
	border : 1px solid rgb(90, 90, 90);
}
#left ul p
{
	border-bottom : 1px solid rgb(90, 90, 90);
	background-color : rgb(110, 110, 110);
	color : rgb(180, 180, 180);
	margin : 0;
	display : block;
}
#left li
{
	margin : 0;
	padding : 0;
}
#left li a
{
	padding : 5px 0;
	color : rgb(75, 75, 75);
	display : block;
	height : 1em;	/*hack to control ul link for IE*/
}
#left li a:hover
{
	background-color : rgb(140, 140, 140);
	color : rgb(200, 200, 200);
}
#left > ul a
{
	height : auto;	/*resets link height for non-IE browsers*/
}
#main
{
	font-size : 8.5pt;
	text-align : left;
	border : 1px solid rgb(90, 90, 90);
	border-right : none;
	border-top : none;
	background-color : rgb(180, 180, 180);
	margin-left : 0px;
	padding : 10px 20px;
}
#footer
{
	border-top : 1px solid rgb(90, 90, 90);
	background-color : rgb(140, 140, 140);
	font-size : 90%;
	color : rgb(60, 60, 60);
	padding : 4px;
	margin-top : 10px;
	clear : right;
	display : block;
	float : none;
}
.clearfix:after
{
    content : ".";
    display : block;
    height : 0;
    clear : both;
    visibility : hidden;
}
.clearfix
{
    display : inline-table;
}
/* Hides from IE-mac \*/
 html .clearfix
{
    height : 1%;
}
.clearfix
{
    display : block;
}
/* End hide from IE-mac */