/* global */
html, body
{ 
 	height: 100%;
}

body
{
	font-family: verdana, arial, sans-serif;
 	padding: 0px;
 	margin: 0px;
	font-size: .68em;
}

p
{
 	padding: 0px 0px 16px 0px;
 	line-height: 1.7em;
}

h1
{ 
	font-family: arial, sans-serif;
 	font-size: 108%;
 	letter-spacing: .1em;
}

h2
{ 
	margin: 0px;
 	padding: 0px 0px 4px 0px;
 	font-size: 100%;
}

img
{
	border: 0px;
}

a
{
	outline: none;
}

/* image positioning - left, right and center */
.left
{ 
	float: left;
 	padding: 0px 8px 0px 0px;
}

.right
{ 
	float: right;
 	padding: 0px 0px 0px 8px;
}

.center
{ 
	display: block;
 	text-align: center;
 	margin: 0 auto;
}

/* unordered list */
ul
{ 
	margin: 8px 0px 0px 16px;
 	padding: 0px;
}

ul li
{ 
	list-style-type: square;
 	margin: 0px 0px 11px 0px;
 	padding: 0px;
}

/* main container */
#global
{
	height: 100%;
	width: 980px;
	margin: 0 auto;
}

#main
{
	float: left;
	width: 780px; 
	height: auto;
	min-height: 100%; 
	background-color: red;	
}

* html #main
{
	height: 100%; 
}
	

#content
{ 
  width: 766px;
  padding-pottom: 2em;
}

#footercont
{
  float: left;
  clear: both;
  z-index: 10;
  height: 2em;
  margin-top: -2em;
  width: 780px;
}

#footer
{ 
  border-top: 2px solid;
  font-size: 120%; 
  text-align: center;
  width: 766px;
  
}

#sidebar
{
	float:right;
	width: 180px;
	height: auto;
	min-height: 100%;
}

* html #sidebar
{
	height: 100%;
}
/* margin lefts / margin rights - to centre content */
#links, #logo, #menu, #content, #footer
{ 
	margin-left: auto;
 	margin-right: auto;
}


/* links above the logo / footer */

#links, #links-left
{
  height: 2em;
  font-size: 120%;
  padding: 8px 21px 0px 19px;
}

#links 
{
	width: 726px;
}

#links-left A {color: #EEE !important;}

#links{text-align: right; clear: left;}
#links select, #links input {font-size: 88%; text-transform: none;}
#links input {margin-left: 5px; margin-right: 5px;}
#links-left {float: left; clear: left; margin-top: -2.5em;}


#links a, #footer a{text-decoration: none;}
#links a {margin-right: 15px;}

#links a:hover, #footer a:hover{text-decoration: underline;}

/* logo */
#logo
{ width: 766px;
  height: 74px;
  border-top: 2px solid;
  border-bottom: 5px solid;
  background-color: black;
}

#logo h1, #logo h2, #logo h3
{ margin: 0px;
  letter-spacing: .2em;
}

#logo h1
{ padding: 5px 0px 0px 169px;
  font-size: 250%;
}

#logo h2
{ font-family: arial, sans-serif;
  padding: 0px 0px 0px 169px;
  font-size: 108%;
}

#logo h3
{ font-family: arial, sans-serif;
  padding: 0px 0px 0px 369px;
  font-size: 100%;
}

/* navigation menu */
#menu
{ height: 20px;
  width: 766px;
  margin-top: -20px;
  position: relative;
}

#menu ul{margin: 0px auto;}

#menu li
{ float: left;
  margin: 0px 5px 0px 0px;
  padding: 0px;
  list-style: none;
}

#menu li a
{ display: block;
  float: left;
  height: 10px;
  text-decoration: none;
  padding: 2px 9px 6px 9px;
  border: 1px solid;
  text-transform: none;
  font-size: 100%;
}
#menu li a.red {color: #FAA;} 

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover
{ height: 10px;
  padding: 3px 10px 7px 10px;
  border: 0px;
}

/* main content */

/* column 2 - page content */
#column2
{ 
  text-align: justify;
  width: 710px;
  padding: 2px 3px 15px 19px;
  clear: both;
}

#column2 h1
{ font-family: arial, sans-serif;
  padding: 4px 0px 3px 0px;
  margin: 0px 0px 5px 0px;
  border-bottom: 1px solid;
  font-size: 150%;
  font-weight: normal;
}

#column2 h1.right {float: right;}

#column2 h2
{
	margin-bottom: 5px;
	font-size: 120%;
	font-weight: normal;
	background-color: #888;
	padding-left: 5px;
	color: white;
}

#column2 a {color: white;}
#column2 a:hover {color: #AAF;}


/* additional colour scheme selections */
#colour{margin: 0px 0px 20px 0px;}

#colour a, #colour a:hover{border: 0px;}

.blue
{ background: #414141 url(blue.png) no-repeat left center;
  color: #109CEF;
  padding: 0px 40px 0px 20px;
}

.green
{ background: #414141 url(green.png) no-repeat left center;
  color: #94C65A;
  padding: 0px 40px 0px 20px;
}

.purple
{ background: #414141 url(purple.png) no-repeat left center;
  color: #CE5AEF;
  padding: 0px 40px 0px 20px;
}

.orange
{ background: #414141 url(orange.png) no-repeat left center;
  color: #FF9C21;
  padding: 0px 40px 0px 20px;
}

.widget
{
	background-color: #CCCCFF;
	color: #000055;
	padding: 5px;
	border: 1px solid #005;
	margin: 5px 0px;
}

.form-error {color: #F99;}

.delete-link {color: #900 !important;}