#preMenu { 
	clear: both; 
	height: 68px; 
	margin: 0 0 1px -2px; 
	width: 730px;
	padding: 10px 28px 0 28px;
} /* Logo and contact info */

#preMenu table
{
	font-size: 0.90em;
}

#preMenu table {
	width: 675px;
	background-color:#000000;
	color: #FFFFFF;
}

#mainpage { 
	clear: both; 
	width: 680px; 
	background-color:#FFFFFF; 
	background-repeat:repeat-y; 
	padding: 0;
	margin-left: 10px;
	border-bottom: 2px solid #CCC;
} /* Sets the pages position */

#sideBar { float: left; width: 185px; margin-top: 20px; margin-left: 19px; } /* Left side bar */
#footer { clear: both; border-top: 5px solid #000; text-align:right; color: #666; margin: 20px 0; }

.hdrImage { 
	clear: both;  
} /* Top large image */
.fullLine { border-top: 7px solid #000; text-align:right; } /* Full horizontal bar */
/* #F5F5F5 */
.sideBarHdr { background-color:#EAEAEA; padding: 3px; font-weight: bold; font-size: 10pt; margin-bottom: 6px; } /* Sidebar Title */
.sideBarCol1 { width: 35px; float: left; } /* First col in sidebar */
 
/***********************/
/*** MENU FORMATTING ****/
/***********************/

#menu {
	clear:both;
	font-size: 0.90em;
	font-weight:normal;
	margin: 0 auto;
	padding: 0;
	position: relative;
	text-align:left;
	width: 920px;
	z-index:100;
}

ul#menu
{
	margin:0;
	padding: 0;
	position: relative;
	text-align:left;
	z-index:100;
}

ul#menu li:hover
{
	background-color: #666;
	background-image:url(images/menu_arrows_over.jpg);
	background-repeat:no-repeat;
}

#menu a, #menu h2{
	display:block;
	white-space:nowrap;
	margin:-4px 0 0 -5px;
	padding:6px 0 1px 5px;
	color: #000;
	font-size: 1em;
	text-decoration:none;
	height: 20px;
	position: relative;
	z-index:100;
}

#menu ul li h2 a {
	margin-top: 0;
	padding-top: 15px;
	padding-bottom: 0px;
}

#menu ul li h2 {
	height: 30px;
	margin-top: -3px;
	padding-top: 0;
	padding-bottom: 5px;
}



#menu a{
color:#000;
}

#menu a:hover{
color:#FFF;
background:#333;
}

#menu a:active{
color:#FFF;
background:#CCCCCC;
}

#menu ul{
list-style:none;
margin:0;
padding: 0;

}

#menu li{
	background-color: #FFF;
	background-image:url(images/menu_arrows.jpg);
	background-repeat:no-repeat;
	color:#FFFFFF;
	float:left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 4px 0 0 4px;
	width: 111px;
}

#menu ul ul{
position:absolute;
z-index:500;
top:auto;
display:none;
width: 210px;
margin: -5px 0 0 40px;
background-color: #333;
padding: 0;
margin-left: -5px;
margin-top: 4px;
}

#menu ul ul li, #menu ul ul li a, #menu ul ul li h2, #menu ul ul a
{
	margin-top: -4px;
	width: 210px;
	background-color: #333;
	background-image: none;
	padding-left: 5px;
	color: #FFF;
}

#menu ul ul ul{
	background-color: transparent;
	border: 2px solid #333;
	margin-left: 100px;
	width: 300px;
	margin-top: -20px;
}

#menu ul ul ul li, #menu ul ul ul li a, #menu ul ul ul li h2, #menu ul ul ul a
{
	width: 295px;
	background-image: none;
	padding-left: 5px;
	background-color: #666;
	color: #FFF;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

#menu h2:hover{
background:#333;
color: #FFFFFF;
}

#menu li:hover{
cursor:pointer;
z-index:100;
}

