@charset "utf-8";
/* CSS Document */


body {margin: 0px 0px 0px 0px; 
      background: #ffffff;
	  padding:0;
      color: #000000;
      font-family:  Arial, Helvetica, sans-serif;
	  font-size: 90%; }
	  
	  /*** Let's Set Everything to Zero ***/
 html,body,p,div,img,ul,form,form,noscript{
  margin:0;
  padding:0;
  border:0;
  border-spacing:0;

}	

html {
height:100%;
margin-bottom:1px;}


#limiter {
margin:0 auto;
width:98%;
}


#container {margin-right:auto; 
            margin-left:auto;
			background-color: #FFFFFF; 
			padding: 0; 
			border:solid #ffffff;
            border-width:1px 1px 1px 1px; 
			background-color: #FFFFFF;
			width: 69em}

  

* html #container {margin-right:auto; 
            margin-left:auto;
			background-color: #FFFFFF; 
			padding: 0; 
			width: 67em!important;
			border:solid #ffffff;
            border-width:1px 1px 1px 1px; }
	  



/* ====================================================================
3 box layout
-------------------------------------------------------------------- */

			
			

.columns-float
	{
	float				: left;
	width				: 74.9%;
	}
	
	
	
	
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
	{
	width				: 32%;
	float				: left;
	}
.column-two
	{
	width				: 68%;
	float				: right;
	}
.column-three
	{
	width				: 25%;
	float				: right;
	}

.box-footer
	{
	clear				: both;
	}
.centercolumn { padding:0px; margin: 0px;}
	
.centergreybott{
	margin : 0px 10px 0px 10px;
	padding: 0px;
	background-image: url(/images/bg-center-bottom.gif); background-position: bottom left; background-repeat: no-repeat;
	}
	
.centergreybottright{
	margin : 0px 0px 0px 20px;
	padding: 0px;
	background-image: url(/images/bg-center-bottom-right.gif); background-position: bottom right; background-repeat: no-repeat;
	}
	
.centergreytop{
	margin : 0px 10px 0px 10px;
	padding: 0px;
	background-image: url(/images/bg-center-top.gif); background-position: top left; background-repeat: no-repeat;
display:block;
	}
	
.centergreytopright{
	margin : 0px 0px 0px 20px;
	padding: 0px;
	background-image: url(/images/bg-center-top-right.gif); background-position: top right; background-repeat: no-repeat;
	}
	
.centercolumn-leftpart{
	float:left;
	width : 20%;
	}
	
.centercolumn-rightpart{
  margin-left: 35%;
  margin-right : 100px;
	}
	
.centercolumn-rightpart ul li, .centercolumnrole-leftpart ul li, .centercolumnrole-rightpart ul li { 
			list-style: none ;
			padding-left: 15px;
			background-image: url(/images/orangebullet.gif);
			background-repeat: no-repeat;
			}
			
			.centercolumn-rightpart ul ul li { 
			list-style: none ;
			padding-left: 15px;
			padding-top : 5px;
			background-image: url(/images/blue-bullet.gif);
			background-repeat: no-repeat;
			}
			.centercolumn-rightpart h2{ font-size: 1.2em; color: #07509B; padding-top:15px; margin: 0px; text-align: left; }

.centercolumnrole-leftpart{
	float:left;
	width : 45%;
	}
	

.centercolumnrole-rightpart{
  margin-left: 55%;
  margin-right : 20px;
	}
	.centercolumnrole-rightpart h2 { font-size: 1.2em; color: #07509B; padding:0px; margin:0px; text-align: left; }


#buttons {
	text-align: right;
	margin: 10px 0px 0px 0px;}

/* HP */

.column-oneHP
	{
	float : left;
	width : 48%;
	margin: 0px 10px 0px 8px;
	}
	
.column-nojump
	{
	float				: left;
	width				: 48%;
	margin: 0px 0px 0px 0px;
	}	
.column-twoHP
	{
	width				: 48%;
	float				: right;
	margin: 0px 5px 0px 0px;
	}	
	
.column-oneTrustee
	{
	float : left;
	width : 30%;
	margin: 0px 10px 0px 8px;
	}
	
.column-twoTrustee {
float:right;
margin:0 90px 0 0;
width:48%;
}

/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* ====================================================================
box styling
-------------------------------------------------------------------- */
.box-wrap
 {
 padding: 0px 30px 0px 30px;
 margin: 0px 30px 0px 30px;
 }
 

.box-header
 {
 margin    : 0px;
 padding    : 0px;
 border    : none;
 background-image: url(/images/header_bg.gif); background-repeat:repeat-x ; 
 }
 
 
* html .box-header {background: url(/images/header_bg.gif) repeat-x!important; width:100% }
.column-one-content
	{
	background			: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 0px 10px 15px;
	border				: none;
	}
.column-two-content
	{
	background			: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 15px;
	border				: none;
	}
.column-three-content
	{
	background			: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 0px;
	border				: none;
	}
	
.column-left
	{
	background			: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 15px;
	border				: none;
	}	

/* HP */ 

.column-two-contentHP
	{
	background			: #FFFFFF;
	margin				: 0px 0px 0px 0px;
	padding				: 10px 15px 10px 0px;
	border				: none;
	}
/* CSS HACK:  position:relative needed by IE6 otherwise the header and col 2 don't show up on initial rendering - they're there but you have to minimise the window or switch to another app and back to see the full effect. But IE5(pc) doesn't like it. And nor does NN4.
NB. the use of pos:rel has to go way beyond skin-deep - any nested element that needs a background colour appears to require to be be relatively positioned */ 
/*/*/
.box-wrap, .columns-float, .columns-left, .column-one, .column-two, .column-three
	{ p\osition: relative; }
/* */
/* ====================================================================
other styling
-------------------------------------------------------------------- */

	  
	  
/* Header --------------------------------------------------*/		


#header {height: 110px; }


#headleft {width: 244px; float: left; margin-right : 25px;}
#headright { width: auto; height:53px; float: right; margin: 15px 15px 0px 0px; background-image: url(/images/dashboard.jpg); background-position: top left; background-repeat: no-repeat;}
#headrightrightcurve { height:53px; background-image: url(/images/dashboardrightcurve.jpg); background-position: top right; background-repeat: no-repeat;}

#headrightname {float: left; padding: 17px 0px 0px 25px;}
#headrighticons {float: right; padding: 17px 15px 0px 0px; margin: 0px 0px 10px 0;}
#headrighticons a.iconlink { margin-left: 5px; vertical-align: middle;}
#headrighticons a.toplink { vertical-align: top; text-decoration: none; font-weight: bold;}

.tablecenter { padding:0px; background-image: url(/images/bg-table-dashboard.jpg); background-position: top left; background-repeat: no-repeat; margin-top: 15px;}
.tablecenterright { background-image: url(/images/bg-table-dashboard-right.jpg); background-position: top right; background-repeat: no-repeat;}
.tabledashboard { margin: 0px 0px 15px 0px; padding: 0px;}
.tabledashboard th { border: 0px; padding: 15px; font-size: 1.2em; color: #07509B;} 
.tabledashboard td { border: 0px; margin: 0px; padding: 6px 15px 6px 15px;}
.tabledashboard td.first img {float: left; padding: 0px 10px 0px 0px}


#logo {padding: 0px 0px 0px 25px}


#toollink {margin: 1px 0px 0px 0px; float: left;  width: 360px}


#toollink a {margin: 0px 10px 0px 10px;}

 #toolbox
{float: right; width: 110px; margin-right: 0px; font-weight:bold}


#toolbox a:link { color: #000000; text-decoration: underline; }
#toolbox a:visited { color: #000000; text-decoration: underline; }
#toolbox a:hover {color: #32530b; text-decoration: underline; background-color: #FFFFFF}
#toolbox a:focus {color: #32530b; text-decoration: underline; background-color: #FFFFCC}
#toolbox a:active {color: #32530b; text-decoration: underline; background-color: #FFFFCC}

#toolbar { margin-top: 2px; }
#toolbar ul
{
 height: 20px;
line-height: 20px;
float: left;
margin: 0;
font-size: 90%;}

#toolbar li
{float: left;
list-style-type: none;
margin-left: 5px;}

#toolbar li a
{display: block;
 width: 28px;
 height: 28px;
 float: left;}
 

 .showStyleSwitcher {float:right}
 .skip {float: left; margin: 0px 0px 0px 0px}
 



#toolbar li.adminLink a:hover, #toolbar li.adminLink a:focus { color: #fff; }
#toolbar li span { display: none; }
#toolContrast { margin-right: 0px; }

#toolNormal a { background: url(/images/text_normal.gif) left top no-repeat; }
#toolNormal a:hover, #toolNormal a:focus, #toolNormal a:active { background: url(/images/text_normal_hover.gif) left top no-repeat; }

#toolLarge a { background: url(/images/text_large.gif) left top no-repeat; }
#toolLarge a:hover, #toolLarge a:focus, #toolLarge a:active { background: url(/images/text_large_hover.gif) left top no-repeat; }

#toolContrast a { background: url(/images/text_contrast.gif) left top no-repeat; }
#toolContrast a:hover, #toolContrast a:focus, #toolContrast a:active { background: url(/images/text_contrast_hover.gif) left top no-repeat; }
			 

.hidden {position: absolute; left: -9000px}



/* History Trail --------------------------------------------------*/
#history {clear: both;padding: 0px 0px 0px 21px;
           margin: 10px 0px 0px 0px;  }	
		   
		   
/* Top content --------------------------------------------------*/
#topcontent {clear: both;padding: 0px 0px 0px 20px;
           margin: 5px 0px 0px 0px;  }			
		   
