/*Created by Next New Media, 22nd July 2007.*/
/*################## GENERAL STYLES ###############*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	text-align: center;
	min-width: 901px;
	font-size:75%;
	color: #535353;
	/*background: blue;*/
	}


html>body {
	font-size: 75%;	/* be kind to opera*/
	}

.small {	
	font-size: 0.9em;
	line-height: 1.2em;
	}

.small2 {	
	font-size: 0.9em;
	line-height: 1.5em;
	}

.greenText{		
	color: green;
	}

.largebold {	
	font-size: 1.4em;
	line-height: 1.5em;
	font-weight: bold;
	}

.smaller {	
	font-size: 0.7em;
	}

.redText {	
	color: #c51f23;
	}

.blueText {	
	color: #19458b;
	}

.RSS1 {	
	margin: 6px 0 0 0;
	}

.RSS2 {	
	background: url(../images/iconRSS.gif) 0 0 no-repeat;
	padding-left: 18px;
	}

p {
	/*padding-top: 10px: this doesnt work in Opera or firefox */	
	line-height: 1.2em;
	font-size:1.1em;
	padding-bottom: 10px;
	}


.radios { 
	border: 0px solid #c7c7c7;
	} 

.button { 
	border: 0px solid white;
	float: none;
	margin: 5px 0 5px 0;
	} 


.spacerhoz { /* Do we need??? */
	width: 6px;
	float: left;
	}

/* This is used to show alternate information to flash movies */

	.flashcontent {
		float:left;
		width: 100%;
	}


h1 { /* Main titles with red arrow to the left */
	margin-top:9px;	
	margin-bottom:7px;	
	text-align: left;
	font-size: 150%;
	color: #19458b;	
	font-weight: normal;
	}

h2 { /* Main titles with red arrow to the left */
	margin-top:17px;
	margin-left:7px;
	text-align: left;
	font-size: 110%; /* normally 120 */
	color: #19458b;
	font-weight: normal;	
	}


h3 { /* Main titles with red arrow to the left */	
	margin-top:10px;	
	margin-bottom:4px;	
	text-align: left;
	font-size: 120%;
	color: #19458b;
	font-weight: normal;
	}

h4 { /* Main titles with red arrow to the left */	
	text-align: left;
	margin-bottom:4px;	
	color: #19458b;	
	font-size: 100%;	
	font-weight: normal;	
	}

h5 { /* Main titles with red arrow to the left */	
	margin-left:7px;
	margin-bottom:4px;	
	text-align: left;
	font-size: 110%;	
	font-weight: normal;
	display: block;
	width: 100%;
	}

h6 {	
	padding-top:2px;
	padding-bottom:5px;
	font-size: 120%;	
	font-weight: normal;
	}