#menu li:hover ul ul,
#menu li li:hover ul ul,
#menu li li li:hover ul ul,
#menu li li li li:hover ul ul
{display:none;}

#menu li:hover ul,
#menu li li:hover ul,
#menu li li li:hover ul,
#menu li li li li:hover ul
{display:block;}

#menu ul ul ul li, #menu ul ul ul li h2, #menu ul ul ul li a
{
	text-transform:none;
}

#menu ul li ul li a:hover {
	background-color: #777;
}


/* End of non-anchor hover selectors */

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
color:#FFF;
background:#333;
}

#menu a.x:hover{
color:#FFF;
background:#333;
}

#menu a.x:active{
color:#FFF;
background:#333;
}

/* SIDE BAR LINKS */
/*#F5F5F5*/
#sideBar ol { list-style-type: none; }
#sideBar ul { list-style-type: none; background-color:#F8F8F8; margin: -18px 0 10px 0; padding: 0 0 10px 0;}
#sideBar ul li { padding: 2px 0 2px 5px; color: #999999; }
#sideBar ul li:hover { background-color:#CCCCCC; }
#sideBar ul li a { text-decoration: none; color: #990000; }
#sideBar ul li.active { background-color:#CCCCCC; color:#000000; }


.lineShadow { BACKGROUND-IMAGE: url(images/line_shadow.jpg); WIDTH: 100%; BACKGROUND-REPEAT: repeat-x; HEIGHT: 21px; clear:both; }


table td.altColour { background-color: #f0f8f1; }

.boxThin { display: inline; width: 255px; float: left; }
.boxThin table { border: 1px solid #DDDDDD; }
.resourceLink { border-top: 1px solid #DDDDDD; padding: 8px 0; }

ul.altColours { margin: 0; padding: 0; list-style-type: none; }
ul.altColours li { padding: 4px 0 4px 5px; }
ul.altColours li.altColour { background-color: #f0f8f1; }

ul.noSpace { margin: 0; padding: 0; }
ul.tier1 { list-style-image:url(admin/images/bullet_1.jpg); margin-top:8px; border-top:1px dashed #CCC; padding: 8px 0; }
ul.tier2 { list-style-image:url(admin/images/bullet_2.jpg); margin-top:8px; }
ul.tier3 { list-style-image:url(admin/images/bullet_3.jpg); margin-top:8px; }
ul.tierf { list-style-image:url(admin/images/bullet_f.jpg); font-size: 0.9em; font-weight: normal; margin-bottom: 10px; border-bottom:1px dashed #CCC; padding-bottom: 8px; }



.trioBoxes {
	float: left;
	width: 150px;
	height: 150px;
	background-color: #FFF;
	margin-left: 6px;
}


.trioBoxes ul {
	border: 1px solid #DDDDDD;
	height: 130px;
	list-style-type: none;
	margin: 0;
	padding: 5px;
}

.showcase_block
{
	clear: both;
	margin-bottom: 15px;
}

.inline, li.inline { margin: 0; padding: 0; display: inline; }

/* CMS DEFAULT STYLES */

.comment_block {
	clear:both;
	margin: 10px 0;
}

.comment_name {
	font-weight:bold;
}

.comment_date {
	color: #999999;
}



.mainHdr{
	font-size: 18pt; 
	font-weight: bold;
	 width: 100%; 
	 border-bottom: 5px solid #F5F5F5; 
	 margin-bottom: 15px;
 }
 
 .messageBoxGood
{
	border: 3px solid #339933;
	width: 90%;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 5px 0;
	clear: both;
}

.messageBoxWarning
{
	border: 3px solid #CC0000;
	width: 90%;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 5px 0;
	clear: both;
}

.messageBoxReminder {
	border: 3px solid #ff870f;
	width: 90%;
	background-color: #F5F5F5;
	padding: 5px;
	margin: 5px 0;
	clear: both;
}

.divCentre {
	text-align: center;
}
.divClear {
	clear:both;
}

.divRight {
	float: right;
}
.divLeft {
	float: left;
}
.divWidthHalf{
	float: left;
	width: 50%;
}

.divWidthFull{
	width: 100%;
}


/*Admin styles */
.admin_editmenu a{
	text-decoration:none;
	color:#FF6600;
}
.admin_editmenu a:hover{
	text-decoration:underline overline;
	color:#FF3300;
}
.admin_arrows {
	font-family:"Webdings";
	font-size:medium;
}

ul.admin_list
{
	list-style-image:url(admin/images/bullet.jpg);
}

ul.admin_list li
{
	margin-bottom: 12px;
}

ul.admin_list li div
{
	margin-left: 20px;
}

ul.admin_list li h5
{
	color: #990000;
	font-size: 0.95em;
}

/*     ~~~~~~~~~~~~~~~~~~~ SUB SECTION: SideBar News Settings  ~~~~~~~~~~~~~~~~~~~    */

#sideBar .subNewsBlock1 , #sideBar .subNewsBlock0 { 
	margin-bottom: 25px;
}

#sideBar ul.subNewsList {
	
}

#sideBar ul.subNewsList li {
	background-color: #ccd5e1;
}

#sideBar ul.subNewsList li.subNewsTitle0, #sideBar ul.subNewsList li.subNewsTitle1 {
	background-color: #ccd5e1;
	padding: 3px 0 0 3px;
}

#sideBar ul.subNewsList li.subNewsTitle0 a, #sideBar ul.subNewsList li.subNewsTitle1 a {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}

#sideBar ul.subNewsList li.subNewsTitle0 a:hover, #sideBar ul.subNewsList li.subNewsTitle1 a:hover {
	color: #666666;
}

#sideBar ul.subNewsList li.subNewsDate {
	background-color: #FFF;
	border-bottom: 1px solid #6D87A8;
	font-size: 10px;
}

