@charset "utf-8";
/* CSS Document */

body, html {
	margin::0
	
}
body,td,th {
	font-family:"Lucida Console", Monaco, monospace;
	height:100%;
	min-height:1000px;
	color:#000;
	border-style:none;
	text-align:justify;
	background-color:#FFFFFF;
}
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	text-decoration:none;
	color:#333;
}
a:hover {
	text-decoration:underline;
	color:#D6D6D6;
}
a:active {
	text-decoration:none;
	color:#D6D6D6;
}

#header, #sidebar, #footer {
	position: fixed;
	left: 0;

}
#header, #footer {
	right: 0;
	
}
#header {
	height: 90px;
	background-color:#F8F8F8;
	vertical-align:left;
	font-size:20px;
	text-align:center;
	line-height:35px;
	
}
#sidebar {
	width: 280px;
	bottom: 20px;
	top: 90px; 
	padding-top: 20px;
	padding-bottom: 10 px;
	padding-left: 10px;
	padding-right: 10px;
	
} table, th, td {
	border: 0px;
	align-content:center;
} th, td {
	padding-top: 5px;
	padding-bottom: 5px;
} th {
	text-align:center;

	
	

}
#content {
	padding-top: 100px;
	padding-left: 300px;
	padding-right: 30px;
	padding-bottom: 30px;
	
}
#footer {
	bottom:0;
	background-color: #F8F8F8;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font-size:12px;
	line-height:20px;
}

.rotate_right{
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);	
}

.rotate_left{
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);	
}

.rotate_normal{
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);		
}

.rotate_bottom{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);		
}