/*............CSS by Chris Collins 05-09.............*/
body
	{

	background-color: #999;

	color: #333;

	font-family: Helvetica, Arial, sans-serif;

	font-size: 62.5%;

	margin: 0px;

	padding: 0px;

	text-align: center;

	}

h1
	{ 
	margin: 0; 
	}

#container
	{

	background-color: #FFF;

	border-left: #555 solid 1px;

	border-right: #555 solid 1px;

	margin: 0 auto;

	text-align: left;

	width: 880px;
	}

#header
	{
	background: url(../images/header.jpg) no-repeat left top;
	height: 84px;
	text-indent: -4999px;
	}
/*...................Navigation CSS details................*/
#nav
	{

	background: #E5E5E5 url(../images/nav.jpg) no-repeat left bottom;

	padding: 6px 80px 18px;

	overflow: auto;

	/* Give IE "layout", so the div expands downward to contain the navigation */

	zoom: 100%;
	}

#nav div
	{

	float: left;

	width: 239px; /* -1px to prevent "float-drop" */

	}

#nav h2
	{

	background-position: left center;

	background-repeat: no-repeat;

	color: #666;

	font-size: 1.2em;

	font-weight: normal;

	margin: 0 0 6px;

	padding: 2px 0 2px 24px;

	text-transform: uppercase;

	}

#nav ul, #nav li
	{

	margin: 0;

	padding: 0;

	}

#nav ul
	{

	list-style-type: none;

	margin-left: 4px;

	}

#nav li
	{

	background-position: left center;

	background-repeat: no-repeat;

	margin-bottom: 3px;

	padding-left: 20px;

	}

#nav a
	{

	color: #333;

	font-size: 1.2em;

	text-decoration: none;

	}

#nav-left h2
	{ 
	background-image: url(../images/icon-main.png); 
	}

#nav-centre h2
	{ 
	background-image: url(../images/icon-legal.png); 
	}

#nav-right h2
	{ 
	background-image: url(../images/icon-hints.png); 
	}

#nav-left li
	{ 
	background-image: url(../images/arrow-main.png); 
	}

#nav-centre li
	{ 
	background-image: url(../images/arrow.png); 
	}

#nav-right li
	{ 
	background-image: url(../images/arrow-hints.png); 
	}

	
/*......nav links for other navigation links*/
a.img:hover
	{	background: transparent;
	border: none;
	}
a.nav:link 
	{
	color: #000;
	text-decoration : underline;
	font-size: 0.9em;
	font-weight: bold;
	background: transparent;
	font-weight: bold;
  	}
a.nav:visited 
	{
	color: #333;
	text-decoration : underline;
	font-size: 0.9em;
	background: transparent;
	font-weight: bold;
  	}
a.nav:hover 
	{
	color: #FF0000;
	text-decoration:none;
	font-size: 0.9em;
	background: #dbe8f9;
	font-weight: bold;
  	}
 a.nav:active 
	{
	color: #FF0000;
	text-decoration : underline;
	font-size: 0.9em;
	background: transparent;
	font-weight: bold;
  	}
/*......end nav links for other navigation links..........*/
	
	


#content
	{
	background: url(../images/content.png) repeat-y 0 0;
	height:auto !important;	
	min-height: 450px;
	padding: 36px 80px 0;
	}
	
	
/* for Internet Explorer */
/*\*/
* html .content {
height: 10em;
}
/**/

/*#content img
	{

	float: right;

	margin: 0 0 24px 24px;

	}*/

#content h1
	{

	color: #0050BF;

	font-size: 2.4em;

	font-weight: normal;

	margin-bottom: 1em;

	}

#content h2
	{
	color: #0050BF;
	font-size: 1.8em;

	margin-top: 2em;

}

#content p{

	font-size: 1.4em;

	line-height: 1.3em;

	}

#footer
	{
	border-top: solid 1px #666666;
	padding: 10px 80px;
	text-align: center;
	font-size: 1em;
	}
	/* Finish CSS ADDED BT CC 10-06-09.....*/
	
	/*CSS ADDED BT MDF 10-06-09 onwards.....*/

.breadcrumb
	{ 
	display:inline;
	font-size: 0.9em;
	}
.contentlist
	{
	font-size: 1.5em;
	list-style:none;
	margin: 5px 30px;
	padding: 0;
	line-height: 150%;
	}
.contentlist2
	{
	font-size: 1em;
	list-style: url(../images/arrow.png) outside;
	margin: 5px 50px;
	padding: 0;
	line-height: 150%;
	}
ol
	{
	margin: 5px 50px;
	padding: 0;
	line-height: 150%;
	font-size: 1.5em;
	}
	
.separator
	{
	text-align:center;
	}
.images2 
	{
	margin: 0;
	float: right;
	text-align:center;
	}
.images2 img
	{
	border: none;
	}
.images2 h1
	{
	height: 2px;
	padding: 5px;
	text-indent: -9999px;
	font-size:0.2em;
	}
.twitter 
	{
	margin: 5px;
	float: right;
	text-align:center;
	}
.twitter img
	{
	border: none;
	padding: 0;	
	}
.imagecontainer
	{
	text-align: center;
	padding: 5px;
	}
.imagecontainer img
	{
	margin: 5px;
	}
.pullquote 
	{
	float:right;
	color: #000;
	font-family:"Times New Roman", Times, serif;
	font-size: 1em;
	text-align:center;
	background: #DCE7F6 url(../images/backgrounds/steel.jpg) top repeat-y; 
	margin: 10px 0 10px 10px;
	padding: 8px;
	border: 1px dashed #000;
	width: 250px;
   	}
.pullquote h2
	{
	color: #000;
	margin: 0;
	padding: 0;
	}
td
	{
	padding: 5px;
	text-align: justify;
	width: 250px;
	font-size: 1.5em;
	vertical-align: text-top;
	}
th
	{
	padding: 5px;
	text-align: center;
	width: 250px;
	font-size: 1.5em;
	}
	
/*..........................form css.......................*/
input.txt 
	{
  	color: #000;
  	background-color: #fff;
  	border: 1px inset #00008B;
  	width: 200px;
	}
input.btn 
	{
  	color: #fff;
  	background-color: #fff;
  	border: 1px outset #00008B;
	}
form p 
	{
  	clear: left;
  	margin: 0;
  	padding: 0;
  	padding-top: 5px;
	}
form p label 
	{
  	float: left;
  	width: 30%;
  	font: bold 0.9em Verdana,Arial, Helvetica, sans-serif;
	}
.formcolor
	{
	background-color:#999;
	}
input 
	{
	background-color: #fff;
	font-size: 0.9em;
	font-weight:bold;
	color: #000;
  	width: auto;
	}
textarea
	{
	background-color: #fff;
    font: bold 0.9em Verdana,Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000;
  	width: 200px;
  	border: 1px inset #00008B;
	}
/*..........................form css.......................*/
.breadcrumb
	{ 
	display:inline;
	font-size: 1.5em;
	}
.right
	{
	text-align: right;
	}
.right img
	{
	border: none;
	}
.center
	{
	text-align: center;
	}	
.signup
	{
	text-align: center;
	padding: 5px;
	margin: 10px auto;
	}