#topcontentwithnav {clear: both; padding: 0px 15px 0px 15px;
           margin: 5px 0px 0px 0px;  }		   
		   
		   
/* Horizontal Navigation --------------------------------------------------*/

#navbg {clear:both; background-color:#ffffff; background-image:url(/images/nav_bg.jpg); background-repeat: no-repeat; background-position:top right; height:3em; font-size: 0.9em; }
#navbg2 { background-image: url(/images/nav_bg_left.jpg); background-repeat: no-repeat; background-position: top left; height:3em; text-align: center;}
/*#nav, #navbg ul { 
	padding: 0;
	margin: auto;
	list-style: none;
	line-height:40px;
	text-align: center;
	width: 100%;
	background-color: #3366FF;
}*/

.spacer {
  clear: both;
}




#navbgsurround1 { background-image:url(/images/navsurround_bg_lefttop.gif); background-repeat: no-repeat; background-position:top right; margin:0px; padding: 0px; height:1.4em }
#navbgsurround2 { background-image: url(/images/navsurround_bg_righttop.gif); background-repeat: no-repeat; background-position: top left; margin:0px; padding: 0px; height:1.4em}
#navbgsurround3 { background-image:url(/images/navsurround_bg_leftbott.gif); background-repeat: no-repeat; background-position:bottom right; margin: 0px 0px 0px 0px;  min-height: 2em; height:auto;  }
#navbgsurround4 { background-image: url(/images/navsurround_bg_rightbott.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px 0px 0px 0px; min-height: 2em; height:auto;  }

* html #navbgsurround3 {height: 2em }
* html #navbgsurround4 {height: 2em }


/*FireFox 2 */
#navbgsurround3, x:-moz-any-link {overflow:auto} 

/*FireFox 3*/
#navbgsurround3, x:-moz-any-link, x:default {overflow:auto}

/*FireFox 2 */
#navbgsurround4, x:-moz-any-link {overflow:auto} 

/*FireFox 3*/
#navbgsurround4, x:-moz-any-link, x:default {overflow:auto}


#navleft { float: left; padding: 0px 0px 18px 20px;}
#navright { float: right; padding: 0px 20px 18px 0px;}


