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

*{
margin:0;
padding:0;
border:0;
}

html, body {
height: 100%;
background-color:#fff;
padding-top:35px;
font-family: Helvetica, Verdana, Arial, sans-serif;
font-size:1em;
text-align:center;	
}

#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 980px;
	height:640px;
	background:url(../images/common/gradient.jpg) bottom repeat-x;
}

#header {
height:112px;
width:980px;		
margin:0 auto;
background:url(../images/common/banner.gif) top no-repeat;
}

#subheader {
height:30px;
padding-right:10px;
}

#subheader p {text-align:right;}

#leftcol {
	float: left;
	width: 220px;
	height: 500px;
}

#container {background:url(../images/common/gradient.jpg) bottom repeat-x;;}
/*--------------------- menu--------*/

#navcontainer
{
width: 205px;
margin-top:-10px;
}

#navcontainer ul
{
list-style: none;
}

#navcontainer li
{
margin: 0;
}

#navcontainer li #current {color:#333}

#navcontainer li a
{
display: block;
padding: 5px 0 5px 10px;
color: #999;
text-decoration: none;
width: 100%;
}

/*--------------------- menu--------*/

#rightcol {
	float: right;
	width: 250px;
	height: 490px;
}

.centred {text-align:center;}

#content { 
	float: left;
	width: 510px;;
	height: 500px;
	text-align:center;	
}

#fadeshow1 {
background-color:#fff;
margin:0 auto;}

img {border:none;}

#thumbs img{
margin:0 0 13px 0;
}

#central img{
margin:0 0 30px 0;
}



/*------------typography-----*/
p { 
font-size:12px;
line-height:19px;
text-align:justify;
padding:0 10px 12px ;
color:#626262;
}

.small {font-size:10px;}
/*------------*/

a:link,a:active,a:visited,a:hover {color:#000;
text-decoration:none;
}
.red {color:#c00;
text-decoration:none;
}

/*------------------tables------*/
#bda {margin:0 auto;
padding:0;}

#bda p{
line-height:19px;
text-align:justify;
padding:0 ;
}

#cheat td {
text-align:center;
padding-bottom: 10px;
}

/*index*/
.inviz {
position: absolute;
left:-200000px;
font-size:0.1em;
margin:0;
padding:0;
}

/*contact*/
#imagecontainer{ 
margin:0 auto;
}

.clear {
height:1px;
clear:both;
}

/*about*/

.moogal {
display:block;
position:relative;
width:133px;
height:100px;
z-index:1;
line-height: 0;
visibility: hidden;
}

.atoverlay {
display:block;
position:relative;
width:133px;
height:100px;
z-index:5;
margin-top:-100px;
}

.atoverlay a {
display:block;
width:133px;
height:100px;
z-index:500;
background:url(../images/about/transparent.gif);
}

.atoverlay a .large {
display: block;
height: 1px;
left: -1px;
position: absolute;
top: -1px;
width: 1px;
}

.atoverlay a.go:hover {
text-decoration: none;
display:block;
width:133px;
height:100px;
}

.atoverlay a.go:hover .large {
display: block;
width:240px;
height: 180px;
left: -53px;
position: absolute;
top: -40px;
}

.moogal {
display:block;
position:relative;
width:133px;
height:100px;
z-index:1;
line-height: 0;
visibility: hidden;
}

/*---------Collapsible panel-----*/

.collapsiblepanel {
	margin: 10px 0 0;
	padding: 0px;;
	width:480px;
}

.cptab {
	margin: 0px;
	padding: 2px;
	background:url(../images/common/tabarrow.png) 130px 488px no-repeat;
	cursor:pointer;
	outline:none;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.indextab {
	margin: 0px;
	padding: 2px;
	background:url(../images/common/tabarrow.png) 210px 488px no-repeat;
	cursor:pointer;
	outline:none;
	-moz-user-select: none;
	-khtml-user-select: none;
}


.cpcontent {
	margin: 0 -240px 20px 240px;
	padding:10px 0px 0;
	border: solid 1px #ccc;
	background-color:#eaeaea;
}