@charset "UTF-8";

/*------------------------------*/
/*------|   Structures   |------*/
/*------------------------------*/ 
html,body
{
	font-family:Arial, Helvetica, sans-serif; 
	color:#000;
	margin:0px;
	padding:0px;
	/*overflow:auto;*/
}

div#siteWrapper
{
	width:914px;
	min-height:900px;
	background:#fff url(images/bg.png) center center no-repeat;
	position:relative;
}

div#contentWrapper
{
	padding-left:30px;
	padding-bottom:30px;
	position:relative;
}

div#footer
{
	width:914px;
	height:17px; 
	background-color:#b2bc1f;
	text-align:center; 
	font-size:9.3px; 
	color:#7f7f7f;
	line-height:50px;
}

div#banner
{
	width:914px;
	height:166px;
	background:#fff url(images/Etsito-Banner4.jpg) top left no-repeat;
}



/*---------------------------------*/
/*------|  Footer Controls  |------*/
/*---------------------------------*/
div#footerControls
{
	clear:both; 
	margin:30px 0px -20px 0px;
	position:relative;
}

div#footerControlBox
{
	width:200px; 
	height:40px; 
	margin:0px auto 0px auto; 
	font-size:12px;
}

a#backToMain
{
	font-size:12px; 
	float:left; 
	margin-top:30px;
	width:120px;
}

a#backToContents
{
	font-size:12px; 
	float:right;
	width:180px;
	margin-top:-10px;
	text-align:right;
}



/*------------------------------*/
/*------|     Links      |------*/
/*------------------------------*/ 
a:hover
{
   color: #0000ff;
}

a.back-button:link
{
   color: #800080;
   text-decoration: none;
}

a.back-button:visited
{
   color: #800080;
   text-decoration: none;
}

a.back-button:active
{
   color: #800080;
   text-decoration: none;
}

a.back-button:hover
{
   color: #7b7bc0;
   text-decoration: none;
}

.next
{
	background:transparent url(images/forward.png) center right no-repeat;
	display:inline; 
	padding:20px 40px 20px 0px;
	height:40px;
	text-align:right;
	line-height:40px;
}

.previous
{
	background:transparent url(images/back.png) center left no-repeat;
	display:inline; 
	padding:20px 0px 20px 40px;
	height:40px;
	line-height:40px;
	width:100px;
	margin-right:40px;
}

#mainMenuLink
{
	font-size:12px; 
	color:#7f7f7f;
	text-align:center;
	margin-bottom:100px;
	margin-top:200px;
}



/*------------------------------*/
/*------|    General     |------*/
/*------------------------------*/ 
img
{
	border:none;
}

.bold
{
	font-weight:bold;
}

.centre
{
	text-align:center;
}

.hidden
{
	display:none;
}

.block
{
	display:block;
}

.clear-both
{ 
	clear:both;
}



/*------------------------------*/
/*------|     Lists      |------*/
/*------------------------------*/ 
.no-list
{
	list-style-type:none;
}
.sub-list
{
	line-height:26px;
	font-size:14px;
 }
.square-list
{
	list-style-type:square;
}
.decimal-list
{
	list-style-type:decimal;
}

.no-list li {
	margin-top:5px;
}

.pad-5 li
{
	padding:5px;
}

.tick-list
{
	background:transparent url(images/tick-bullet.png) no-repeat left center;
	padding-left:30px!important;
}

.cross-bullet
{
	background:transparent url(images/cross-bullet.png) no-repeat left center!important;
	padding-left:30px!important;
}


/*------------------------------*/
/*------|    Colours     |------*/
/*------------------------------*/ 
.black
{
	color:#000;
}

.purple
{
	color:#6381fd;
}

.green
{
	color:#a2ad00;
}



/*------------------------------*/
/*------|   hx headers   |------*/
/*------------------------------*/ 
h1{
	font-size:48px;
	color:#00008b;
	text-align:center;
}

h2
{
	font-size:32px;
}

h3
{
	font-size:19px;
}

h4
{
	color:#a2ad00;
	padding:10px 0px 0px 0px;
	margin:0px;
}



/*------------------------------*/
/*------|   Activities   |------*/
/*------------------------------*/
.activity
{
	margin:30px 0px;
}

.activity-icon
{
	width:32px;
	height:32px;
	display:block;
	background:transparent url(images/activity-icon.png) top left no-repeat;
}

.result-pane
{
	margin-top:15px;
	border:5px double #e2e2e2;
	background-color:#fafafa;
	padding:10px;
	color:#333;
}

.activity-header
{
	color:#919c11;
}



/*------------------------------*/
/*------|  Table styles  |------*/
/*------------------------------*/
tr.top-bottom th
{
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #cccc;
}

.border-right
{
	border-right: 1px solid #ccc;
}

.border-bottom
{
	border-bottom:1px solid #ccc;
}

.border-top
{
	border-top:1px solid #ccc;
}