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

body {
	margin: 0px; 
	padding: 0px;
	font-family: Lucida Sans Unicode, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color:#000000; 
	background-image:url(images/background.png);
	background-color:#FFFFFF;
}

h1 {
	margin:0px;
}

a:link {

	text-decoration: none; 
	color: #000000;
}
a:visited {
	text-decoration: none; 
	color: #000000;
}
a:hover {
	text-decoration: none; 
	color: #26E02F;
}
a:active {
	text-decoration: none; 
	color: #000000;
}

pre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#centerImage {
	text-align:center;
}

#container {
	margin-top:20px;
	padding-bottom:20px;
	height:743px;
	width:auto;
	z-index: 1;
}

#header {
	background-image:url(images/headerUP3.png);
	border:1px solid #000;
	border-bottom: 0px;
	border-radius: 10px;
	height:120px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 2;	
}

#logo {
	background:url(images/circle2.png) no-repeat;
	height:127px;
	width:127px;
	margin-top: -5px;
	margin-left: -5px;
	float: left;
	z-index: 3;	
}

#roundtopright {
	background:url(images/tr.png) no-repeat;
	height:20px;
	width:20px;
	margin-top: -1px;
	margin-right: -1px;
	float: right;
	z-index: 3;	
}

#navigationContainer {
	background-color:#FFFFFF;
	border:1px solid #000;
	border-bottom:0px;
	height:60px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 1;
}

#navigation {
	margin-top:5px;
	width:955px;
	border-left: 0px;
	border-right:0px;
	height: 55px;

}

#contentContainer {
	background-color:#FFFFFF;
	border: 1px solid #000;
	border-top:0px;
	border-bottom:0px;
	height:550px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 3;
}

#content {
	height:550px;
	width:955px;
	font-size: 12px;
	color:#000000;
	position:relative;
	overflow: auto;
}

#contentTitle{

	margin-left: 10px;
	width: 945px; 
	height: 65px;
	font-size: 16px;
	color:#000000;

}

#leftColumnThree{
	margin-left: 10px;
	width: 308px; 
	height: 485px;
	float: left; 
	border-right: 1px solid #000;
}

#middleColumnThree{
	margin-left: 10px;
	width: 307px; 
	height: 485px;
	float: left; 
	border-right: 1px solid #000;
}

#rightColumnThree{
	margin-left: 10px;
	width: 308px;
	height: 485px;
	float: left; 
}

#leftColumnTwo {
	margin-left: 10px;
	width: 467px; 
	height: 550px;
	float: left; 
	border-right: 1px solid #000;
}

#rightColumnTwo {
	margin-left: 10px;
	width: 467px;
	height: 550px;
	float: left; 
}

#leftColumnOne{
	margin-left: 10px;
	width: 945px;
	height: 485px;
	float: left; 
	overflow: auto;
}

#creationTool{

	width: 955px;
	height: 550px;
	float: left; 
	
}


#pirate {
	background-color:#FFFFFF;
	border:1px solid #000;
	border-bottom:0px;
	height:160px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 2;	
}

#footerContainer {
    background-image:url(images/footer.png);
	background-color:#FFFFFF;
	border:1px solid #000;
	height:60px;
	width:955px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index: 4;
}

#roundbottomright {
	background:url(images/br.png) no-repeat;
	height:60px;
	width:60px;
	margin-top: 1px;
	margin-right: -1px;
	float: right;
	z-index: 3;	
}

#roundbottomleft {
	background:url(images/bl.png) no-repeat bottom;
	height:20px;
	width:20px;
	margin-top: 41px;
	margin-left: -1px;
	float: left;
	z-index: 3;	
}

#starsContainer{
	float:left;
}

#starsBox{
	border: 1px solid #000000;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	float:left;
	text-align:center;
	width:102px;
}

#starsName{
	width: 102px;
	font-size: 10px;
	text-align:center;
}

#stars{
	background:url(images/stars.png) no-repeat;
	height:20px;
	margin-top:-20px;
	z-index: 4;	
	float:left;
}

#starsEmpty{
	background:url(images/stars_empty.png) no-repeat;
	height:20px;
	width:102px;
	
	z-index: 2;	
	
}

#starsHolder{
	height:20px;
	width:105px;
	margin-top:-2px;
	z-index: 2;	
	
}

#starsNumber{

	float: left;
	margin-left: 7px;
	margin-right: 7.5px;
	font-size: 10px;

}

#starsCurrent{
	width: 102px;
	font-size: 10px;
	text-align:center;
	float:left;
}

#hidden {
	display:none;
}