body {
background-color: #666666;
background-repeat: repeat;
background-image: url(../images/diagonalline.png);
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color:#ffffff;
padding:0;
margin:0;
}

a {color: #FFD0D0; text-decoration: none;}
a:visited {color:#FFD0D0; text-decoration: none;}
a:hover {color: #FFFFFF; text-decoration: none;}

h1 
{
	background-image: url(../images/nav.png);
	font-size: 11px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border: 1px dotted #333;
	padding:5px 10px;
	margin:0;
	width: 600px;
/*	-moz-box-shadow: 4px 4px 0 #222;
	-webkit-box-shadow: 4px 4px 0 #222;
	box-shadow: 4px 4px 0 #222; */
	text-align: left;
}

h2 {
font-size:12px;
font-weight: bold;
padding: 5px 10px;
margin:0;
text-align: center;
}

p, pre{
	padding: 5px 10px;
	margin:0px;
	text-align: left;
}

/* ----------container to center the layout-------------- */
#container {
width: 850px;
background-image: url(../images/bg-2.jpg);
background-repeat: no-repeat;
margin-bottom: 10px;
margin: 0 auto;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #ffd0d0;
border-right-color: #ffd0d0;
border-bottom-color: #ffd0d0;
border-left-color: #ffd0d0;
}

/* ----------banner for logo-------------- */
#banner {

text-align: right;
padding: 1px 0px;
padding-top: 5px;
padding-right: 10px;
margin-bottom: 5px;
}



/* -----------------content--------------------- */
#content {
float: left;
width: 620px;

padding: 0 10px 10px 10px;

}

#content table tr td {
	text-align: left;
}


.floatright

{
float: right;
width: 130px;
margin: 5px 10px 0px 0px;
padding: 0px;
border-top: 1px dotted gray;
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
border-left: 1px dotted gray;
}


.floatleft

{
	float: left;
	width: 400px;
	margin: 5px 1px 0px 0px;
	padding: 5px;
	text-align: justify;
}

.floatdesc

{
float: left;
width: 550px;
margin: 5px 1px 0px 0px;
padding: 5px;
}



/* --------------left navi------------- */
#left {
	color: #ffd0d0;
	font-size: 75%;
	clip: rect(auto,auto,auto,auto);
	vertical-align: 0%;
	line-height: 10px;
	border: 1px none #ffd0d0;
	float:left;
	width:200px;
	height:239px;
	text-indent: -11px;
	word-spacing: 0px;
	background-image: url(../images/nav.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px dotted #333;
	
/*	-moz-box-shadow: 4px 4px 0 #222;  
    -webkit-box-shadow: 4px 4px 0 #222;  
    box-shadow: 4px 4px 0 #222;
*/
}

/*next event */

#otherinfo

{		
	width:200px;
	height:220px;
	float:left;
	font-size: 120%;
	color: #ffd0d0;
	text-align:left;
	margin: 20px 1px 20px 0px;
	text-align:center; 
	
}

.otherinfobox

{ 	border-top: 1px dotted gray;
	border-right: 1px dotted gray;
	border-bottom: 1px dotted gray;
	border-left: 1px dotted gray;

}

/* -----------latest releases--------------------------- */
#latestrls {
text-align: center;
font-weight: normal;
width: 620px;
padding-top:10px;

}

/* #latestrls img {

-moz-box-shadow: 4px 4px 0 #222;  
-webkit-box-shadow: 4px 4px 0 #222;  
box-shadow: 4px 4px 0 #222;

} */

#latestrls h1 
{
	background-image: url(../images/nav.png);
	font-size: 11px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	border: 1px dotted #333;
	padding:5px 10px;
	margin:0px;
	width: 600px;
}

/* -----------footer--------------------------- */
#footer {
background-color: #FFD0D0;
clear: both;
text-align: right;
padding:4px 10px;
}