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

body {
	font-size: 11px;
	font-family:Tahoma;
	color: #333;
}
p {
	margin: 1em;
}

#main {
	position:absolute;
	top: 50%;
	left: 50%;
	width:1024px;
	height:580px;
	margin-top: -280px; /*set to a negative number 1/2 of your height*/
	margin-left: -512px; /*set to a negative number 1/2 of your width*/
}
.container {
	background-image:url(../img/bg.jpg);
	background-repeat:no-repeat;
	height:560px;
}

#footer{
text-align:center;
margin-top:5px;
font-family:Tahoma, Arial, sans-serif;
font-size:10px;
}

#footer a:link, #tablist li a:visited{
color: #666;
text-decoration:none;
}

#tablist{
padding: 350px 0 0 30px;
margin:0;
font:11px Tahoma;
}

#tablist li{
list-style: none;
margin: 0;
width:170px;
}

#tablist li a{
padding: 3px 3px 3px 3px;
margin: 3px 0 5px 0;
display:block;
text-decoration:none;
}

#tablist li a:link, #tablist li a:visited{
color: #000;
}
#tablist li a:hover, 
#tablist li a:focus {
color: #333; 
}		

#tablist li a.current{
background-color:#999999;
}

#tabcontentcontainer{
margin:-370px auto auto 580px;
/* Insert Optional Height definition here to give all the content a unified height */
}
#head_foot {
letter-spacing: 4px;
font-family:"Times New Roman", Times, serif;
font-size:20px;
text-align:center;
margin:5px 0 5px 0;

}

.tabcontent{
padding: 10px;
width: 400px;
height:240px;
background-color:#bbbbbb;
display:none;
line-height:14px;
}

a.tab {
background-color:#999999;
}

a.tab:active{
background-color:#999999;
}

.tabcontent ul {
  float: left;
  width: 407px; /* width is changed */
  margin: 0 0 0 -18px;
  padding: 0;
  list-style: none;
}
 
.tabcontent li {
  float: left;
  width: 187px;
  margin: 0;
  padding: 0 0 0 16px; /* left padding moves the text away from the bullet */
  line-height:14px;
}