.sublinkstop ul {list-style: none; margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important;}
.sublinkstop ul li {background:  url(/images/blue-bullet.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px;}

.sublinks ul {list-style: none; margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important;}
.sublinks ul li {background:  url(/images/blue-bullet.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px;}

.centergreytopright ul,#topcontent ul {list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px!important;}
.centergreytopright ul li, #topcontent ul li {background:  url(/images/blue-bullet.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px;}

.centergreytopright ul ul{list-style: none; margin: 0px 0px 10px 20px!important; padding: 0px 0px 0px 0px!important;}
.centergreytopright ul ul li {background:  url(/images/bullet_org.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px;}





#navsubpage { text-align: left; padding: 15px; font-size: 1.2em; float: left;}
#navsubpage img { float:left; padding: 0px 10px 0px 0px}

#icon { float: right; padding: 11px;}

#orange {margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px }
#orange1 { background-image:url(/images/org_topright.gif); background-repeat: no-repeat; background-position:top right; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto;  }
#orange2 { background-image: url(/images/org_topleft.gif); background-repeat: no-repeat; background-position: top left; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto; }
#orange3 { background-image:url(/images/org_botright.gif); background-repeat: no-repeat; background-position:bottom right; margin: 0px 0px 0px 0px; height: 1em }
#orange4 { background-image: url(/images/org_botleft.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px 0px 0px 0px;   height: 1em }


*:first-child+html #orange1{margin: 0px 1px 0px 1px}
*:first-child+html #red1{margin: 0px 1px 0px 1px}
*:first-child+html #green1{margin: 0px 1px 0px 1px}


#orange2 p {padding: 10px 20px 0px 60px; margin: 0px 0px 0px 0px; background-image:url(/images/icon_quiz.gif); background-position: 10px 10px; background-repeat:no-repeat}
#orange2 p strong {color: #d55d03}
#orange2 p.btn {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 0px!important; background-image:none!important}
#orange2 p.thumb {padding: 10px 20px 0px 60px; margin: 0px 0px 0px 0px; background-image:url(/images/icon_thumb.gif); background-position: 10px 10px; background-repeat:no-repeat}



#orange2 p.none {margin: 0px 0px 0px 0px!important; padding: 20px 20px 20px 20px!important; background-image:none!important; zoom: 1}

#orange2 p#nonemid {margin: 0px 0px 0px 0px!important;  padding: 20px 20px 20px 20px!important; background-image:none!important; zoom: 1}



#red {margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px }
#red1 { background-image:url(/images/red_topright.gif); background-repeat: no-repeat; background-position:top right; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto;  }
#red2 { background-image: url(/images/red_topleft.gif); background-repeat: no-repeat; background-position: top left; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto; }
#red3 { background-image:url(/images/red_botright.gif); background-repeat: no-repeat; background-position:bottom right; margin: 0px 0px 0px 0px; height: 1em }
#red4 { background-image: url(/images/red_botleft.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px 0px 0px 0px;   height: 1em }

#red2 p {padding: 10px 20px 0px 60px; margin: 0px 0px 0px 0px; background-image:url(/images/icon_wrong.gif); background-position: 10px 10px; background-repeat:no-repeat}
#red2 p strong {color: #bc0202}
#red2 p.btn {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 0px!important; background-image:none!important}


#green {margin: 20px 0px 10px 0px; padding: 0px 0px 0px 0px }
#green1 { background-image:url(/images/green_topright.gif); background-repeat: no-repeat; background-position:top right; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto;  }
#green2 { background-image: url(/images/green_topleft.gif); background-repeat: no-repeat; background-position: top left; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:auto; }
#green3 { background-image:url(/images/green_botright.gif); background-repeat: no-repeat; background-position:bottom right; margin: 0px 0px 0px 0px; height: 1em }
#green4 { background-image: url(/images/green_botleft.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px 0px 0px 0px;   height: 1em }

#green2 p {padding: 10px 20px 0px 60px; margin: 0px 0px 0px 0px; background-image:url(/images/icon_right.gif); background-position: 10px 10px; background-repeat:no-repeat}
#green2 p strong {color: #67a200}
#green2 p.btn {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 0px!important; background-image:none!important}




.highlight { margin: 0px 0px 0px 1px; padding: 0px 20px 10px 20px;  border-right: 1px solid #d55d03; border-left: 1px solid #d55d03; border-bottom: 1px solid #d55d03; background-color: #FFFFFF}
* html .highlight{margin: 0px 1px 0px 1px;}
*:first-child+html .highlight{margin: 0px -2px 0px 1px;}





.highlight2 { margin: 0px 0px 0px 0px; padding: 0px 20px 10px 20px;  border-right: 1px solid #d55d03; border-left: 1px solid #d55d03; border-bottom: 1px solid #d55d03; background-color: #FFFFFF}
* html .highlight2{margin: 0px 1px 0px 0px;}
*:first-child+html .highlight2{margin: 0px -2px 0px 0px;}

#registration { height: 480px; background-image: url(/images/bg_form-left.gif); background-position: top left; background-repeat: no-repeat; margin: 10px 20px 0px 20px; }
#registration2 { height: 480px; background-image: url(/images/bg_form-right.gif); background-position: top right; background-repeat: no-repeat; margin: 0px 0px 0px 20px; }
#registration h2{ font-size: 1.2em; color: #07509B; padding-top:15px; margin: 0px 0px 0px 15px;; text-align: left; }

.sublinks { margin: 10px 0px 10px 30px;}
.sublinks ul, .sublinkstop ul { margin: 0px 0px 0px 20px;}
.sublinkstop { margin: 0px 0px 10px 30px;}


#homelink, #aboutuslink, #FAQlink {
	float: left;
	width: 24.8%;
	margin: 8px 0px 0px 0px;
	border-right: 1px solid #ffffff; 
	}

#registrationlink {
	border-right: 0px solid #ffffff; 
	margin: 8px 0px 0px 0px;
	width: 24.8%;
	float: left;
	}

#navbg a {
    color:#FFFFFF; font-weight:bold; font-size: 1.2em;
	text-decoration: none;
}

#navbg li a { width: 24%;}

#navbg a#selected { font-weight:bold; text-decoration: underline; }
#navbg a:hover, #navbg a:focus, #navbg a:active {background-color:#000000;}

#navbg li { display: inline; padding: 0px; }



/* Right and Left Column Placeholders --------------------------------------------------*/

* + html .purple {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; zoom:1}

* html .purple {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px; zoom:1}
.purple {margin: 0px 0px 15px 0px; padding: 0px 0px 0px 0px}
.purplehead {background-image:url(/images/purple_topright.gif); background-position:top right; background-repeat:no-repeat; }
.purpleheadin {background-image:url(/images/purple_topleft.gif); background-position:top left; background-repeat:no-repeat; padding: 10px 0px 5px 10px }
.purplecontent {background-image:url(/images/purple_bottomright.gif); background-position:bottom right; background-repeat:no-repeat; }
.purplecontentsml {background-image:url(/images/purple_bottomright_sml.gif); background-position:bottom right; background-repeat:no-repeat; }
.purplecontentin {background-image:url(/images/purple_bottomleft.gif); background-position:bottom left; background-repeat:no-repeat; }
.purpleinner {margin: 0px 0px 10px 0px; padding: 0px 10px 0px 10px}

.purpleheadin h2 {margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important; color: #77427b!important; font-size: 1.2em!important;}
.purplecontentin p{padding: 10px 10px 10px 10px!important; margin: 0px 0px 0px 0px!important}
.purplecontentin ul {list-style: none; margin: 0px 0px 0px 0px!important; padding: 0 10px 10px 10px!important;}
.purplecontentin ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}
img.bannerimg{margin: 0px 0px 0px 3px}


* html .place {zoom: 1; background-color: #cdf377; margin: 0px 0px 15px 0px;   }
* + html .place {zoom: 1; background-color: #cdf377; margin: 0px 0px 15px 0px;   }
.place {background-color: #cdf377; margin: 0px 0px 15px 0px;   }
.placetop {font-size: 1.2em;  font-weight:bold; color: #363636; padding: 0px 0px 0px 0px; background-color: #ade62e; margin: 0px 0px 0px 0px;  background-image:url(/images/placehead_right.gif); background-repeat:no-repeat; background-position:top right; }
.placetopin {  font-weight:bold; color: #363636;  padding: 10px 0px 0px 10px; margin: 0px 0px 0px 0px;  background-image:url(/images/placehead_left.gif); background-repeat:no-repeat; background-position:top left; }
.placecontent{background-image:url(/images/placecontent_right.gif); background-repeat:no-repeat; background-position:bottom right; padding: 0px 0px 0px 0px }     
.placecontentin{background-image:url(/images/placecontent_left.gif); background-repeat:no-repeat; background-position:bottom left; padding: 5px 15px 10px 15px } 
.place p {margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px;}


.placesml { margin: 0px 0px 15px 0px;  height: 53px; background-image:url(/images/placesml_right.gif); background-repeat:no-repeat; background-position: top right }
.placesmlin {height: 53px; background-image:url(/images/placesml_left.gif); background-repeat:no-repeat; background-position: top left }
.placesmlin p {padding: 15px 0px 0px 10px!important; font-size:1.2em}
.placesmlin img {margin: 7px 10px 0px 0px}


.placemed {background-color: #cdf377; margin: 0px 0px 15px 0px; height: 80px; background-image:url(/images/placemed_right.gif); background-repeat:no-repeat; background-position: top right }
.placemedin { height: 80px; background-image:url(/images/placemed_left.gif); background-repeat:no-repeat; background-position: top left }
.placemedin p {padding: 15px 0px 0px 10px!important; font-size:1.2em}
.placemedin img {margin: 15px 10px 0px 0px}



/* Home Page & Centre Column Placeholders --------------------------------------------------*/

#loginbg { height: 285px; background-image: url(/images/bg_userlogin-left.gif); background-position: top left; background-repeat: no-repeat;}
#login { height: 285px; background-image: url(/images/bg_userlogin.gif); background-position: top right; background-repeat: no-repeat; padding: 20px;}
#loginbg h2 { font-size: 1.2em; color: #07509B; padding:0px; margin:0px; text-align: left; }
#login a { color: #07509B}

.tableform { border: 0px; width: 80%;}
.tableform td { border: 0px;}

.tableform2 { border: 0px; width: 80%; margin:0px 10px 10px 10px;}
.tableform2 td { border: 0px;}

.overtoyoucontent {margin: 20px 20px 0px 0px; }
.tablephoto { border: 0px; width: 100%; }
.tablephoto td { border: 0px;}
.photoactive-left { background-image: url(/images/photo_left.gif); background-position: top left; background-repeat: no-repeat; margin:0px; padding: 0px 0px 0px 0px; }
.photoactive-right { background-image: url(/images/photo_right.gif); background-position: top right; background-repeat: no-repeat; margin:0px; padding: 0px 0px 0px 0px; }
.legendphoto { background-color: #E2E2E2; padding: 10px; margin: 0px 0px 20px 0px; float: left; width: 100%; }
.legendphoto2 { background-color: #E2E2E2; padding: 10px; margin: 20px 0px 20px 0px; float: left; width: 98%; }


.float {
  float: left;
  width: 25%;
  margin: 0px;
  background-color: #FFFFFF;
  text-align: center;
}

.float img {  border:1px solid #CCCCCC;}
.float h2{ font-size: 1.2em!important; color: #CE4300!important; font-size: bold!important;}

.centergreytopright h2{ font-size: 1.2em!important; color: #CE4300!important; font-size: bold!important;}


.floatbord {
  float: left;
  width: 22%;
  margin: 5px;
  background-color: #FFFFFF;
  text-align: center;
  border:1px solid #CCCCCC;
}

.floatbord h2{ font-size: 1.2em!important; color: #CE4300!important; font-size: bold!important;}


.floatline {
  float: left;
  width: 25%;
  margin: 0px;
  background-color: #FFFFFF;
  text-align: center;
  border-bottom: 1px solid #d55d03;
  cursor:pointer;
}
.floatactive {
  float: left;
  width: 25%;
  margin: 0px 0px 0px 0px;
    border-bottom: none;
  text-align: center;
   cursor:pointer;
  background-image: url(/images/photo_left.gif); background-position: 1px 0px; background-repeat: no-repeat;
}

.floatline3 {
  float: left;
  width: 33.5%;
  margin: 0px;
  background-color: #FFFFFF;
  text-align: center;
  border-bottom: 1px solid #d55d03;
  cursor:pointer;

}
.floatactive3 {
  float: left;
  width: 33%;
  margin: 0px 0px 0px 0px;
    border-bottom: none;

  text-align: center;
   cursor:pointer;
  background-image: url(/images/photo_left.gif); background-position: 1px 0px; background-repeat: no-repeat;
}



.imagespace { margin: 5px; }
.legend { margin: 20px 0px 0px 0px;}



#whoisthesitefor { height:86px; margin-bottom: 12px; background-image: url(/images/bg_who.jpg); background-position: top left; background-repeat: no-repeat; }
#register { height:86px; margin-bottom: 12px; background-image: url(/images/bg_register.jpg); background-position: top left; background-repeat: no-repeat; }
#pensions { height:86px; background-image: url(/images/bg_pensions.jpg); background-position: top left; background-repeat: no-repeat; }

.HPrightplaceholders{ height: 86px; padding: 3px 5px 5px 75px; background-image: url(/images/bg_rightplaceholdersHP.jpg); background-position: top right; background-repeat: no-repeat;}
.HPrightplaceholders h2 { font-size: 1.2em!important; color: #CE4300!important; font-size: bold!important; margin: 10px 0px 3px 0px!important; padding: 0px 0px 0px 0px!important; text-align: left!important;}

#moreout {height: 152px; background-color:#865289; background-image:url(/images/more_right.jpg); background-position: top right; background-repeat:no-repeat}
#morein {padding: 50px 0px 0px 20px; height: 102px;  background-image:url(/images/more_left.jpg); background-position: top left; background-repeat:no-repeat}
#morein h1 {color: #FFFFFF; font-size: 1.2em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#morein h2 {color: #FFFFFF!important; font-size: 1.2em!important; margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important; }
#morein p {color: #FFFFFF; padding: 0px 0px 5px 0px; margin: 0px 0px 0px 0px}
.choice label {margin: 0px 10px 0px 0px}


.three {width: 33%; float: left;}
.three div {width: 187px;  background-color:#a9e526}
.three div h2 {color: #333333; font-size:1.25em!important; text-align:center; background-color:#a9e526; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px}


.three2 {width: 33%; float: left;}
.three2 div {width: 187px;  background-color:#a9e526; margin-right:auto; margin-left:auto}
.three2 div h2 {color: #333333; font-size:1.25em!important; text-align:center; background-color:#a9e526; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px}


.three3 {width: 33.9%; float: left;}
.three3 div {width: 187px;  background-color:#a9e526; float:right;}
.three3 div h2 {color: #333333; font-size:1.25em!important; text-align:center; background-color:#a9e526; padding: 10px 0px 10px 0px; margin: 0px 0px 0px 0px}


#book {width: 187px; float:left; background-color:#FFFFFF; margin: 15px 0px 0px 0px}
#bookhead {background-image:url(/images/book_head.gif); background-repeat:repeat; background-position: top left; background-color: #f0e7f0;}
#bookhead h2{font-size: 1.25em; padding: 10px 15px 5px 15px; margin: 0px 0px 0px 0px;}


#booktop{background-image:url(/images/book_top.gif); background-repeat:repeat; background-position: top left; padding: 10px 0px 5px 10px  }
#bookbtm{background-image:url(/images/book_btm.gif); background-repeat:repeat; background-position: bottom left; padding: 10px 0px 5px 10px }
#booktop h2{margin: 0px 0px 0px 0px!important; padding: 0px 0px 0px 0px!important; color: #77427b!important; font-size: 1.25em!important;}


#find {margin: 15px 0px 0px 235px; background-color:#FFFFFF}
#findhead {background-image: url(/images/find_right.gif); background-repeat:no-repeat; background-position: top right; margin: 0px 0px 0px 0px; background-color: #d7d5d3;}
#findhead h2{font-size: 1.25em; padding: 10px 15px 5px 15px; margin: 0px 0px 0px 0px; background-image:url(/images/find_left.gif); background-repeat:no-repeat; background-position: top left}
img.findimg {float: left; margin: 0px 30px 30px 10px; padding: 0px 0px 0px 10px}


.split1 {width: 49%; float: left}
.split2 {width: 49%;  float: right; }

.textbelow {clear:both}





/* Download Zone Placeholders --------------------------------------------------*/	


.grey {background-color: #eeeded; margin: 0px 0px 15px 0px; padding: 10px 0px 0px 10px}

.grey {
  min-height:150px;
  height:auto !important;
  height:150px;
}



.back {width: 20px; float:left; margin: 0px 0px 0px 0px}
.forward {width: 20px; float:left; margin: 0px 0px 0px 0px}

.back img {border: none!important}
.forward img {border: none!important}


.bookplace {width: 130px; text-align:center; float:left}
.bookplaceside {width: 105px; text-align:center; padding: 0px 0px 0px 10px}
.bookplace img{border: 1px solid #b3b3b3;  }



/* Heading Text and Links --------------------------------------------------*/
h1 { font-size: 1.4em;
     color: #07509B;
	 padding: 0px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 10px 0px;
	 display:block;
	 height:1%;
	}
	
h2 { font-size: 1.2em;
     color: #07509B;
	 padding: 0px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 7px 0px;
	}
	
h3 { font-size: 1.0em;
     color: #07509B;
	 padding: 0px;
	 margin: 0px 0px 0px 0px;
	 padding: 0px 0px 5px 0px;
	}



p   {margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}
.largebold  {font-size:1.2em; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}


.boldred { font-size: 1.1em; color: #CE4300; font-weight: bold;}
.green {font: 1.1em; color : #149362;}
.red {font: 1.1em; color : #CE4300;}

.column-two h2 {color: #77427b; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; font-size:1.25em; font-weight:bold }
.column-two h3 {margin: 15px 0px 0px 0px; padding: 0px 0px 7px 0px; font-size:1.2em; color: #000000;}
.column-two h4 {margin: 15px 0px 0px 0px; padding: 0px 0px 7px 0px; font-size:1em; color: #000000;}


.column-left h2 {color: #77427b; margin: 0px 0px 0px 0px; padding: 15px 0px 10px 0px; font-size:1.25em; font-weight:bold }
.column-left h3 {margin: 15px 0px 0px 0px; padding: 0px 0px 7px 0px; font-size:1.2em; color: #000000;}
.column-left h4 {margin: 15px 0px 0px 0px; padding: 0px 0px 7px 0px; font-size:1em; color: #000000;}




#book ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
#book ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}


#find  ul {list-style: none; margin: 0px 5px 0px 185px; padding: 0 0 0.6em 0;}
#find ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.column-two ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.column-two ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.column-left ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.column-left ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.column-two ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-two ol li { padding: 0.2em 0 0.1em 0px;}

.column-left ol { list-style:decimal; margin: 0px 5px 0px 27px; padding: 0 0 0.6em 0; }
.column-left ol li { padding: 0.2em 0 0.1em 0px;}


.placegreyin ul {list-style: none; margin: 0px 0px 0px 0px; padding: 0 0 0.6em 0;}
.placegreyin ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.purplecontentin ul {list-style: none; margin: 0px 0px 0px 0px!important; padding: 0 10px 10px 10px!important;}
.purplecontentin ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}

.placesidein ul {list-style: none; margin: 0px 0px 0px 0px!important; padding: 0 0px 10px 0px!important;}
.placesidein ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}


#find .purplecontentin ul {list-style: none; margin: 0px 5px 0px 185px!important; padding: 0 0 0.6em 0!important;}
#find .purplecontentin ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}






.place ul {list-style: none; margin: 0px 5px 0px 5px; padding: 0 0 0.6em 0;}
.place ul li {background:  url(/images/bullet.gif) no-repeat 0em 0.6em; display: block; padding: 0.2em 0 0.1em 10px;}



hr {width:99%; height:1px; background-color:#CCCCCC; color:#cccccc; border:0; margin: 10px 0px 10px 0px; }


/* Page Controls --------------------------------------------------*/

* html #pagecontrols {clear: both;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 15px;
		zoom: 1;
		}

#pagecontrols {clear: both;
		padding: 0px 0px 0px 0px;
		margin: 10px 0px 10px 15px;
		}
		


#top {width: 150px; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_top.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 10px 0px 10px 35px}	
#print {width: 150px; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_print.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 10px 0px 10px 35px}	
#email {width: 150px; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_email.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 10px 0px 10px 35px}	
#bookmark {width: 150px; float: left; margin: 0px 0px 0px 0px; background-image:url(/images/icon_bookmark.gif); background-repeat:no-repeat; background-position: 0px 2px; padding: 10px 0px 10px 35px}	

/* Footer --------------------------------------------------*/
#footerbg {clear: both;
		padding: 0px 0px 0px 0px;
		margin: 10px 10px 0px 10px;
		height :	91px;	 
		background-image: url(/images/bg_footer.jpg); background-position: top left; background-repeat: no-repeat;
		
		}
#footer { height :	91px; background-image: url(/images/bg_footer-right.jpg); background-repeat: no-repeat; background-position: top right; }		
		

		
* html #footer {
  height: 1%;
  margin-left: 0;}
		
#footerlink { padding: 25px 0px 0px 30px; float: left;}	
#copyright {float: right; padding: 25px 20px 0px 0px;}
#footer a {padding: 0px 20px 0px 0px;}


/* Links --------------------------------------------------*/
a:link { color: #0066CC; text-decoration: underline; }
a:visited { color: #0066CC; text-decoration: underline; }
a:hover {color: #0066CC; text-decoration: none; background-color: #FFFFFF}
a:focus {color: #0066CC; text-decoration: none; background-color: #FFFFFF}
a:active {color: #0066CC; text-decoration: none; background-color: #FFFFFF}



#headright a:link { color: #0066CC; text-decoration: none; }
#headright a:visited { color: #0066CC; text-decoration: none; }
#headright a:hover {color: #0066CC; text-decoration: underline; background-color: #FFFFFF}
#headright a:focus {color: #0066CC; text-decoration: underline; background-color: #FFFFFF}
#headright a:active {color: #0066CC; text-decoration: underline; background-color: #FFFFFF}

a.image:link { color: #0066CC; text-decoration: underline; }
a.image:visited { color: #0066CC; text-decoration: underline; }
a.image:hover {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.image:focus {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.image:active {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}


a.iconlink:link { color: #0066CC; text-decoration: underline; }
a.iconlink:visited { color: #0066CC; text-decoration: underline; }
a.iconlink:hover {color: #0066CC; text-decoration: none; background:none!important;}
a.iconlink:focus {color: #0066CC; text-decoration: none; background:none!important;}
a.iconlink:active {color: #0066CC; text-decoration: none; background:none!important;}

.floatactive a:link { color: #0066CC; text-decoration: underline; }
.floatactive a:visited { color: #0066CC; text-decoration: underline; }
.floatactive a:hover {color: #0066CC; text-decoration: none; background:none!important;}
.floatactive a:focus {color: #0066CC; text-decoration: none; background:none!important;}
.floatactive a:active {color: #0066CC; text-decoration: none; background:none!important;}

.floatline a:link { color: #0066CC; text-decoration: underline; }
.floatline a:visited { color: #0066CC; text-decoration: underline; }
.floatline a:hover {color: #0066CC; text-decoration: none; background:none!important;}
.floatline a:focus {color: #0066CC; text-decoration: none; background:none!important;}
.floatline a:active {color: #0066CC; text-decoration: none; background:none!important;}

.float a:link { color: #0066CC; text-decoration: underline; }
.float a:visited { color: #0066CC; text-decoration: underline; }
.float a:hover {color: #0066CC; text-decoration: none; background:none!important;}
.float a:focus {color: #0066CC; text-decoration: none; background:none!important;}
.float a:active {color: #0066CC; text-decoration: none; background:none!important;}



a.imagespace:link { color: #0066CC; text-decoration: underline; }
a.imagespace:visited { color: #0066CC; text-decoration: underline; }
a.imagespace:hover {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.imagespace:focus {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.imagespace:active {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}

a.middle:link { color: #0066CC; text-decoration: underline; }
a.middle:visited { color: #0066CC; text-decoration: underline; }
a.middle:hover {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.middle:focus {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}
a.middle:active {color: #0066CC; text-decoration: none; background-color:#FFFFFF!important}




#footer a:link { color: #0066CC; text-decoration: none; }
#footer a:visited { color: #0066CC; text-decoration: none; }
#footer a:hover {color: #0066CC; text-decoration: none; background-color: #FFFFCC}
#footer a:focus {color: #0066CC; text-decoration: none; background-color: #FFFFCC}
#footer a:active {color: #0066CC; text-decoration: none; background-color: #FFFFCC}

a.black:link { color: #000000; text-decoration: none; }
a.black:visited { color: #000000; text-decoration: none; }
a.black:hover {color: #000000; text-decoration: underline; background-color: #FFFFCC}
a.black:focus {color: #000000; text-decoration: underline; background-color: #FFFFCC}
a.black:active {color: 000000; text-decoration: underline; background-color: #FFFFCC}

a.skip:link { color: #FFFFFF; text-decoration: none; }
a.skip:visited { color:  #FFFFFF; text-decoration: none; }
a.skip:hover {color:  #FFFFFF; text-decoration: none; background-color: #FFFFFF}
a.skip:focus {color: #0033cc; text-decoration: underline; background-color: #FFFFCC}
a.skip:active {color: #0033cc; text-decoration: underline; background-color: #FFFFCC}


/* Tabbed Placeholders --------------------------------------------------*/	
#tab{
      float:left;
      width:100%;
      background:#DAE0D2 url("/images/bg.gif") repeat-x bottom;
      font-size:100%;
      line-height:normal;
	  margin: 10px 0px 0px 0px
      }
#tab ul {
      margin:0px 0px 0px 0px!important;
      padding:10px 0px 0!important;
      list-style:none;
      }
#tab li {
      float:left;
      background:url("/images/left_on.gif") no-repeat left top;
      margin:0px 2px 0px 0px!important;
      padding:0 0 0 9px!important;
	  list-style:none;
	  border-bottom: 1px solid #d0d0d0;
      }
    #tab a {
      float:left;
      display:block;
      background:url("/images/right_on.gif") no-repeat right top;
      padding:5px 15px 4px 6px!important;
      text-decoration:none;
      font-weight:bold;
      color:#000000;
      }
    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #tab a {float:none;}
    /* End IE5-Mac hack */
    #tab a:hover {
      color:#000000; text-decoration:underline
      }
    #tab #current {
      background-image:url("/images/left.gif");
      border-width:0;
	  border-bottom: 1px solid #f8f8f8;
	 
      }
    #tab #current a {
      background-image:url("/images/right.gif");
       color: #000000;
      padding-bottom:5px;
      }
	  







input.btn { 
color:#FFFFFF; 
font-weight: bold; 
font-size: 80%;
background-color: #004098; 
border: 1px solid #FFFFFF;	}


/* Buttons --------------------------------------------------*/

.btnhold {margin: 0px 0px 20px 80px}



a.button span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	color: #ffffff;
	font-weight:bold;
} 

a.button:link {text-decoration:none; color: #ffffff} 
a.button:link span 	{text-decoration:none; color: #ffffff} 

a.button:visited {text-decoration:none; color: #ffffff} 
a.button:visited span 	{text-decoration:none; color: #ffffff} 

a.button:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 

a.button:focus 	{text-decoration:none; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:focus span 	{text-decoration:none; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.button:active	{text-decoration:none; color: #ffffff; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.button:active span 	{text-decoration:none; color: #ffffff; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 




a.buttongrn {
    background: transparent url('/images/bg_buttongrn_a.gif') no-repeat scroll top right;
    color: #000000;
	font-weight:bold;
	float:left; 
    display: block;
    font: normal 1em arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.buttongrn span {
    background: transparent url('/images/bg_buttongrn_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration:none;
	color: #000000;
	font-weight:bold;
} 

a.buttongrn:link {text-decoration:none; color: #000000} 
a.buttongrn:link span 	{text-decoration:none; color: #000000} 

a.buttongrn:visited {text-decoration:none; color: #000000} 
a.buttongrn:visited span 	{text-decoration:none; color: #000000} 

a.buttongrn:hover {
text-decoration:none;
    background-position: bottom right;
    color: #ffffff!important;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttongrn:hover span {
  color: #ffffff;
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
	text-decoration:none;
} 

a.buttongrn:focus 	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrn:focus span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 
a.buttongrn:active	{text-decoration:none; color: #ffffff!important; background-position: bottom right; outline: none; /* hide dotted outline in Firefox */} 
a.buttongrn:active span 	{text-decoration:none; color: #ffffff!important; background-position: bottom left; padding: 6px 0 4px 18px; /* push text down 1px */} 






a.buttonlrg {
    background: transparent url('/images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 1em arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 3px; /* sliding doors padding */
    text-decoration: none;
}

a.buttonlrg span {
    background: transparent url('/images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 3px;
	text-decoration:none;
	color: #000000
} 

a.buttonlrg:link {text-decoration:none; color: #000000} 
a.buttonlrg:link span 	{text-decoration:none; color: #000000} 

a.buttonlrg:visited {text-decoration:none; color: #000000} 
a.buttonlrg:visited span 	{text-decoration:none; color: #000000} 

a.buttonlrg:hover {
text-decoration:none;
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.buttonlrg:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 3px; /* push text down 1px */
	text-decoration:none;
} 

a.buttonlrg:focus 	{text-decoration:none; color: #000000} 
a.buttonlrg:focus span 	{text-decoration:none; color: #000000} 
a.buttonlrg:active	{text-decoration:none; color: #000000}
a.buttonlrg:active span 	{text-decoration:none; color: #000000}

 






/* Left Navigation --------------------------------------------------*/

#subnavcontainer { margin:0px 0px 15px 0px;   background-color:#ffffff;    }


		
#subnavcontainer ul{
			margin: 0px 0px 0px 0px!important;
			padding: 0;
			list-style-type: none;
			font-family: arial, Helvetica, sans-serif;
			border-right: 1px solid #b3e93b;
			border-left: 1px solid #b3e93b;
			border-bottom: 1px solid #b3e93b;
			font-size: 1em;
			width: 95%;
			}
		
#subnavcontainer li {margin:0px;  padding:0px ; list-style-type:none!important; background-image:none!important}

		
#subnavcontainer a
		    {display: block;
			 padding: 5px 5px 5px 5px;
			 width: 99%;
			 color: #000000;
			 border-top: 1px solid #b3e93b;
			 text-decoration: none;
			 font-weight:bold;
			 background-image: url(/images/nav.gif); background-repeat:repeat-y; background-position:center; 
			 background-color:#aae528;
			}
			
#subnavcontainer a:visited{
			 color: #000000;
			background-image: url(/images/nav.gif); background-repeat:repeat-y; background-position:center; 
			text-decoration: none;
			font-weight:bold}			
		
#subnavcontainer a:hover
		    {color: #000000;
			text-decoration: none;
			background-image: url(/images/nav_over.gif); background-repeat:repeat-y; background-position:center; 
			font-weight:bold }
			
#subnavcontainer a:focus
		    {color: #000000;
			text-decoration: none;
			background-image: url(/images/nav_over.gif); background-repeat:repeat-y; background-position:center; 
			font-weight:bold }	
			
#subnavcontainer a:active
		    {color: #000000;
			text-decoration: none;
			background-image: url(/images/nav_over.gif); background-repeat:repeat-y; background-position:center; 
			font-weight:bold }					
			
a:link#currentnav, a:visited#currentnav
		  {color: #000000;
			text-decoration: none;
			background-image: url(/images/nav_over.gif)!important; background-repeat:repeat-y; background-position:center; 
			font-weight:bold }	
			
			
			
#subnavcontainer ul ul{
			margin: 0px 0px 0px 0px!important;
            border-right: 0px solid #b3e93b!important;
			border-left: 0px solid #b3e93b!important;
			border-bottom: 0px solid #b3e93b!important;
            width: 100%;
			}
		
#subnavcontainer ul ul li {margin:0px;  padding:0px ; list-style-type:none!important; background-image:none!important}

		
#subnavcontainer ul ul a
		    {display: block;
			 padding: 5px 5px 5px 15px;
			 width: 94%;
			 color: #000000;
			 border-top: 0px solid #b3e93b;!important;
			 text-decoration: none;
			 font-weight:bold;
			 background-image:none!important;
			 background-color:#aae528;
			}
			
#subnavcontainer  ul ul a:visited{
			 color: #000000;
			 background-image:none!important;
			text-decoration: none;
			font-weight:bold}			
		
#subnavcontainer  ul ul a:hover
		    {color: #000000;
			text-decoration: none;
			background-image:none!important;
			background-color:#79bb1d;
			font-weight:bold }
			
#subnavcontainer  ul ul a:focus
		    {color: #000000;
			text-decoration: none;
			background-color:#79bb1d;
			background-image:none!important;
			font-weight:bold }	
			
#subnavcontainer  ul ul a:active
		    {color: #000000;
			text-decoration: none;
			background-image:none!important;
			background-color:#79bb1d;
			font-weight:bold }					
			
a:link#currentsubnav, a:visited#currentsubnav
		  {color: #000000;
			text-decoration: underline!important;
			background-image:none!important;
			font-weight:bold }				
			

/* Tables --------------------------------------------------*/

table{margin: 0px 0px 20px 0px;  border-collapse: collapse;}
table td { border-collapse: collapse; padding: 5px 20px 5px 5px;}
table th {/*text-align: left; */color:#000000; font-weight:bold; border-bottom:1px solid #d7d7d7;  border-collapse: collapse; padding: 7px 5px 7px 5px; background-image:url(/images/tablehead.gif); background-repeat:repeat-x; }
table th.right {text-align: left; color:#000000; font-weight:bold; border-bottom:1px solid #d7d7d7;  border-collapse: collapse; padding: 7px 5px 7px 5px; background-image:url(/images/table_right.gif)!important; background-repeat:no-repeat!important; background-position: top right }
table th.left {text-align: left; color:#000000; font-weight:bold; border-bottom:1px solid #d7d7d7;  border-collapse: collapse; padding: 7px 5px 7px 5px; background-image:url(/images/table_left.gif)!important; background-repeat:no-repeat!important; background-position: top left }


/* Middle Position --------------------------------------------------*/
.middle    {vertical-align: middle;}

.imgright {float: right; margin: 0px 0px 20px 20px; border:1px solid #CCCCCC;}
.imgleft {float: left; margin: 0px 20px 20px 0px; border:1px solid #CCCCCC;}

.captionright {margin: 0px 0px 20px 20px; float: right; background-color:#f8f8f8; padding: 0px 0px 20px 20px; border:1px solid #CCCCCC; padding: 5px 5px 5px 5px; font-weight:bold; text-align:center;}
.captionleft {margin: 0px 20px 20px 0px; float: left; background-color:#f8f8f8; padding: 0px 20px 20px 0px; border:1px solid #CCCCCC; padding: 5px 5px 5px 5px; font-weight:bold; text-align:center;}

.captionright img, .captionleft img {border:1px solid #CCCCCC; margin-bottom:5px}


/* --------------------------Abbr and Acronyms----------------------------------- */
 abbr, acronym, span.abbr {
  cursor: help;
  border-bottom: 1px dashed #000;
}


/* aligning forms --------------------------------------------------*/	

label.wide {width: 8em; float:left; text-align:right; padding-right: 5px}
#forgot {margin: 0px 0px 0px 9em }

#forgot  a {
  display: block;
  padding: 3px 0px 0px 0px;
  margin: 0px 0px 0px 8.6em;
  width: 150px;
}


#findevent {zoom: 1; } 

select.eventform {width: 11em; margin: 5px 0px 0px 0px}
input.keyform {width: 11em; margin: 5px 0px 0px 0px}
select.show {width: 15em; margin: 5px 0px 0px 5px}

.smlbtn {width: 30px}

select#iwant { margin: 0px 3px 0px 0px; width:150px;}		   


/* English/irish Buttons --------------------------------------------------*/


#english a:link
{display: block;
 width: 66px;
 height: 20px;
 line-height:20px;
 background-color:#00FF66; 
 float: left;
 background: url(/images/english.gif) left top no-repeat; }

#english span {display: none}

#english a:hover, #english a:focus, #english a:active { background: url(/images/english_over.gif) left top no-repeat; }


#irish a:link
{display: block;
 width: 90px;
 height: 20px;
 line-height:20px;
 background-color:#00FF66; 
 float: left;
 background: url(/images/irish.gif) left top no-repeat; }

#irish span {display: none}

#irish a:hover, #irish a:focus, #irish a:active { background: url(/images/irish_over.gif) left top no-repeat; }
 


 

.curvetop {margin: 0px 0px 0px 0px;  background-image:url(/images/curve_top.gif); background-repeat:no-repeat; background-position:top left}
.curvebtm {margin: 0px 0px 0px 0px; background-color:#fff; background-image:url(/images/curve_btm.gif); background-repeat:no-repeat; background-position:bottom left; }

.curvetop p {margin: 0px 25px 0px 25px; width:345px; padding:15px 0px 0px 0px; font-weight:bold}
.curvetop ul li{margin-left:20px; margin-right:20px;}

.subpush {margin-left: 10px; vertical-align:middle}

table.radio {margin-right: 20px}

table.radio td{border-collapse:collapse; border:1px solid #D7D7D7;}


.column-img
	{
	width: 300px;
	float: left;
	margin: 0px 8px 0px 0px;
	padding: 0px 0px 0px 60px;
	}	
	


/*************************************************/
/*				Ptools styles					 */
/*************************************************/
img.image{cursor:pointer;}

.left{text-align:left;}
.right{text-align:left;}
.center{text-align:center;}

img.left{float:left;}
img.right{float:right;}

.underline{font-weight:bold;}
#buttons
{
	margin:10px 30px 0 0;
text-align:right;
clear:both;
}

.TopBar
{
	background:#fff url('/images/BoxTop.jpg') no-repeat top left;
	height:25px;
	width:833px;
}

.BottomBar
{
	background:#fff url('/images/BoxBottom.jpg') no-repeat top left;
	height:25px;
	width:833px;
}

.MainForm
{
	width:814px;
	background-color:#E8E9ED;
	border-left:2px solid #4756B3;
	border-right:2px solid #4756B3;
	padding-left:10px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:0px;
}

.formlabel
{
float:left;
width:190px;	
}

.FormContainer
{
	margin:0px 0px 0;
}
 
input.NextButton
{
	background:#fff url('/images/next.gif') no-repeat top left;
	width:74px;
	border-style: none;

	height:23px;
	cursor: pointer;	
}

/*input.checkbox33, input.radio32
{
width:25px;
float:left;	
}*/

input.NextButtonHover
{
	background:#fff url('/images/next-hover.png') no-repeat top left;
	width:74px;
	border-style: none;

	height:23px;
	cursor: pointer;	
		
}

#red{color:Red;}

#score
{
padding:0px 5px 20px 5px;	
}


#Result
{
	height:170px;
}


.blueboxsmall
{
		background:#fff url('/images/box02blue.gif') no-repeat top left;
	height:45px;
	width:381px;
	margin-bottom:15px;	
	color:#405BB1;
	cursor:pointer;
}

.redboxsmall, .activeboxsmall
{
		background:#fff url('/images/box02red.gif') no-repeat top left;
	height:45px;
	width:381px;
	margin-bottom:15px;	
	color:#CE4300;
		cursor:pointer;
}
.boxtextsmall
{
	padding:5px;	
	text-align:center;
	font-size:15px;
}


.bluebox
{
	background:#fff url('/images/box01blue.gif') no-repeat top left;
	height:65px;
	width:381px;
	margin-bottom:15px;	
	color:#405BB1;
	cursor:pointer;
}

.blueboxLarge
{
	background:#fff url('/images/box03blue.gif') no-repeat top left;
	height:80px;
	width:381px;
	margin-bottom:15px;	
	color:#405BB1;
	cursor:pointer;
}

.redboxLarge, .activeboxLarge
{
	background:#fff url('/images/box03red.gif') no-repeat top left;
	height:80px;
	width:381px;
	margin-bottom:15px;	
	color:#CE4300;
	cursor:pointer;
}

.redbox, .activebox
{
	background:#fff url('/images/box01red.gif') no-repeat top left;
	height:65px;
	width:381px;
	margin-bottom:15px;	
	color:#CE4300;
		cursor:pointer;
}

.boxtext
{
	padding:20px;	
	text-align:center;
	font-size:18px;
}

.images3 
{
	text-align:center;
}

#plainbox
{
	margin: 10px 0px 10px 0px; padding: 0px 0px 0px 0px; height:1%;
}

#plainbox1
{
	background-image:url(/images/org_topright.gif); background-repeat: no-repeat; background-position:top right; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:1%;
}
#plainbox2
{
	 background-image: url(/images/org_topleft.gif); background-repeat: no-repeat; background-position: top left; margin:0px 0px 0px 0px; padding: 0px;min-height: 2em; height:1%;
}
#plainbox3
{
	background-image:url(/images/org_botright.gif); background-repeat: no-repeat; background-position:bottom right; margin: 0px 0px 0px 0px; height: 1em 
}

#plainbox4
{
	background-image: url(/images/org_botleft.gif); background-repeat: no-repeat; background-position: bottom left; margin: 0px 0px 0px 0px;   height: 1em 
}


#plainbox2 p {padding: 10px 20px 0px 20px; margin: 0px 0px 0px 0px; background-image:none;}
#plainbox2 p strong {color: #d55d03;}
#plainbox2 p.btn {margin: 0px 0px 0px 0px!important; padding: 0px 10px 0px 0px!important; background-image:none!important}
#plainbox2 p.thumb {padding: 10px 20px 0px 60px; margin: 0px 0px 0px 0px; background-image:url(/images/icon_thumb.gif); background-position: 10px 10px; background-repeat:no-repeat}
#plainbox2 ul li{margin-left:20px;}



img.clickimg{cursor:pointer;}

.imgheading
{
padding:0px 0px 6px 0px;
margin:0px;
}



#flashPlayer
{
left:20px;
position:absolute;
top:10px;
}

#TitlePage
{
	 text-align:center;
	 width:300px;
	 margin:0px auto 0px auto;
	 padding:60px 0px 50px 0px;
}

.centergreytopright .overtoyoucontent #TitlePage h2
{font-size:1.7em !important;}
.centergreytopright .overtoyoucontent #TitlePage h3
{font-size:1.3em !important;}

.overtoyoucontent table.blue td h2
{
	 text-align:center;
	 text-decoration:underline;
}
.overtoyoucontent table.blue td 
{
	padding:15px;
}
.blueBorder{border-right:2px solid #07509B;}

table{ border-color:#EAEAEA;}

.columnboxleft
	{
	float	: left;
	width	: 27%;
	margin: 0px 0px 0px 8px;
	}
.columnboxright
	{
	width	: 61%;
	float	: right;
	margin: 0px 40px 0px 0px;
	}	
.green5
{
color:#67A200;	
}





#TrusteeCode,#MoreArea{text-align:right; margin-top:0px; clear:both; }
#MoreArea, #TrusteeCode{width:100%; margin-bottom:10px; display:block; }

.overtoyoucontent div.H2Expand , .ClickForMore{font-size:11px !important; font-weight:bold; color:#07509B; background-color:#fff; float:right; width:175px; padding:5px; cursor:pointer; border:1px solid #CAE8FF;}
.ClickForMore {width:100px; margin-bottom:15px;}
.overtoyoucontent div.H2Expand,.ClickForMore{background:#fff url('/images/correct.png') no-repeat 3px center; }
.ExpandBox{background:#fff url('/images/header_bg1.gif') repeat-x top left;   margin-top:0px; text-align:left; margin-bottom:15px; clear:both; color:#07509B; padding:10px; width:95%; }
.columnboxright ul {width:345px;}

#BottomArea{position:relative; height:100%; clear:both;}
#TopArea{position:relative; height:100%;clear:both;}

#Plain h3{color:#CE4300;}
#Plain #TitlePage h3{color:#07509B;}
#Plain table td{padding:7px 10px;}

#mp3Player
{
	
left:580px;
position:absolute;
top:140px;
 _left: 525px;
_top:138px;
}

#LessonTitle
{
	 text-align:center;
	 width:300px;
	 margin:0px auto 0px auto;
	 padding:10px 0px 30px 0px;
}


#LessonTitle h2{color:#CE4300;}


#LessonTitle h2
{font-size:1.6em !important;}
#LessonTitle h3
{font-size:1.2em !important;}


div.t1 ul,div.t2 ul,div.t3 ul,div.t4 ul,div.t5 ul,div.t6 ul,div.t7 ul,div.t8 ul {list-style: none; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px!important;}

div.t1 ul li, div.t2 ul li, div.t3 ul li,div.t4 ul li,div.t5 ul li,div.t6 ul li,div.t7 ul li{background:  url(/images/blue-bullet.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px; list-style-position:outside;}

div.t1 ul ul,div.t2 ul ul,div.t3 ul ul,div.t4 ul ul,div.t5 ul ul,div.t6 ul ul,div.t7 ul ul,div.t8 ul ul{list-style: none; margin: 0px 0px 10px 20px!important; padding: 0px 0px 0px 0px!important;}
div.t1 ul ul li, div.t2 ul ul li,div.t3 ul ul li,div.t4 ul ul li,div.t5 ul ul li,div.t6 ul ul li,div.t7 ul ul li,div.t8 ul ul li{background:  url(/images/bullet_org.gif) no-repeat 0em 0em; display: block; padding: 3px 0 0 12px; margin:0px; list-style-position:outside;}




/*==============  Tabs  ===============*/

.tabbed 
{

	}

/* List of tabs */.centergreytopright .overtoyoucontent .tabbed ul {



	
	margin: 0;
	padding: 0;
	
	}
.tabbed ul.tabs li {
	list-style: none;
	float: left;
	margin: 0px!important;
	padding: 0;
	background:none;
	cursor:pointer;
	background:#fff none repeat scroll 0 0;
	border:1px solid #DDDDDD;
	font-size:12px;
	white-space: nowrap; 
	
	}
	
.tabbed ul.tabs li a 
{	
	display: block;
	margin: 0 0px 0 0;
	padding: 10px 12px;	
}
.tabbed ul.tabs li a:hover 
{
	background-color:#fff;
	color:#0066CC;
}

/* The current selected tab */
.tabbed ul.tabs li a.tab-current 
{
	color:#0066CC;
	font-weight:bold;
}

/* The content shown when a tab is selected */
.tabbed div {
background:#fff none repeat scroll 0 0;
border-top:2px solid #DDDDDD;
float:left;
height:auto;
margin:0px;
padding:10px;
text-align:left;
width:95%;
}
	
.tabbed div ul li
{
	padding-top:5px;
	padding-bottom:5px;
}

/* Set the CSS to make sure the other tabs' content isn't shown other than the first */
.tabbed div.t2, .tabbed div.t3, .tabbed div.t4 {
	display: none;
}

.t1,.t2,.t3,.t4,.t5,.t6,.t7,.t8{background-color:#F5F5F5;}

h1.TopicHeader{width:720px; float:left;}

#TopHeaderRight{float:right; width:85px; text-align:left;}

a.PrintButton{text-decoration:none;vertical-align:super; padding-top:5px;}

.Complete
{
	padding-left:21px;
	padding-bottom:6px;
	padding-top:6px;
	color:#CE4300;
	font-size:0.9em;	
	font-weight:bold;
}

#BottomArea ol li { list-style-type:lower-roman;}

abbr{pointer:help; border-bottom:1px dotted #000;}