html, body {
	margin:0px;
	background-image:url(../images/background_repeat.gif);
	background-repeat:repeat-x;
	background-color:#AEAAAA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:small;
	min-height:1000px;
}

#container {
	background-image:url(../images/border_repeat.gif);
	background-repeat:repeat-y;
	width:751px;
	margin:auto;
	height:auto;
}
	
#header {
	width:687px;
	height:68px;
	background-image:url(../images/header_logobanner.jpg);
	margin:auto;
}

#footer {
	width:689px;
	height:25px;
	margin:auto;
	background-image:url(../images/background_subheader.gif);
	background-repeat:no-repeat;
	border-top:1px solid #808080;
	font-size:x-small;
	text-align:center;
}


#footer a:link, a:visited, a:active, a:hover
{
    color:#666666;
    text-decoration:none;
}


#footer a:hover
{
	color:#B23D3D;
	text-decoration:underline;
}

#menu {
	width:689px;
	height:22px;
	margin:auto;
	background-image:url(../images/menu_repeat.gif);
	background-repeat:repeat-x;
	position:relative;
}

#adminItems {
    padding:2px 0px 0px 5px;
	font-size:14px;
	font-family: Verdana;
	letter-spacing:0.3em;
}

#adminItems a {
    color:#595E93;
	font-weight:bold;
}
#adminItems a:hover {
    color:#B23D3D;
    text-decoration:none;
}


#subheader {
	width:689px;
	height:25px;
	margin:auto;
	background-image:url(../images/background_subheader.gif);
	background-repeat:no-repeat;
	border-bottom:1px solid #808080;
}

.breadcrumb
{
    font-size:x-small;
    padding-top:1%;
    float:left;
}
.breadcrumb_separater
{
    color:#666666;
}

.datetime 
{
    font-size:x-small;
    padding-top:1%;
    float:right;
    color:#666666;
}


#content {
	width:689px;
	margin:auto;
	padding-bottom:25px;
	color:#454545;
	min-height:500px;
}

.pageheader 
{
 	border:1px #959292 solid;
	background-color:#F2F2F2;
	width:635px;
	margin-left:25px;
	margin-right:25px;
	margin-top:25px;
	margin-bottom:0px;
	padding:2px;
}

.pagetitle
{
    float:left;
    padding-left:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:x-large;
    text-transform:uppercase;
    letter-spacing:0.2em;
    line-height:1.2em;
    color:#505050;
}
.pagetitle2
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:medium;
    text-transform:capitalize;
    letter-spacing:0.1em;
    color:#999999;
}
.pagenav
{
    float:right;
    padding-right:7px;
    padding-top:7px;
}

.pagenav a:link, .pagenav a:visited, .pagenav a:active, .pagenav a:hover 
{
	color:#595E93;
    text-decoration:none;
	text-transform:uppercase;
}
.pagenav a:hover
{
	color:#B23D3D;
	text-decoration:underline;
}

.box{
	border:1px #959292 solid;
	background-color:#F2F2F2;
	margin-top:25px;
	margin-bottom:0px;
	padding:10px;

	line-height:1.4em;
	text-align:justify;
}

.box.fullwidth {
	width:619px;
	margin-left:25px;
	margin-right:25px;
}
.box.halfwidth {
	display:inline;
	width:285px;
}

.box.thirdwidth.small {
    display:inline;
	width:200px;
}
.box.thirdwidth.large {
    display:inline;
	width:370px;
}


.box.halfwidth.left, .box.thirdwidth.small.left, .box.thirdwidth.large.left {
	margin-left:25px;
	margin-right:0px;
	float:left;
}
.box.halfwidth.right, .box.thirdwidth.small.right, .box.thirdwidth.large.right {
	margin-left:0px;
	margin-right:24px;
	float:right;
}



.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */



fieldset 
{
    border:0px; 
}

.ctrl_txt
{
    font-size:x-small;
}

