
/*** The DLC Cascading Style Sheet September 2009 ***/



body {			
	background-color: #ffffff;
	background-image: url(../images/body_background.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 10px 0px 10px 0px;
	text-align: center; 	/* this centers the wrappers in older IEwin versions */
	font-family: century gothic, Verdana, arial, helvetica, sans-serif;
	font-size: .75em; 
	color: #000000;
	}	
	
#centred { 
	width:100%;
	text-align: center;
	}
	
#outer {
	border:2px solid #ffffff;
	position:relative;
 	width:900px;
 	text-align: center;
	margin:0px auto;
	}
	
#header_outer {
	background-color: #ffffff;
	background-image: url(../images/header-image.jpg);
	background-repeat: no-repeat;
	background-position: 260px top;
	height:152px;
	}
	
#header_outer .logo {
	float:left;
	border: 1px none #ff0000;
	}
	
#toplinks_wrapper, #toplinks_wrapper2 {
	background-repeat: repeat-x;
	border-top:2px solid #fff;
	}
	
#toplinks_wrapper {
	background-image: url(../images/toplink_tile.jpg);
	height:40px;
	}
	
#toplinks_wrapper2 {
	background-image: url(../images/toplink2_tile.jpg);
	height:25px;
	}
	
ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	color: #000;
	}
	
li {
	margin-bottom:8px;
	}
	
.align_left li { 
	text-align:left;
	}
	
	
#grey_panel_inner { 
	margin:10px 10px 0px 10px;
	}
	
#grey_panel_inner ul {
	margin-bottom:10px;
	}
	
#grey_panel_inner li {
	background-position: left 4px;
	}
	
#toplinks_wrapper ul, #toplinks_wrapper2 ul { 	
	display:inline-block;
	height:40px;
	}
	
#toplinks2_wrapper ul { 
	display:inline-block;
	height:25px; 
	}

#toplinks_wrapper li, #toplinks_wrapper2 li { 
	display:inline-block;
	float:left;
	}
	
#toplinks_wrapper2 li { 
	display:inline-block;
	height:25px;
	}
	
#toplinks_wrapper ul li a {
	display:inline-block;
	background-image: url(../images/toplink_buttons.jpg);
	background-repeat: no-repeat;
	background-position: 0px top;
	height:40px;
	width:99px;
	padding-top:10px;
	font-size:1.4em;
	}
	
#toplinks_wrapper2 ul li a {
	display:inline-block;
	background-image: url(../images/toplinks2_button.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:25px;
	width:100px;
	padding-top:3px;
	}
	
#toplinks_wrapper ul li a.first {
	background-position: 0px top;
	width:100px;
	}
	
#toplinks_wrapper ul li a.last {
	background-position: 0px top;
	width:101px;
	}
	
#toplinks_wrapper2 ul li a.first {
	background-position: right top;
	width:101px;
	}
	
#toplinks_wrapper li a:link { 	
	color:#fff;
	text-decoration:none;
	}
	
#toplinks_wrapper2 li a:link { color: #99ffff; }
	
#toplinks_wrapper li a:visited { 	
	color:#fff;
	text-decoration:none;
	}
	
#toplinks_wrapper li a:hover { 	
	background-position: -100px top;
	color:#fff;
	text-decoration:none;
	}
	
#toplinks_wrapper li a.first:hover { 	
	background-position: right top;
	}
	
#toplinks_wrapper li a.last:hover { 	
	background-position: right top;
	}
	
#toplinks_wrapper2 li a:visited { 	
	color:#99ffff;
	text-decoration:none;
	}
	
#toplinks_wrapper2 li a:hover {
	color: #fff;
	text-decoration:underline;
	}
	
div.search {
	float:right;
	width:260px;
	margin-top:20px;
	margin-right:10px;
	}

#search {	
 	float:right; 
 	padding:2px 10px 0px 4px;
 	}

#header_wrap {
	position:relative;
	width:100%; 
	}
	
#toplinks_div { 		
	border-top: 1px solid #ffffff; 
	background-color: #23286D;
	background-image: url(../images/links_background.jpg); 
	background-repeat: repeat;
	height:25px;
	text-align:center;
	}
	
#toplinks_centerer {	
	text-align:center;
	margin:0px 0px 0px 9px;
	}
	
