body
{
	font-family:Verdana, Arial, Helvetica, sans-serif;/*Sets default font*/
	font-size:11px;/*Sets default font size*/
	border:0px;/*No border as the default*/
	padding:0px;/*No padding as the default*/
	margin:0px;
	background-color:#9999FF;
}

#wrapper
{
	width: 774px;/*Sets width of wrapper container*/
	height:628px;/*Sets height of wrapper container*/
	background-color:#33FFFF;/*Sets background colour*/
	margin: 0 auto;/*This centers wrapper in Mozilla!!*/
	text-align:left;/*Sets default text align*/
}

#banner
{
	width:774px;/*Sets width of banner container*/
	height:120px;/*Sets height of banner container*/
	background-color:#000000;
}

#main
{
	width:774px;/*Sets width of main container*/
	height:460px;/*Sets height of main container*/
}

#left
{
	width:150px;/*Sets width of left container*/
	height:774px;/*Sets height of left container*/
	float:left;/*Sets left container to float to the left of the main container*/
	background-color:#0099FF;/*Sets background colour of left container*/
}

#right
{
	width:616px;/*Sets width of right container*/
	height:460px;/*Sets height of right container*/
	float:right;/*Sets right container to float to the right of the main container*/
	overflow-y:scroll;/*If too much is added into right container, a scroll facility will come into play along the y axis*/
}



p.blue
{
	color:#000099;/*any paragraph with this class will have text colour blue*/
}
	
.red
{
	color:#FF0000;/*anything with this class will have text colour red*/
}

.white
{
	color:#FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
}

.purple
{
color:#660066
}

.darkblue
{
color:#330099
}

.ltblue
{
color:#0033FF
}



a:link
{
	color:#6666FF;/*Default text colour of link*/ 
	text-decoration:none;/*Plain text*/
	font-size:10px;/*Default font size of link*/
}
a:visited 
{ 
	color:#009900;/*Default text colour of link to page already visited*/ 
	text-decoration:none;/*Plain text*/
	font-size:10px;/*Default font size of visited link*/
}
a:active 
{ 
	color:#6666FF;/*Default text colour of active link*/ 
	text-decoration:none;/*Plain text*/
	font-size:10px;/*Default font size of active link*/
}
a:hover 
{ 
	color:#6633FF;/*Default text colour of link when mouse hovers over it*/
	text-decoration:underline;/*Plain text underlined*/
	font-size:11px;/*Default font size of link when mouse hovers over it*/
}

#navbar
{
	width:774px;
	height:228px;
	background-color:#CCCCCC;
}
#left p
{
color:#FFFFFF;
font-family:"Century Gothic";
font-weight:bold;
}
#right p
{
color:#663399;
font-family:"Century Gothic";
font-weight:bold;
}

p.hidden
{
visibility:hidden;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 100px;
	height: 75px;
}

.hoverbox li
{
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: inline;
	float: left;
	margin: 3px;
	padding: 5px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 200px;
	height: 150px;
}
/* CSS Document */