#sideBar ul.subNewsList li.subNewsIntro {
	background-color: #FFFFFF;
}


/*     ~~~~~~~~~~~~~~~~~~~ SUB SECTION:  Demos Settings  ~~~~~~~~~~~~~~~~~~~    */

 

.demosScroll a {
            border: 1px solid #000;
            background-color: #F5F5F5;
            color: #333333;
            font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
            padding: 5px 10px;
            text-decoration: none;
}
.demosScroll a:hover {
            background-color: #FFFFCC;
}
.subDemosBlock0  {        
}
.subDemosBlock1 {
            background-color: #E0E6ED;
}

 

.subDemosBlock {
            font-size: 12px;
            padding: 0px 2px 0px 0px;
			clear:both;
}


.subDemosList {
            list-style: none;
            margin: 0;
            padding: 0.25em;
}

 

.subDemosImage{
            border: 0px;
			text-align:center;
}

.subDemosImageThumb0{
	border:	0px;
	float:right;
}
.subDemosImageThumb1{
	border-top: 3px solid #DDE7EC;
	border-right: 3px solid #DDE7EC;
	float:right;
}

.subDemosTitle0 {
            background-color: #5F6A70 ;
            margin-top: 5px;
			color:#DDE7EC;
			font-size:14px;
			font-weight:bold;
			padding-left: 10px;
}

.subDemosTitle1 {
            background-color: #5F6A70 ;
            margin-top: 5px;
			color:#FFFFFF;
			font-size:14px;
			font-weight:bold;
			padding-left: 10px;
}


.subDemosTitle0 a:link{
			color:#FFFFFF;
}

.subDemosTitle0 a:visited{
			color:#FFFFFF;
}

.subDemosTitle0 a:hover{
			color:#DDE7EC;
}

.subDemosTitle1 a:link{
			color:#FFFFFF;
}

.subDemosTitle1 a:visited{
			color:#FFFFFF;
}

.subDemosTitle1 a:hover{
			color:#DDE7EC;
}
 
 