.glossary { /* Main titles with red arrow to the left */
	text-align: left;
	font-size: 1.2em;
	line-height:1.3em;
/*	height:20px;*/
	color: #19458b;
	background: url(../images/redarrow.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px; 
	padding-left: 10px;
	font-weight: normal;
	}


.headerarrow {	 /*Header red arrow */	
	background-image: url(../images/red-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0% 5px; 	
	}

div.ciclebullets { /* Red circles with white arrow placement */
	margin-top:7px;
	margin-right:10px;
	}

#navlist
	{
	margin-top: 6px;
	margin-bottom: 7px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

#navlist li 
	{
	padding-left: 13px;
	padding-top: 3px;
	background-image: url(../images/circle-bullets-li.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	}

.navlist2
	{
	margin-top: 6px;
	margin-bottom: 2px;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	}

.navlist2 li 
	{
	padding-left: 13px;
	padding-top: 3px;
	background-image: url(../images/circle-bullets-li.gif);
	background-repeat: no-repeat;
	background-position: 0 7px;
	}


.blankright{
	float: right;
	}

.blankrightgrey{
	padding-top: 6px;
	background: #efefef;
	float: right;
	height: 24px;
	width: 320px;
	}

.imgright {
	float: right;
	margin: 4px 0 4px 8px;
	}

.imgleft {
	float: left;
	margin: 4px 14px 4px 0px;
	}

.copy style9 {	 /* Bullet style for admin area */	
	background: blue;
	margin-top: 20px;
	}

.style5 {	 /* Bullet style for admin area */	
	font-size: 110%;
	padding: 0px 0 3px 8px;
	margin: 0 0 0 8px;
	background-image: url(../images/red-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	clear: none;
	display:list-item;
	list-style-type: none; 
	}

.greybkg { /* General grey bkg div */
	background: #efefef;
	}

.greylinkspanel { /* General grey bkg div */
	width: 560px; 
	height: 25px; 	
	background: url(../images/linksbkg.gif) repeat-x center;	
	}

.hrLinks{ /* Main content Hr's */
	height:1px;
	background: url(../images/greydotline.gif) repeat-x center;
	width: 560px;
}



/*###############################################################*/
/*################## TOP HEADER (Logo and Top nav) ###############*/
#wrapper0 {
	width: 100%px; /* Wraps top header */
	background: url("../images/topbar.gif");
	background-repeat: repeat-x;
	}

#wrapper1 {
	width: 950px; /* Wraps top header */
	height: 70px;
	/*background: green;*/
	}

div.header-logo { /* Logo placement */
	width: 227px;
	text-align: left;
	float: left;
	margin-top: 30px;
	}

div.topnav { /* Entire Top nav placement */
	float: right;
	padding-right:30px;
	/*background: green;*/
	}

div.topbar { /* Entire Top nav placement */
	height: 19px;
	text-align: right;
	}

div.topnav2 { /* Just text Top nav placement */
	padding-top: 3px;
	float: left;
	}

div.nav2div { /* Divider placement */
	float: left;
	margin-left: 10px;
	margin-top: 4px;
	}

div.redbullet { /* Red bullet placement */
	margin-left: 10px;
	float: left;
	}

.nav2arrow {	/* Header red arrow */	
	background-image: url(../images/red-bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding:0px 0px 0px 6px;
	margin:0px 0px 0px 10px;
	float: left;
	}

/*###############################################################*/
/* ########## Mid Header stuff #############*/

#midheader { /* Contains mid header bkg */
	width:972px;
	float:left;
	background:white url("../images/bg.gif") no-repeat 0 0;
	font-size:105%;
	}

#midheader ul { /* Padding for all ul text UL */
	margin:0;
	padding:7px 0px 0 20px;
	list-style:none;
	}

#midheader li { /* Padding for all li text */
	float:left;     
	margin:0;
	padding:0 0 0 4px;
	margin-right:1px;
	}

#midheader a { /* Padding and right image for link */
	float:left;
	display:block;
	background:url("../images/right.gif") no-repeat right top;
	padding-bottom:18px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px; 
	text-decoration:none;    
	color:#19458b;
	}

	/* Commented Backslash Hack
	hides rule from IE5-Mac \*/
#midheader a {float:none;}

	/* End IE5-Mac hack */
#midheader a:hover { /* text hover colour */
	color:#c00000;
	}

#midheader #current { /* Upstate of tab */
	/*background-image:url("../images/left_on.gif"); */
	border-width:0;
	}

#midheader #current a { /* Upsate of tab with padding */
	/*background-image:url("../images/right_on.gif");*/
	color: #c00000;
	padding-bottom:18px;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px; 
	}

.midheaderdiv {
      float: left;
	  padding:1px 0px 0 0px;
      }  

/*###############################################################*/
/*################## HOME FLASH STYLES ###############*/

div.header-homeflash { /* Home Flash placement */
	width: 950px;	
	float: center;
	margin-top: 10px;
	margin-bottom: 6px;
	}

/*###############################################################*/
/*################## HOME NAV BAR STYLES ###############*/


#wrapper2 { /* Home nav bar wrapper */
	width: 968px;
	}

div.nav1bkg {	/* Home nav bar bkg image */
	float: left;
	width: 100%;
	background: url(../images/bg.gif) 0 0 no-repeat;
	height: 35px;
	}

div.nav1txt {	/* Home nav bar text placemnt */
	padding-left: 22px;
	padding-top: 9px;
	float: left;
	}

/*###############################################################*/
/*################## HOME CONTENT ###############*/

.h1style { /* Wraps home body */
	float:left;
	font-size:0.8em;
	padding:8px 0 0 0px;
}


.wrapper3 { /* Wraps home body */
	width: 936px;	
/*	height:100%;	*/
	}

div.homecontentWrapper { /* Home content wraps all under nav bar */
	margin-top:0px;	
	width: 100%x;
	}

div.homecontentLeft {/* Home content LEFT wrapper */
	width: 500px;		
	float: left;
	text-align: left;
	}

