body {
    background-color:#b7b7b7;
    margin:0;
}

#center{
    padding-top:1em;
    width:701px;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    background-color:white;
}

#container {
    position: relative;
    width:701px;
    height: 27px;
    padding: 0;
    margin: 20px 0 0 0;
    margin-left:35px;
    margin-right:auto;
}

#nav {
    position:absolute;
    top: 0px;
    left: 15px;
    list-style: none;
    margin: 0;
    padding: 0;
    height: 27px;
    display: inline;
    overflow: hidden;
    width: 701px;
}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: left;
	padding: 28px 20px 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:27px; /* for IE5/Win */
}
	
#nav a:hover {
    background-position: 0 -28px;
}


.home #nav li#home a,
.doc #nav li#doc a,
.download #nav li#download a,
.web #nav li#web a,
.team #nav li#team a {
    background-position: 0 -56px;
}

.table_caption { font-size:20px; font-weight:bold; padding:10px;}
.table { display:table; border-collapse:collapse; margin:10px; }
.tr_head { display:table-header-group; background-color: #CCCCCC; font-weight: bold; }
.tr { display:table-row; background-color: #ffffff; } 
.tr_done { display:table-row; background-color: #00FF00;}
.tr_todo { display:table-row; background-color: #ffffff; } 
.td { display:table-cell; border:thin solid red; padding:5px; }

	
#home a  {
	width: 72px;
	background: url(../images/home.png) top left no-repeat;
	}

#doc a {
	width: 151px;
	background: url(../images/doc.png) top left no-repeat;
	}

#faq a {
	width: 57px;
	background: url(../images/faq.png) top left no-repeat;
}

#about a {
	width: 61px;
	background: url(../images/about.png) top left no-repeat;
}


#download a{
	width: 109px;
	background: url(../images/download.png) top left no-repeat;
}
	
#web a  {
	width: 109px;
	background: url(../images/web.png) top left no-repeat;
}

#team a  {
	width: 72px;
	background: url(../images/team.png) top left no-repeat;
}

#content{
    font-family:'Arial',sans-serif;
    color:black;
    font-size:medium;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-left: 3em;
    padding-right: 3em;	
    padding-bottom: 3em;
    padding-top: 3em;
}

#file_uploaded pre {
    font-family:'Arial',sans-serif;
    color:black;
    font-size:small;
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    padding-bottom: 3em;
    padding-top: 3em;
}

#footer{
    font-family:'Arial',sans-serif;
    padding:2px;
    background-color:black;
    color:#b7b7b7;
    font-size:small;
}
