body{
background:#999999 url(gfx/bkg_bott.png) bottom repeat-x;
	margin-top:0;
	margin-bottom:10px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:16px;
	height:100%;
	}
	
a:link, a:visited{
	color:#3964C3;
	text-decoration:underline;
	}

a:hover, a:active{
	color:#ff0000;
	text-decoration:underline;
	}

p {padding:0; margin:0;}

.small{font-size:12px;}
.poiinfo{font-size:10px; margin:-10px 0 0 0; padding:0;}

#wrapper{
	height:100%;
	min-width:942px; /* stops ads covering menu! */
	margin:0 auto 0 auto;
	max-width:1200px;
	}

#inner{
	border-top:1px solid #000000;
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	background:#FFFFFF;
	}

#header{
	height:80px;
	padding:0;
	background:#3964C3 url(gfx/header.png) repeat-x;
	}
	
#header .title{
	float:left;
	padding-top:18px;
	padding-left:40px;
	color:#FFFFFF;
	font-size:36px;
	font-weight:bold;
	}

#header img.title{
	padding:0 0 0 40px;
	}


#content{
	width:81%;
	float:left;
	margin:0;
	padding:5px 0px 5px 40px;
	}

#content h3{ font-size:24px;
font-weight:bold;
margin-top:8px;
margin-bottom:5px;
padding-top:0;
}

#content h4{ font-size:20px;
font-weight:bold;
margin-top:8px;
margin-bottom:5px;
padding-top:0;
}

#content h5{ font-size:17px;
font-weight:bold;
margin-top:8px;
margin-bottom:5px;
padding-top:0;
}

#content h6{ font-size:14px;
font-weight:bold;
margin-top:8px;
margin-bottom:5px;
padding-top:0;
}

#content ul{
	padding-top:0;
	margin-top:0;
	}

#ads{position:relative;
	top:-34px;
	float:right;
	padding:10px 10px 5px 0;
	width:120px;
	margin-bottom:-44px;
	}

.clear {
  clear: both;        /* extend height of #wrapper to longest column */
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

#footer{
width:100%;
height:40px;
overflow:hidden;
margin:0;
}

#footer .left {background:url(gfx/footer-left.png) no-repeat;
width:20px;
float:left;
overflow:hidden;
height:40px;}

#footer .middle {background:url(gfx/footer-middle.png) repeat-x;
overflow:hidden;
height:40px;
padding-left:20px;
z-index:100;
}

#footer .right {background:url(gfx/footer-right.png) no-repeat;
width:20px;
float:right;
overflow:hidden;
height:40px;}

.copyright{
	font-size:10px;
	color:#3964C3;
	position:relative;
	}

.copyright a{color:#3964C3;}

.pois {
	border-collapse:collapse;
	empty-cells:hide;
	}

.pois td{font-size:11px;
border:1px solid #3964C3;
padding:2px;
}

.pois img{float:left;
	margin-right:2px;}

.poilist {width:220px; border:1px solid #3964C3; background-color:#DDDDDD; float:left; margin:0 10px 15px 0; font-size:11px; padding:5px;}
.poilist img { border:1px solid #3964C3; }
.poifile {position:relative; top:-8px;}

.download{
	padding:5px;
	height:175px;
	width:100%;
	position:relative;}
	
.downloadE{
	padding:5px;
	height:320px;
	width:100%;
	position:relative;}

.downloadLeft{
	position:absolute;
	bottom:0px; left:0;
	width:47%;
	text-align:center;
	border:1px solid #3964C3;
	background-color:#DDDDDD;
	padding:7px;
	}

.downloadRight{
	position:absolute;
	bottom:0px; right:0;
	width:47%;
	text-align:center;
	border:1px solid #3964C3;
	background-color:#DDDDDD;
	padding:7px;
	}

.compat{
	border:1px solid #3964C3;
	background-color:#DDDDDD;
	width:100%;
	text-align:justify;
	font-size:12px;
	line-height:20px;
	padding-left: 5px;
	padding-right: 5px;
	}
	
.guideExpand{ /* main area */
	border: 1px solid #3964C3;
	padding: 0px;
	background: #ffffff;
	width:100%;
	text-align:left;
	margin-left:0;
	margin-bottom:12px;

	/* the following are browser specific css hacks for shadow and radius until css3 is finalised */
-o-box-shadow: 7px 7px 5px #888;
-icab-box-shadow: 7px 7px 5px #888;
-khtml-box-shadow: 7px 7px 5px #888;
-moz-box-shadow: 7px 7px 5px #888;
-webkit-box-shadow: 7px 7px 5px #888;
box-shadow: 7px 7px 5px #888;

border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
	}
	
.guideExpandHeader{
	background: #dddddd;
	color: #000000;
border-radius: 4px;
-o-border-radius: 4px;
-icab-border-radius: 4px;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
	}
	
#updated{
	width:130px;
	height:130px;
	float:right;
	padding:40px 0 0 0;
	text-align:center;
	background:url(gfx/star.png) no-repeat top left;
	color:white;
	font-size:16px;
	font-weight:bold;
	}

.download #updated{
	position:absolute;
	top:-30px;
	left:-78px;
	width:130px;
	height:130px;
	padding:40px 0 0 0;
	text-align:center;
	background:url(gfx/star.png) no-repeat top left;
	color:white;
	font-size:16px;
	font-weight:bold;
	}
#upload{
	width:200px;
	height:218px;
	float:right;
	background:url(gfx/upload.png) no-repeat top right;
	}
	
#convertLeft{
	float:left;
	border:1px solid #3964C3;
	width:406px;
	height:130px;
	font-size:12px;
	padding:10px;
	}
	
#convertRight{
	float:left;
	width:310px;
	height:142px;
	text-align:center;
	border:2px dashed #3964C3;
	margin:0 0 0 30px; 
	padding:3px;
	font-size:13px;
	}
	
.curveShadow{
/* the following are browser specific css hacks for shadow and radius until css3 is finalised */
-o-box-shadow: 7px 7px 5px #888;
-icab-box-shadow: 7px 7px 5px #888;
-khtml-box-shadow: 7px 7px 5px #888;
-moz-box-shadow: 7px 7px 5px #888;
-webkit-box-shadow: 7px 7px 5px #888;
box-shadow: 7px 7px 5px #888;

border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

input,textarea,option{
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.news{
background-color:#DDD;
border:1px solid #3964C3;
border-radius: 5px;
-o-border-radius: 5px;
-icab-border-radius: 5px;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

ul.news li{
margin:0;
padding:5px;
position:-10px;
}

p.news{font-weight:bold;}

img.right {float:right;}