div.homecontentRight { /* Home content RIGHT wrapper */	
	width: 418px;		
	float: right;		
	text-align: left;
	}

/*###############################################################*/
/*################## HOME TACTICAL STARTS ###############*/

div.hometacticalWrapper{ /* Wraps entire tactical */
	width: 206px;	
	float: left;
	}

div.hometacticalWrapper2{ /* Wraps entire tactical */
	width: 220px;		
	}

div.hometactical1{	/* Tactical 1 with Image */
	margin-top:6px;
	width: 206px;
	height: 80px;	
	float: left;	
	background: #efefef url(../images/home-tac1.gif) 100% 0 no-repeat;
	}

div.hometactical2{	/* Tactical 2 with Image */
	margin-top:6px;
	width: 206px;
	height: 80px;	
	float: left;	
	background: #efefef url(../images/home-tac2.gif) 100% 0 no-repeat;
	}

div.hometacticalHeader{ /* White tactical header text*/
	margin-left:11px;
	margin-top:8px;
	color: #ffffff;	
	text-align: left;
	float: left;
	}

div.hometacticalBody2{ /* Grey tactical body copy */
	margin-top:0;
	line-height: 1.2em;
	font-size: 0.9em;
	margin-left:11px;	
	padding-right: 5px;
	padding-bottom: 2px;
	color: #545555;
	text-align: left;
	background: #efefef:
	}

div.hometacticalBody4{ /* Grey tactical body copy */
	padding-left: 15px;	
	color: #545555;
	text-align: left;	
	font-size: 85%;
	line-height: 1.2em;
	font-size: 0.9em;	
	}

div.blankleft { 
	float:left;	
	}

div.blankleftgrey { 
	background: #efefef;
	float:left;	
	height: 24px;
	width: 240px;
	}

div.blankFullWidth { 
	float:left;
	width: 100%;
	}


div.homecontactus2 { 
	width:280px;
	float:left;
	margin-left: 7px;
	}

/*###############################################################*/
/*################## HR HEADER STYLES ###############*/

div.hr1 { /* HR header home large left */	
	width: 100%;
	height:39px;	
	float: left;	
	background-image: url(../images/hr1.gif);
	background-repeat: repeat-x;
	}

 div.hometaclinks { /* HR header home mid right double */
	width:206px;
	float: left;
	}

/*###############################################################*/
/*################## FOOTER STYLES 		###############*/

div.backtotop { /* Footer placement */
	float: left;
	text-align: left;
	width: 100%;
	color: #b6b6b6;
	}


div.footer { /* Footer placement */
	float: left;
	text-align: left;
	width: 100%;
	color: #b6b6b6;
	}

div.hr { /* Footer hr */
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #e5e5e5;/*the border*/
	height: 6px;
	}

div.hr hr { /* Footer hr bug fix, hide hr but show as a div */
  display: none;
	}

p.footerLG {	/* Footer light grey text */
	padding-top: 1px;
	font-size: 85%;
	color: #b6b6b6;
	}

div.footerflash { /* Home Flash placement */
	padding-top: 5px;
	}

#foot{
clear:both; 
	}

/*###############################################################*/
/*################## HYPERLINK STYLES 		###############*/