.subDemosDate {
            border-bottom: 1px solid #616C72;
			font-family:Arial, Helvetica, sans-serif;
            font-size: 9px;
            color:#666666;
            text-align: right;
}



/*     ~~~~~~~~~~~~~~~~~~~ SUB SECTION:  Clients Settings  ~~~~~~~~~~~~~~~~~~~    */

.subClientsBlock0  {
  
}

.subClientsBlock1 {
	background-color: #E0E6ED;
}

.subClientsBlock {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 2px 0 5px;
	clear:both;
}

.subClientsList {
	list-style: none;
	margin: 0;
	padding: 0.25em;
}

.subClientsImage0{
	border: 0px;
	float:right;
}

.subClientsImage1{
	border-top: 3px solid #DDE7EC;
	border-right: 3px solid #DDE7EC;
	float:right;
}

.subClientsTitle1 {
	background-color: #5F6A70;
	margin-top: 5px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	padding-left: 10px;
}

.subClientsTitle0 {
	background-color: #5F6A70;
	margin-top: 5px;
	color:#DDE7EC;
	font-size:14px;
	font-weight:bold;
	padding-left: 10px;
}

.subClientsURL {
	font-size: 12px;
}

	
/*******************************/
/* SEARCH RESULTS */

.results_block
{
	border-bottom: 1px solid #CCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.results_block .results_title a
{
	color: #990000;
	text-decoration: none;
}

.results_block .results_title a:hover
{
	color: #666;
	text-decoration: underline;
}

.results_block .results_type
{
	color: #999999;
	font-style: italic;
	margin-bottom: 5px;
}

.results_block .results_intro
{
	margin-bottom: 5px;
}

/*  NEWS */
.subNewsImage{
float:right;}

.subNewsContent img {
	padding: 0px 5px 0px 5px;
}

/*PUBLISHING */
.divPercentage {
	width: 300px;
	height: 15px;
	border: 1px solid #000000;
}
#divPercentageFill{
	background-color:#0066FF;
	height: 15px;
	
	width: 0px;
}

/* SIDE BARS */

.sidebar_btns {
	font-family: Wingdings 3;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.sidebar_btns a{
	font-family: Wingdings 3;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.sidebar_btns a:hover{
	font-family: Wingdings 3;
	color:#333333;
	font-weight:bold;
	text-decoration: underline;
	
}

#sb_history_box ol
{
	background-color: #F5F5F5;
	margin: 0;
	padding: 0;
}

#sb_history_box li
{
	border-bottom: 1px solid #FFF;
	padding: 3px;
}

#sb_history_box li:hover
{
	background-color: #CCC;
}

#sb_history_box li a
{
	text-decoration: none;
	color: #990000;
}

/* SITE MAP */

.sitemap_l0{
	background-color:#F5F5F5;
	border-bottom: 1px solid #CCC;
	padding: 5px;
}

.sitemap_l1{
	background-color:#E1E1E1;
	border-bottom: 1px solid #F5F5F5;
	margin-left: 15px;
	padding: 3px;
}


.sitemap_l2{
	background-color:#F9F9F9;
	border-bottom: #E1E1E1;
	margin-left: 35px;
	padding: 3px;
}


.sitemap_btns {
	font-family: Wingdings 3;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}

.sitemap_btns a{
	font-family: Wingdings 3;
	color:#666666;
	font-weight:bold;
	text-decoration:none;
}
.sitemap_btns a:hover{
	font-family: Wingdings 3;
	color:#333333;
	font-weight:bold;
	text-decoration: underline;
	
}

.sitemap_control_pos
{
	float:right;
	display:none;
}


.registered_addy {
	color: #666666;
	font-size: 0.80em;
}

.sms_msg_box {
	border: 1px solid #666;
	margin: 10px 0px;
	width: 457px;
}

.sms_msg_box .sms_img {
	float:left;
	margin: 8px;
	width: 61px;
}

.sms_msg_box .sms_details {
	float:left;
	margin: 15px 0 5px 0;
	text-align: right;
	width: 345px;
}