div.toplinks {
	float:left;
	text-align:center;
	padding:6px 0 5px 20px;
	}	
			
#partners {
	background-image: url(../images/footer_panel.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	height:81px;
	padding:0px;
	margin:10px 10px 0px 20px;
	}
	
#partners_wrapper { 
	width:870px;
	padding: 16px 0 0 0;
	}

#partners_wrapper img { margin:0 10px; }

#main_buttons {
	border:1px none #ccc;
	width:567px;
	}
	
#grey_panel {
	background-image: url(../images/grey_panel.jpg);
	background-repeat: no-repeat;
	background-color: #fff;
	text-align:left;
	width:217px;
	}

	
#grey_panel h1 { 
	font-size:1.2em; 
	font-weight:bold;
	color:#ff6600;
	font-style:normal;
	letter-spacing:0;
	padding-top:8px;
	padding-bottom:0px;
	padding-left:9px;
	}
	
#address { 		
	position: relative;
	background-color: #fff;
	color: #999;
	font-size: 1em;
	letter-spacing: 0.01em;
	padding: 0px;
	text-align: center;
	}
	
#left_col {
	width:200px;
	background-color: #fff;
	vertical-align:top;
	padding: 0 10px 0 0;
	text-align: left;
	}
	
#left_col h2 { padding-left: 10px; }
	
#real-left-outer { float:left; display:block; width:200px; padding:0; margin:0; }
#real-left-inner { padding: 0; margin: 0 0 0 10px; }

#real-left-inner ul { list-style-type: none; margin:10px 0 0 0; padding:0; }
#real-left-inner li { margin:0; padding:0; height:40px; width:189px; text-align:center; line-height:34px; }

#real-left-inner a { height:40px; width:189px; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; }

#real-left-inner a:link, #real-left-inner a:visited { display:block; background: url("../images/menus/left_nav_matrix.gif") top left no-repeat;}
#real-left-inner a:hover, #real-left-inner a:active { display:block; background: url("../images/menus/left_nav_matrix.gif") top right no-repeat;}

#left-outer { float:right; display:block; width:200px; background:#fff; padding:0; margin:0;}
#left-inner { padding: 0; margin: 0; background: #ccc;}
#left-inner a:link, #left-inner a:visited { padding: 2px 13px 3px 13px; color: #ffffff; text-decoration: none; font-weight: bold; display: block; }
#left-inner a:hover, #left-inner a:active { color: #fff200; text-decoration: none; }

li.reflection {  background: url("../images/menus/menu_reflect_tile.jpg") top left repeat-x; }


#breadcrumbtrail { color:#339999; }

#breadcrumbtrail a:link { color:#339999; text-decoration:none; }
#breadcrumbtrail a:visited { color:#339999; text-decoration:none;}
#breadcrumbtrail a:hover { color:#669933; text-decoration:underline; }
#breadcrumbtrail a:active { color:#339999;  text-decoration:none;}

.pictureframe { float:right; }

p.faq {
	color:#2f9d9c;
	font-size:1.2em;
	font-weight:bold;
	min-height:18px;
	padding-left:30px;
	display: block; 
	background: url("../images/right.gif") top left no-repeat;
	}
	
div#mini_buttons {
	width:217px;
	margin-top:-10px;
	margin-bottom:20px;
	text-align:left;
	border:1px none #000;
	}
	
#main_menu {
	margin-top:0px;
	}
	
#main_menu img { 
	margin-left:10px; 
	}
	
table.sitemap { 
	margin:20px 0 0 0;
	}
	
.sitemap td {
	text-align:left;
	}

div.tutorial_scroller {
 	float:right; 
 	width:120px; 
 	margin-top:55px; 
 	margin-right:300px; 
 	text-align:right;
	}
	
#tutorial_scroller_left {
	text-align:left;
	}
	
.tutorial_column { width:48%; }

.tutorial_column#right { float:right; }
.tutorial_column#left { float:left; }

.tutorial_column ul li { 
	background: url("../images/right.gif") top left no-repeat; 
	padding-left:24px;
	min-height:24px;
	}
	
#addendum {
	color:#fff;
	padding:10px;
	text-align:left;
	background-color: #b480bb;
	}
	
#addendum h6 {
	padding:0px;
	margin:0px 0px 6px 0px;
	font-size:12pt;
	}

/***  The DLC Cascading Style Sheet ***/