@charset "utf-8";

body {
	margin:0;
	padding:0;
	height:100%; /* this is the key! */
}

#left {
	position:absolute;
	left:0;
	top:0;
	padding:0;
	width:10%;
	height:100%; /* works only if parent container is assigned a height value */
	color:#000000;
	background: url(images/sidebar-background2.gif) repeat;
	border-right:1px solid #8C8C8C;
}

#right {
	position:absolute;
	right:0;
	top:0;
	padding:0;
	width:10%;
	height:100%; /* works only parent container is assigned a height value */
	color:#333;
	background: url(images/sidebar-background2.gif) repeat;
	border-left:1px solid #333;
}

#logo {
	height: 135px;
	background-color: #e2ddda;
	padding:4px;
	margin-left: 10%;
	margin-right: 10%;
	text-align:center;
	overflow:hidden;
	
	
} 

#nav-bar {
	height: 26px;
	background: url(images/light-tab-done.gif) repeat;
	margin-left: 10%;
	margin-right: 10%;
	vertical-align: bottom;
	position: relative;
	border-left: 1px solid #8C8C8C;
	overflow:hidden;
} 



a.tab {
	display: block;
	float:left;
	background: url(images/light-tab-bg.gif) repeat;
	line-height:26px;
	text-align: center;
	font-family:  sans-serif, Arial, Helvetica;
	font-size: x-small;
	font-weight: bold;
	text-decoration: none;
	letter-spacing:2px;
	border-right: 1px solid #000000;
	width:75px;
	

}


a.tab:link, a.tab:visited {
	color: #000000;
}

a.tab:hover, a.tab:active {
	background:url(images/dark-tab-bg.gif);
	color: #FFFFFF
}

.icon {
	background-repeat: no-repeat;

}

.tab-seperate{
	margin-left: 10%;
	margin-right: 10%;
	background-color: #8A94A7;
	height: 3px;
}


.content {
	margin-left:12%;
	margin-right:12%;
	background: #FFFFFF;
	padding:0 10px;
}
.content h1{
	font-size: large;
	color: #333333;
	margin:0px;
	padding:0px;
	
}

.content p{
	font-size: medium;
	margin:5px;
	padding:7px;
	}