/*MAIN ELEMENT STYLING*/
* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */

body{
	text-align:center;
	min-height:800px;/* for ie7*/
	min-width:600px;/* for good browsers*/
	height:auto;
	width:100%;
	font-size:90%;
	font-family:serif;
	color:white;

}

h1{
	font-weight:bold;
	font-size:110%;
	}

h2{
	font-weight:bold;
	font-size:100%;
	text-align:left;
}

a{
	border:none;
	color:white;
}

img{
	border:none;
}

p{
	padding:5px;
	text-align:justify;
}

img{
	margin: 5px auto;
	border: 2px solid white;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
}

ul{
	list-style-type:none;
}


/*SITE FRAMEWORK*/
/*Frames*/

#outer{
	width:100%;
	height:100%;
	background-color:#eeeeee;
}

#container{
	position:relative;
	width:800px;
	height:auto;
	margin:auto;
	border:1px solid black;
	background-image: url(../assets/bg2.jpg);
	background-repeat:no-repeat;
	background-color:#ff9900;
	-moz-border-radius: 25px;
	border-radius: 25px;
}

#heading{
	width:800px;
	margin:auto;
}

#bodybox{
	width:600px;
	margin:50px auto;
	background-color:#383636;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding:10px;
	border:2px solid black;
	position:relative;
}

#footer{
	width:100%;
	padding:10px;
	text-align:centre;
	font-size:80%;
}

#tabcontainer{
	position:absolute;
	top:-40px;
	left:25px;
	height:40px;

}

.listbox{
	width:auto;
	float:left;
	text-align:center;
	padding:10px;
	font-size:80%;
}

.tab{
	background-color:#282626;
	height:28px;
	float:left;
	-moz-border-radius: 25px 25px 0px 0px;
	border-radius: 25px 25px 0px 0px;
	padding:5px;
}

.tabcurrent{
	background-color:#383636;
	height:30px;
	float:left;
	-moz-border-radius: 25px 25px 0px 0px;
	border-radius: 25px 25px 0px 0px;
	padding:5px;
}

.line{
	background-color:white;
	height:1px;
	margin:5px auto;
}