html {
	font-size:76%; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

body {
margin:0px 0px 0px 0px;
padding:0px;
text-align: center;
}

#container{
	text-align:left;
	position: relative;
	margin: auto;
	height: 690px;
	width: 650px;
	border: 0px #66B6CF solid;
	overflow:hidden;
	overflow:hidden;

}	
	
#topmenu{
position:relative;
float:left;
width:600px;
height:30px;
margin-bottom:0px;
overflow:hidden;
background-image:url('images/bgtopmenu.jpg');
background-color:transparent;
z-index:5;
}	

#topmenu a,#topmenu a:visited, #topmenu span{
float:left;
font-size:1.1em;
display:block;
height:20px;
width:auto;
margin-left:0px;
margin-right:0px;
color:#ECECEC;
margin-top:3px;
line-height:1em;
*line-height:1.1em;
padding-right:10px;
padding-left:10px;
text-decoration:underline;
}

#topmenu a:hover{
text-decoration:none;
color:#000000;
}

#topmenu span{
text-decoration:none;
color:silver;
float:right;
}
						 
#head {
	position:relative;
	float:left; 
	width:600px; 
	height:150px; 
	font-size:1em; 
	overflow:hidden;
	background-color:#FFFFFF;
	background-image:url('images/rollerball-logo.jpg');
	background-repeat:no-repeat;
	}
	
#head img{
float:right;
}

#left {
border-top:0px silver solid;
border-left:0px silver solid;
border-bottom:0px silver solid;
position:relative;
float:left; 
width:150px; 
height:450px; 
font-size:1em; 
background-image:url('images/leftbg.jpg');
	}			


#content {
float:left;
position:relative;
	overflow:hidden; 
	float:left;
	width:450px;
	height:450px;
border-top:0px silver solid;
border-right:0px silver solid;
border-bottom:0px silver solid;
	}
#right {
  position:relative;
	overflow:auto; 
	float:left;
	width:35px;
	height:450px;
	background-image:url('images/right.jpg');
	}
	
#left a,#left a:visited, #left h1{
position:relative;
display:block;
float:left;
clear:both;
height:30px;
width:150px;
overflow:hidden;
color:#000000;
text-decoration:underline;
font-size:1.1em;
line-height:1.9em;
text-indent:10px;
text-align:left;
text-align:center;
border-bottom:1px #5188ae solid;
border-top:1px #FFFFFF solid;
margin-bottom:-1px;
}

#left a:hover{
text-decoration:none;
color:white;
border-bottom:1px #FFFFFF solid;
border-top:1px #5188ae solid;
line-height:2.2em;
background-image:none;
}

.leftactive{
background-image:url('images/leftactive.gif');
background-repeat:no-repeat;
}

.leftborderbottom{
border-bottom:1px #5188ae solid;
}

.leftbordertop{
border-top:1px #FFFFFF solid;
}

.leftborderboth{
border-bottom:1px #5188ae solid;
border-top:1px #FFFFFF solid;
}		


#left h1{
font-weight:bolder;
font-size:1.5em;
text-align:right;
width:100%;
height:25px;
border-bottom:0px #5188ae solid;
margin-bottom:10px;
border-top:0px;
}

#content p {
margin-left:25px;
margin-right:25px;
margin-bottom:25px;
line-height:1.4em;
font-size:1.0em;

text-align:left;
	}
	
	#content h1 {
margin-left:25px;
margin-top:10px;
font-size:2.5em;

	}

.
color:white;
background-color:black;
	}	
		#content img {
border:1px black solid;
}

#contentnav{
position:relative;
float:left;
height:20px;
width:100%;
margin-top:0px;
overflow:visible;
margin-bottom:10px;
border-top:0px silver solid;
}


#contentnav a,#contentnav a:hover,#contentnav p{
float:left;
font-size:1.1em;
display:inline;
color:#73BFF3;
text-decoration:underline;
margin:0px;
margin-left:10px;
}

#contentnav a:hover{
text-decoration:none;
color:#000000;
}

#contentnav span{
position:relative;
float:left;
display:inline;
clear:none;
margin-left:10px;
}

#contentnav p{
text-decoration:none;
color:#000000;
margin-left:10px;
margin-top:0px;

}