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

/* Body */
html, body { 
	background:#e2e2db;
	margin: 0;
	padding: 0;
    }
	
#logo {
	background: #4F5049;
	position: fixed;
	width:100%;
	top:0px;
	height:50px;
	border-bottom:#e2e2db solid 10px;
	z-index:2;
	}
	
.logo {
	font-family:SF New Republic;
	font-size:42px;
	color:#34BEDA;
	width:100%;
	text-align:center;
	padding-top:10px;
	}
	
#menu {
	position:fixed;
	width:150px;
	top:50px;
	left:0px;
	z-index:3;
	}

.menu {
	font-family:SF New Republic;
	font-size:18px;
	color:#4F5049;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	margin-right:8px;
	border-bottom:#4F5049 thin solid;
	border-right:#4F5049 thin solid;
	text-decoration:none;
	}
	
.menu:hover {
	background:#34BEDA;	
	}

.menuT {
	background:#34BEDA;
	font-family:SF New Republic;
	font-size:18px;
	color:#4F5049;
	text-align:center;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:8px;
	margin-right:8px;
	border-bottom:#4F5049 thin solid;
	border-right:#4F5049 thin solid;
	text-decoration:none;
	}

.menuT:hover {
	background:#e2e2db ;	
	}	
	
.menu a, .menu a:hover, .menu a:visited {
	font-family:SF New Republic;
	font-size:18px;
	color:#4F5049;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}
	
.menuT a, .menuT a:hover, .menuT a:visited {
	font-family:SF New Republic;
	font-size:18px;
	color:#4F5049;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
	}	
	
.menuS {
	font-family:Arial;
	font-size:12px;
	color:#fff;
	text-align:left;
	padding-top:8px;
	padding-left:8px;
	margin-right:8px;
	border-bottom:#4F5049 thin solid;
	border-right:#4F5049 thin solid;
	padding-bottom:8px;
	}
	
.menuS a, .menuS a:hover, .menuS a:visited {
	font-family:Arial;
	font-size:12px;
	color:#4F5049;
	text-align:left;
	text-decoration:none;
	cursor:pointer;
	}
	
#content {
	position: relative;
	width:760px;
	left:50%;
	margin-left:-305px;
	margin-top:85px;
	}
	
#main {
	background: #34BEDA;
	width:760px;
	border:#4F5049 double 4px;
	margin-top:20px;
	overflow: auto;
	}
	
#mainA {
	background: #e2e2db;
	width:760px;
	border:#4F5049 double 4px;
	margin-top:20px;
	overflow: auto;
	}
	
#mainForm {
	background: #34BEDA;
	width:300px;
	border:#4F5049 double 4px;
	margin-top:20px;
	overflow: auto;
	padding-left:10px;
	padding-right:10px;
	}	
	
#contentL {
	width:180px;
	height:100%;
	font-family:Arial;
	font-size:14px;
	color:#49443E;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	border-right:#4F5049 solid 2px;
	float:left;
	display:table-column;
	}

#contentL a{
	font-family:Arial;
	font-size:14px;
	color:#4F5049;
	}
	
#contentLl {
	width:180px;
	font-family:Arial;
	font-size:14px;
	color:#49443E;
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	display:table-column;
	}	
	
#contentM {
	width:120px;
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	float:left;
	border-right:#4F5049 solid 2px;
	display:table-column;
	}
	
#button {
	background:#4F5049;
	padding:2px;
	float:left;
	border:#e2e2db solid 2px;
	color:#e2e2db;
	font-family:SF New Republic;
	font-size:14px;
	text-align:center;
	margin-left:10px;
	padding:4px;
	}
	
#button a{
	color:#e2e2db;
	font-family:SF New Republic;
	font-size:14px;
	text-decoration:none;
	}
	
#bodyT {
	padding-left:10px;
	padding-right:10px;
	font-family:Arial;
	font-size:14px;
	color:#4F5049;
	text-align:justify;
	}
	
#bodyTl {
	padding-left:4px;
	font-family:Arial;
	font-size:14px;
	color:#4F5049;
	text-align:justify;
	}	
	
#bodyTs {
	padding-left:10px;
	padding-right:10px;
	font-family:Arial;
	font-size:10px;
	color:#4F5049;
	text-align:center;
	}	
	
#bodyTs a{
	font-family:Arial;
	font-size:10px;
	color:#fff;
	text-decoration:none;
	}		
	
#bottom {
	height:20px;
	width:100%;
	margin-top:20px;
	overflow: auto;
	font-family:Arial;
	font-size:10px;
	color:#4F5049;
	text-align: center;
	}
	
#bottom a, #bottom a:hover, #bottom a:visited {
	font-family:Arial;
	font-size:10px;
	color:#34BEDA;
	text-decoration:none;
	}