.note_txt
{
    font-size:x-small;
    line-height:0.1em;
}




a:link, a:visited, a:active, a:hover 
{
    color:#7377b0;
    text-decoration:none;
}
a:hover
{
	color:#B23D3D;
	text-decoration:underline;
}

img 
{
    border-style:none;
    padding:0px;
}


.dropcap 
{
    float:left;
    font-size:320%;
    line-height:0.8em;
    color:#595E93;
    padding-bottom: 1px;
}


h1 
{
    font-size:large;
    line-height:1.5em;
}
h2 
{
    font-size:large;
    letter-spacing:0.5em;
}
h3 
{
    font-size:medium;
}

/* COLOURS */

.purple_bg
{
    background-color:#DADBE5;
}

.lightpurple
{
    color:#DADBE5;
}
.white
{
    color:#FFFFFF;
}


.purple 
{
    color: #9295BC;
}

.darkpurple 
{
    color: #555B80;
}

.red 
{
    color:#B23D3D;
}
.gray
{
    color:#333333;
}

.txt_title
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:medium;
    font-weight:bold;
    display:block;
    letter-spacing:0.2em;
    text-align:left;
}

.txt_title2
{
	font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:small;
    font-weight:bold;
    display:block;
    letter-spacing:0.1em;
    text-align:left;
}

.txt_newsDate
{
    height:30px;
    vertical-align:top;
    text-align:right;
    font-size:xx-small;
       
}

.portfolio_link, .portfolio_link:link, .portfolio_link:visited, .portfolio_link:active, .portfolio_link:hover 
{
    color:#666666;
    text-decoration:none;
    font-size:small;
    font-family:"Courier New", Courier, mono;
}
.portfolio_link:hover
{
	color:#B23D3D;
	text-decoration:underline;
}

.portfolio_img, .portfolio_img:link, .portfolio_img:visited, .portfolio_img:active, portfolio_img:hover
{
    float:right;
    margin-left:10px;
    /*border:solid 2px #595E93;*/
    border:solid 2px #666666;
    line-height:0px;
    padding:2px;
}
.portfolio_img:hover
{
    border:solid 2px #B23D3D;
}

ul.tracklist
{
    margin-left:20px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left:0px;
    list-style-type:square;
    color:#B23D3D;
}


/* DATA GRID & LISTS */

.dg 
{
    padding:5px;
}

.dgHeader 
{
    background-color:#555B80;
    color:#ffffff;
    font-size:11px;
    line-height:normal;
}
.dgHeader a:link, .dgHeader a:visited, .dgHeader a:active
{
    color:#fff;
}
.dgRow 
{
    font-size:11px;
    background-color:#F2F2F2;
    line-height:normal;
    
}
.dgRow_alt
{
    font-size:11px;
    background-color:#EAEAEA;
    line-height:normal;
    
}

.dgRow_ctrl 
{
    background-color:#FFFFFF;
    border:solid 1px #AAAAAA;
    padding:2px 2px 2px 2px;
    font-size:12px;    
}


.ad 
{
    width:230px;
    background-color:#FFFFFF;
    text-align:center;
    margin:5px auto 5px auto;
    padding:5px 0px 5px 0px;
    border:solid 1px #555B80;
}

#ReactionTestIntro 
{
    padding:10px;    
}

.gamebackground
{
    background-color:#DADBE5;
    border:solid 1px #B23D3D;
}
.gamebackground_change
{
    background-color:#0000CC;
    border:dashed 1px #B23D3D;
    color:#CCCCCC;
}

.photo
{
    float:left;
    text-align:center;
    width:204px;
    
}




/* --- GOOGLE ADVERTS --- */

#ads_right, #ctl00_ads_right, #ctl00_ads_right_exahost
{
	position: absolute;
	right: 10px;
	top: 10px;
	clear:both;
	float:right;
}
#ads_left
{
	position: absolute;
	left: 10px;
	top: 10px;
	clear:both;
	float:left;
}