a:link {text-decoration:none; font-size: 1em; color: #19458b;}
a:active{ text-decoration:none; font-size: 1em; color: #19458b;}
a:visited { text-decoration:none; font-size: 1em; color: #19458b;}
a:hover { text-decoration:none; font-size: 1em; color: #c00000;}

a.nav2:link{color: #545555; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none;} /* Small grey links */
a.nav2:active{color: #545555; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none}
a.nav2:visited{color: #545555; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none}
a.nav2:hover{color: #19458b; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none}

a.nav2selected:link{color: #c00000; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none;} /* Small grey links */
a.nav2selected:active{color: #c00000; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav2selected:visited{color: #c00000; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav2selected:hover{color: #c00000; font-size: 1em; font-weight: normal; text-decoration: none; border-bottom: none;}

a.smallgrey:link{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none; border-bottom: none;} /* Small grey links */
a.smallgrey:active{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.smallgrey:visited{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.smallgrey:hover{color: #c00000; font-size: 0.9em; font-weight: normal; text-decoration: none; border-bottom: underline;}

a.footer:link{color: #545555; font-size: 0.9em; font-weight: normal; text-decoration: none; }
a.footer:active{color: #545555; font-size: 0.9em; font-weight: normal; text-decoration: none; }
a.footer:visited{color: #545555; font-size: 0.9em; font-weight: normal; text-decoration: none; }
a.footer:hover{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none; }

a.smallblue:link{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none;}
a.smallblue:active{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none;}
a.smallblue:visited{color: #19458b; font-size: 0.9em; font-weight: normal; text-decoration: none; }
a.smallblue:hover{color: #c00000; font-size: 0.9em; font-weight: normal; text-decoration: none; }

a.nav1:link{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;} /* Main grey bar large blue links */
a.nav1:active{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav1:visited{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav1:hover{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}

a.nav1selected:link{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;} /* Main grey bar large blue links */
a.nav1selected:active{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav1selected:visited{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.nav1selected:hover{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}

a.tactical:link{color: #ffffff; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;} /* White large tactical links */
a.tactical:active{color: #ffffff; font-size: 1.2em%; font-weight: normal; text-decoration: none; border-bottom: none;}
a.tactical:visited{color: #ffffff; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.tactical:hover{color: #9aadcc; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}

a.leftnavselected:link{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;} /* White large tactical links */
a.leftnavselected:active{color: #c00000; font-size: 1.2em%; font-weight: normal; text-decoration: none; border-bottom: none;}
a.leftnavselected:visited{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}
a.leftnavselected:hover{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none;}

a.blue:link{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none} /* White large tactical links */
a.blue:active{color: #19458b; font-size: 1.2em%; font-weight: normal; text-decoration: none; border-bottom: none}
a.blue:visited{color: #19458b; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none}
a.blue:hover{color: #c00000; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none}

a.white:link{color: #ffffff; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none} /* White large tactical links */
a.white:active{color: #ffffff; font-size: 1.2em%; font-weight: normal; text-decoration: none; border-bottom: none}
a.white:visited{color: #ffffff; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none}
a.white:hover{color: #b1c0d7; font-size: 1.2em; font-weight: normal; text-decoration: none; border-bottom: none}

a.blueH3:link{color: #19458b; font-size: 1.2em; font-weight: normal; border-bottom:1px solid #c4c4c4;} /* White large tactical links */
a.blueH3:active{color: #19458b; font-size: 1.2em; font-weight: normal; border-bottom:1px solid #c4c4c4;}
a.blueH3:visited{color: #19458b; font-size: 1.2em; font-weight: normal; border-bottom:1px solid #c4c4c4;}
a.blueH3:hover{color: #c00000; font-size: 1.2em; font-weight: normal; border-bottom:1px solid #c4c4c4;}

a.blank:link{border-bottom: none:} /* White large tactical links */
a.blank:active{border-bottom: none:}
a.blank:visited{border-bottom: none:}
a.blank:hover{border-bottom: none; color: #c00000;}

/*###############################################################*/
/*################## CURLY QUOTES		###############*/

div.cq1 { /* Left Curly Quote */
    float: right;
	margin-top: 11px;
     width: 180px;
     color: #19458b;
	 text-align: center;
	 font-size: 130%;
	}

div.cq1wide { /* Left Curly Quote */
    float: center;
     width: 560px;
     color: #19458b;
	 text-align: center;
	 line-height: 16px;
	 font-size: 120%;
	}

div.cqend { /* Right Curly Quote */	
	position: absolute;
    float: right;
	margin-top: -12px;
	margin-left: 50px;
    color: #19458b;	
	}

/*###############################################################*/
/*################## ROUNDED CORNERS - LIGHT GREY ###############*/

.tlb {text-align: left; background: url(../images/gcorner1b.gif) 0 0 no-repeat  #19458b; width: 100%;} /*top left*/
.trb {background: url(../images/gcorner2b.gif) 100% 0 no-repeat ; } /*top right*/
.blb {background: url(../images/gcornerb4.gif) 0 100% no-repeat #19458b; width: 100%; } /* Rounded corners bottom left*/
.brb {background: url(../images/gcornerb3.gif) 100% 100% no-repeat; } /* Rounded corners bottom right*/

.tl {text-align: left; background: url(../images/gcorner1.gif) 0 0 no-repeat  #efefef; width: 100%; } /*top left*/
.tr {background: url(../images/gcorner2.gif) 100% 0 no-repeat; } /*top right*/
.bl {background: url(../images/gcorner4.gif) 0 100% no-repeat #efefef; width: 100%; } /* Rounded corners bottom left*/
.br {background: url(../images/gcorner3.gif) 100% 100% no-repeat; } /* Rounded corners bottom right*/
.clear{	clear: both; overflow:hidden;} /* Not sure what this does??? DO WE NEED IT??*/

/*###############################################################*/
/*################## CONTENT STYLES 		###############*/

/* ~~~~~~~~~~~~~~~~~Left nav~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#left-nav{ /* Wraps all of left nav with tacticals */	
	width:184px; 
	float:left; 
	background: url(../images/lnavtop.gif) 0 0 repeat-x;
	margin-top: 2px;
	padding-top: 14px;
	} 
 
 div.leftnavwrapper1 { /* Wraps all of left text navigation and creates margin between content */	
    float: left;
	width: 180px;
	padding:2px 0px 0px 0px;		
	}

.leftnavarrow {	/* Left nav grey arrow */	
	background-image: url(../images/leftnavarrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	padding:0px 0px 0px 7px;
	}

.leftnavarrowred {	/* Left nav red selected arrow */	
	background-image: url(../images/leftnavarrowred.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px; 
	color: #c51f23;
	padding:0px 0px 0px 7px;
	}

 div.leftnavwrapper2 { 	/* Left nav widthout margin */
    float: left;
	width: 170px;	
	padding:0px 0px 0px 0px;
	 }

#leftnav{ /* Left nav tier 1 */
	padding: 0 0 1em 0;	
	}

#leftnav2 {	/* Left nav tier 2 */
	padding: 0 0 0 10px;	
	}

#leftnav3 {	/* Left nav tier 3 */
	padding: 0 0 0 20px;
	}

.leftnavselected { /* Left nav selected text color */
	padding: 0 0 1em 0;	
	color: #c00000;
	}

#leftnav a { /* Left nav block link */
	display: block;
	padding: 4px 0px 4px 0px;
	color: #545555;
	text-decoration: none;	
	text-align:left;
	border-bottom:1px solid #c4c4c4;
	}

#leftnav a:hover { /* Left nav block link hover */
	background-color: #e6e6e6;
	color: #c00000;
	border-bottom:1px solid #c4c4c4;
	}

#leftnav2 a { /* Left nav block link, smaller height */
	display: block;
	padding: 3px 0px 3px 0px;
	color: #545555;
	text-decoration: none;	
	text-align:left;
	}

#leftnav2 a:hover { /* Left nav block link hover, smaller height */
	background-color: #e6e6e6;
	color: #c00000;
	}

.lnTacticals{ /* Left Nav tacticals placement */
	padding: 5px 0 0px 0;
	}

div.cq12 { /* Left Curly Quote */
	margin-top:10px;
    float: right;
    width: 100%;
    color: #19458b;
	text-align: center;
	font-size: 110%;
	}

div.cq13 { /* Left Curly Quote */
	color: #19458b;
	background: #efefef;
	text-align: left;
	font-size: 110%;
	padding: 6px 10px 3px 16px;
	}

.awards {
	margin:10px 0 4px 0;	
	}


/* ~~~~~~~~~~~~~~~~~~~Breadcrumb~~~~~~~~~~~~~~~~~~~~~ */

.breadcrumb { /* Breadcrumb background */
	 text-align:left;
	 background: url(../images/bcbkg.gif) 0 100% repeat-x;
	 height: 24px;
	 float: left;
	 width: 100%;	
}

.breadcrumb2 {	/* Breadcrumb placement */	
	padding: 5px 0 0 0;	
}

/* ~~~~~~~~~~~~~~~~~~~~Content~~~~~~~~~~~~~~~~~~~~ */

#wrap{ /* Wraps all content under main nav */
	width:936px; 
	margin:0 auto; 
	text-align:left; 	
	}

#content{ /* Wraps main content and right nav */
	width:752px; 
	float:left; 
	padding-top:2px;
	}

#content2{
	width:572px; 
	float:left;	
	}

.maincontentwrapper{ /* Wraps all content between header and footer */
	margin: 0px 0px 0px 0px;
	line-height: 1.2em;
	width: 560px;	
	}

.clearFix { /* NOT NEEDED?? */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.hrContent{ /* Main content Hr's */
height:20px;background: url(../images/hr.gif) repeat-x scroll center;
}


/*~~~~~~~~~~~~~~~~~~~Right nav~~~~~~~~~~~~~~~~~~~~~~~*/

div.rightnav hr { /* Footer hr */
	margin-top:6px;
	border-top: 1px solid #e5e5e5;/*the border*/
	height: 6px;
	}

/*~~~~~~~~~~~~~~~~~~~Richards ~~~~~~~~~~~~~~~~~~~~~~~*/

.hrNews{ /* hr between news items */
height:10px;background: url(../images/hr-news.gif) repeat-x scroll center;
	}

.hrNews2{ /* hr between news items */
height:10px;
	}

.newsdate {	/* Set date font and icon */
	background-image: url(../images/icon-news.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px; 
	padding:0px 0px 0px 12px;
	color: #8a8a8a;
	}

.newstitle{	/* Set news title in right nav */
	padding:3px 0px 0px 10px;	
	color: white;
	height: 20px;
	}
	
.newstitle2{	/* Set news title in right nav */
	color: white;
	padding:3px 0px 3px 10px;
	height: 20px;
	}

.newsdateLarge {	
	background-image: url(../images/newsbacker.gif);
	background-repeat: no-repeat;
	width: 60px;
	height: 69px;
	float: left;
	text-align: center;
	background-position: 0px 0px;
	padding:8px 0px 0px 0px;
	font-size: 105%;
	color: #ffffff;
	margin-right:5px;
	}

.newsdateText1 {
	margin-top: 7px;
	font-size: 140%;
	color: #19458b;
	}

.newsdateText2 {
	font-size: 100%;
	color: #565656;
	}


#right-nav{ /* Right nav wrapper */
	width:180px; 
	float:right; 
	margin-top:10px;
	}

div.newsbody { /* Grey tactical body copy */
	margin-top:0;
	line-height: 1.5em;
	font-size: 0.9em;
	margin-left:10px;	
	padding-right: 10px;
	padding-bottom: 10px;
	color: #545555;
	text-align: left;	
	}

.bluearrow {	/* Left nav grey arrow */	
	background-image: url(../images/bluearrow.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px; 
	padding:0px 0px 0px 7px;
	}

/*#########Content styles ############*/

div.columnTwogrey {
	width: 274px;
	float: left;
	background: #efefef;
	}

div.columnDiv {
	width: 12px;
	float: left;
	}

div.columnTxt {
	width: 170px;
	float: left;
	padding-top: 3px;
	padding-left: 7px;
	}

.columnContent{ /* Grey tactical body copy */
	padding: 5px;
	}

ul.redcircles2 { /* Circle bullets */
	line-height: 18px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 0px;
	list-style-image: url('../images/circle-bullets-li.gif')
	}

div.columnTwo {
	width: 274px;
	float: left;	
	}

div.redarrow {
	background-image: url('../images/redarrow.gif');
	background-repeat: no-repeat;
	background-position: 0 8px;
	padding-left:13px;
	padding-top:6px;
	margin-left:5px;
	}


/* ~~~~~~~~~~~~ Form stuff ~~~~~~~~~~~~~~~~ */


label, input, select {
	display: block;	
	float: left;
	margin-bottom: 3px;
	margin-top: 3px;	
	}

/* Aligns select field */
select { 
	margin-bottom: 3px;
	margin-top: 0px;
	}

label { /* Aligns labels on forms */
	text-align: right;
	width: 150px;
	padding-right: 5px;
	}

#cancellation-survey label {
	text-align: left;
	width: auto;
}
#cancellation-survey input {
	margin-right: 5px;
}


br {
	clear: left;
	}

.hidden {
	display: none;
	visibility: hidden
	}

.show {
	visibility: show;
	}

form input, select { /* Puts border on all text feilds */
	border: 1px solid #c7c7c7; 		
	}

.noborder { /* Stops submit image having border */
	border: 0px;	
	} 

.nostyleradio { 
	border: 0px; 
	margin-bottom: 0px;
	margin-top: 0px;
	display: inline;
}

textarea { 
	overflow: auto;
	border: 1px solid #c7c7c7;;	
	text-align: left;
	margin-bottom: 5px;
	margin-top: 5px;
	float: left;
	}

.cHome1 { 
	padding-left:10px;
	padding-right:2px;
	width:128px;
	float:left;
	}

.cHome2 { 
	width:128px;
	float:left;
	}

.cHome3 { 
	padding-left:10px;
	padding-right:2px;
	width:256px;
	float:left;
	}

.radiotext { 
	float: left;
	padding-top:6px;
	}

.table1 {
	width: 100%;
	padding: 5px 5px 5px 5px;
	background-color: white;
	}

.table1 th {
	background-color:#19468a;
	padding: 5px 5px 5px 5px;
	color: white;
	font-size: 75%; 
	}

.table1 tr.one {
	background-color:#e1e1e1;
	padding: 5px 5px 5px 5px;
	font-size: 75%; 
	}

.table1 tr.two {
	background-color:#efefef;
	padding: 5px 5px 5px 5px;
	font-size: 75%; 
	}

.survey tr {
	padding: none;
	}
	
.survey td {
	padding: none;
	font-size: 0.8em;
	width: 200px;
}

.survey {	
	width:100px;
}

.table1 td {
	padding: 5px 5px 5px 5px;
	font-size: 100%; 
	ttext: dsd;
	}


.table2 {
	width: 100%;	
	background-color: white;
	border: 1px solid white;
	}

.table2 th {
	background-color:#19468a;
	padding: 3px 5px 3px 5px;
	color: white;
	font-size: 75%; 
	}

.table2 td {
	background-color:#e1e1e1;
	padding: 3px 5px 3px 5px;	
	font-size: 75%; 
	text-align: right;
	}

.table2 td.two {
	background-color:#efefef;
	padding: 3px 5px 3px 5px;	
	font-size: 75%; 
	text-align: right;
	}

div.h3bullets {
	background-image: url('../images/circle-bullets-li.gif');
	background-repeat: no-repeat;
	background-position: 0 2px;
	padding-left:13px;
	}

div.sm-tier2 {
	margin-left:13px;
	background-image: url('../images/red-bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	padding-left: 7px;
	}

div.sm-tier3 {
	margin-left:22px;
	background-image: url('../images/red-bullet.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 7px;
	}

.hrdotline{ 
	height:1px;
	background: url(../images/dotline2.gif) repeat-x scroll center;
	margin-left: 13px;
	margin-bottom: 6px;
	margin-top: 4px;
	clear: both;
}

.hrdotline2{ 
	height:1px;
	background: url(../images/dotline2.gif) repeat-x scroll center;
	margin-bottom: 6px;
	margin-top: 4px;
	clear: both;
}

.hrdotline3{ 
	height:1px;
	background: url(../images/dotline2.gif) repeat-x scroll center;
	margin-bottom: 2px;
	margin-top: 0px;
	clear: both;
}


.h3pdf{ 	
	padding-left:22px;
	background-image: url('../images/icon-pdf.gif');
	background-repeat: no-repeat;
	background-position: 0 8px;
	height: 18px;
}

/* Tab Stuff */

.tabwrapper {
	float:left;
	border-bottom: 1px solid #19458b;	
	width: 100%;
	height: 36px;
}

.tabwrapper2 {
	float:left;
}
#header {
	float:left;	
	line-height:normal;
}
#header ul {
	margin:0px;
	padding:10px 10px 0 0;
	list-style:none;
}
#header li {
	float:left;
	background:url("../images/left_both.gif") no-repeat left top;
	margin: 0 2px 0 0;
	padding:0 0 0 9px;
}
#header a {
	float:left;
	display:block;
	width:.1em;
	background:url("../images/right_both.gif") no-repeat right top;
	padding:5px 25px 7px 6px;
	text-decoration:none;
	color:#19458b;
}
#header > ul a {
	width:auto;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
    #header a {
	float:none;
}
/* End IE5-Mac hack */
    #header a:hover {
	color:#c00000;
}

#header #current a:hover {
	color:#c00000;
}

#header #current {
	background-position:0 -31px;
	border-width:0;
}
#header #current a {
	background-position:100% -31px;
	padding-bottom:7px;
	color:white;
}
#header li:hover, #header li:hover a {
	background-position:0% 0px;
	color:#c00000;
}
#header li:hover a {
	background-position:100% 0px;
}

/* Gallery */

#smalltable {
	font-size: 0.8em;
	width: 100%;
}

#smalltable th{
	background: #19458b;
	color: white;
	padding: 5px;
}

#smalltable td {
	padding: 5px;
	text-align: center;
}

#smalltable td.odd {
	padding: 5px;
	background: #efefef;
}

/* Tutorial Styles */

.tutorialRestoreBkg, .tutorialLogsBkg, .tutorialDeleteBkg, .tutorialBackupBkg {
	float: left;
	width: 269px;
	height: 120px;
	margin-right: 11px;
}

.tutorialRestoreBkg {
	background:url("../images/restore-bkg.gif") no-repeat 0 0;
}

.tutorialLogsBkg {
	background:url("../images/logs-bkg.gif") no-repeat 0 0;
}

.tutorialDeleteBkg {
	background:url("../images/delete-bkg.gif") no-repeat 0 0;
}

.tutorialBackupBkg {
	background:url("../images/backup-bkg.gif") no-repeat 0 0;
}


.tutorialCopy1 {
	float: left;
	padding: 35px 0 0 122px;
	color: white;
	font-size: 120%;
	line-height: 120%;
}

.tutorialCopy2 {
	float: left;
	padding: 26px 0 0 122px;
	color: white;
	font-size: 120%;
	line-height: 120%;
}


.tutorialsize1 {
	float: right;
	padding: 22px 8px 0 122px;
	font-size: 80%;
}

.tutorialsize2 {
	float: right;
	padding: 15px 8px 0 122px;
	font-size: 80%;
}

/* Rollover image Styles */


.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 5px;
left: -1000px;
border: 1px solid #dbdbdb;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/* Clients style */


#clientslinks {

}

#clientslinks ul {
	height:20px;
	background: url(../images/dotline2.gif) repeat-x 0 100%;
	width: 100%;
	clear: both;
}

#clientslinks li{ /* Main titles with red arrow to the left */
	text-align: left;
	font-size: 1.2em;
	line-height:1.3em;
/*	height:20px;*/
	color: #19458b;
	background: url(../images/icon-plus.gif);
	background-repeat: no-repeat;
	background-position: 0% 6px; 
	font-weight: normal;
	margin: 3px 0 3px 0;
	}


.nexticon {	
	background: url(../images/icon-next.gif) no-repeat 27px 3px;
	padding:0px 0px 0px 0;
	float: left;
	width: 36px;
	}

.previcon {	
	background: url(../images/icon-prev.gif) no-repeat 0 3px;
	padding:0px 0px 0px 12px;
	float: left;
	}

.nextprev {	
	float:left;
	margin: 115px 15px 0 15px;
	}

.photolarge {
	float:left;
	border: 1px solid #b0adab;
	margin: 0 10px 10px 10px;
}

.tickbox2 {
	float:right;
	border: 0px solid white;
	margin: 0 5px 0 0;
	padding:0;
}

#imagegallery { clear: both; }
#imagegallery li { display: inline; }

/* New class due to loss of stray H2's which have been removed */
.xtitle {height:29px; font:normal 1em/29px arial,sans-serif; background: url('../images/xtitle.png') no-repeat; margin:10px 0 0 0; padding:0; text-indent:10px;}

/* JS DropDownMenu CSS */
  #jsddm {margin:4px 0 0 18px; padding: 0;}
  #jsddm li {float:left; list-style:none; font:normal 120% sans-serif;}
  #jsddm li a {display: block; padding:5px 7px; text-decoration:none; color:#039; white-space: nowrap;}
  #jsddm li a:hover{/*background: #1A4473*/ color:#c00000;}
  #jsddm li ul{margin:-4px 0 0 0; padding:0; position: absolute; visibility: hidden; font:normal 0.7em sans-serif; width:120px;}
  #jsddm li ul li {float: none;display: inline}
  #jsddm li ul li a {width: auto; background: url('../images/jsddm_mid.png') no-repeat;}
  #jsddm li ul li a:hover {text-decoration:underline;}
/* Ajax Stuff */ 
#ajaxbox {display:none;}
.ajaxlink {cursor:pointer; padding:5px;color:#d00;font-weight:bold; margin:5px;}


/* Change of Contact Details form */
#changeConbkg {
	float: left;
	background: #efefef;
	width: 520px;
	padding: 20px;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
}


/* Powered by Asigra in left nav */
.poweredbyAsigra {
	width: 170px; text-align: center; border-top: 1px solid #e5e5e5; margin-top: 20px; float: left; padding-top: 20px;
}

/* Feedback */
.error {
	border: 1px solid #c00;
	background: #FFEBE8;
	margin-bottom: 1em;
	padding: 10px;
	text-align:center;
}