/* ////////////////////////////////////////////////////////////////
      
	  Created by Christopher Abram 

	  www.christopherabram.co.uk
	  
	  mail@christopherabram.co.uk
	  
////////////////////////////////////////////////////////////////*/

* { padding: 0px; margin: 0px; word-wrap: break-word;}

html,body {
 
 	font-family: Arial, Helvetica, sans-serif;
 	font-size: 13px;
	background: url(../images/background_tile.jpg) repeat;
	line-height:140%;
}

* {
 	font-family: Arial, Helvetica, sans-serif;
}

img {
	border-style: none;
}

.highlight {
	background-color: yellow;
}

.helpheader_search {
	height: 29px;
}

.t1_iiicol_middlecolumn .article_edit a {
	float:right;
	font-size:11px;
	color:#fff;
	padding:0 15px 0 0;
	margin:0 10px 0 0;
	text-decoration:none;
	background:url(../images/tinyedit_icon_white.png) no-repeat right;
}

.t1_iiicol_middlecolumn .article_edit a:hover {
	text-decoration:underline;
}

.helpheader_search_container {
	float: left;
	padding: 10px;
	margin: 0px 0px 10px 0px;
/*	font-size:18px;
	color:#006699;*/
	background: #bfd8e8;
	width: 595px;
}

.helpheader_email_container {
	float: left;
	padding: 10px;
	margin: 0px 0px 10px 0px;
	background: #bfd8e8;
	width: 382px;
}


.helpheader_search select {
/*	height: 29px;*/
  	background:#fff;
	font-size:16px;
    float: left;
  	text-decoration:none;
  	margin: 0px 10px 0px 0px;
  	border: #0065A3 solid 1px;
  	padding: 2px 1px;
}

h2.helpheader {
	width: 595px;
	float: left;
	padding: 10px;
    margin: 0px 0px 10px 0px;
	color:#fff;
	background: #006699;
}

h3.helpheader {
	width: 595px;
	float: left;
	padding: 10px;
    margin: 0px 0px 10px 0px;
	color:#006699;
	background: #BFD8E8;
	font-size:18px;
}

form#search {
	padding: 0px; 
	display: inline;
}

.q {
	width: 160px;
  	background:#fff;
	font-size:16px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  	text-decoration:none;
  	border: #0065A3 solid 1px;
  	padding: 3px 1px 3px 1px;
}

.email_input {
	width: 200px;
  	background:#fff;
	font-size:16px;
    float: left;
    margin-right: 10px;
  	text-decoration:none;
  	border: #0065A3 solid 1px;
  	padding: 3px 1px 3px 1px;
}

.helpheader_search li {
	float:left;
}

ul.helpadmin_assetsbuttons {
	list-style-type:none;
}

.helpadmin_assetsbuttons a:link, .helpadmin_assetsbuttons a:visited {
  	float:left;
	display:block;
	color:#fff;
  	background:#006699;
  	text-align:center;
  	padding:5px 10px 5px 10px;
	margin-right:10px;
	font-size:16px;
  	text-decoration:none;
}

.helpadmin_assetsbuttons a:hover {
  	color:#006699;
  	background:#fff;
    text-decoration: none;
}


.hometop_imageholder {
	float:right;
	width:303px;
	height:190px;
/*	background: #B3D1E4;*/
	margin-left:15px;
    overflow: hidden;
}

blockquote {
       font-size:16px;
       font-style:italic;
       color:#333;
       margin:0px 0px 20px 7px;
       padding:0px 0px 0px 37px;
       background: url(../images/quotemark.jpg) top left no-repeat;
}
.imagecaptionnews {
	color:#009A50;
	background:#D4EEE1;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
	margin-top: -2px;
}

.imagecaptionresearch {
	background:#FBD2D3;
    color:#ED1C24;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
    margin-top: -2px;
}

.imagecaptioneducator {
	background:#ED1C24;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
    margin-top: -2px;
}

.imagecaptionprogrammes {
	background:#FEEFDD;
	color:#F7931E;
	text-align:right;
	padding:5px 10px 5px 5px;
    margin-top: -2px;
    border: 0px;
	margin-bottom:20px;
}

.imagecaptioncommissioners {
	background:#D7CFBF;
	color:#613E00;
	text-align:right;
	padding:5px 10px 5px 5px;
    margin-top: -2px;
    border: 0px;
	margin-bottom:20px;
}

.imagecaptiontraining {
	background:#BFDBEE;
    color:#0071BC;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
    margin-top: -2px;
}

.imagecaptionlinks {
	background:#D9F5FD;
    color: #00B9F2;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
    margin-top: -2px;
}

.imagecaptionabout {
	background:#FBD6E7;
    color: #EA5C9F;
	text-align:right;
	padding:5px 10px 5px 5px;
	margin-bottom:20px;
    margin-top: -2px;
}

        
#contentwrapper 	 {
	float: left;
	padding-left:10px;
	background:#fff;

}

#wrapper {
 	margin: 0px auto;
 	width: 775px;
 	background: #fff;
}

#header {
 	color: #fff;
 	width: 735px;
 	float: left;
 	padding: 10px;
/* 	height: 128px;*/
 	margin: 0px 0px 10px 0px;
 	background:url(../images/header.jpg);
	position: relative;
}

#headerheight{
	width: 735px;
	height: 130px
}

/* Columns and Grids //////////////
////////////////////////////////*/


/* Single Column */


.singlecolumn {

 	width: 735px;
 	padding: 10px;
 	margin: 0px 0px 10px 0px;
 	background: #ccc;
	clear:both;
	
}

.short_singlecolumn {

	width: 595px;
	float: left;
 	padding: 10px;
 	margin: 0px 0px 10px 0px;
 	background: #ccc;
 	
 }

.map_singlecolumn {

	width: 615px;
	float: left;
 	padding: 0px;
 	margin: 0px;
 	background: #fff;
}


.short_singlecolumnwhite	{
	padding:0px 10px 25px 5px;
	float: left;
    width:610px;
    margin-bottom: 5px;
}

.innerpanel {
	padding:10px;
	background:#fff;
}





/* Three Columns Home */


.iiicol_leftcolumn {
 	color: #333;
 	margin: 0px 10px 10px 0px;
 	padding: 10px;
 	width: 130px;
 	float: left;
	background-color:#FFFFFF;

}

.iiicol_middlecolumn {
 	color: #333;
 	margin: 0px 10px 10px 0px;
 	padding: opx;
 	width: 302px;
 	float: left;
	background-color:#FFFFFF;
	
}

.iiicol_rightcolumn {
 	color: #333;
 	margin: 0px 10px 10px 0px;
 	padding: 0px;
 	width: 303px;
 	float: right;
	background-color:#FFFFFF;
}

#mapPanel { 
 	color: #333;
 	margin-top:6px;
 	padding:10px;
	background:url(../images/mapSmall.jpg);
	position:relative;
}

#mapPanelheight {
	width: 110px;
	height: 280px;
}


/* Three Columns Template 01 */


.t1_iiicol_middlecolumn {
 	color: #333;
 	margin: 0px 10px 10px 0px;
 	padding: opx;
 	width: 402px;
 	float: left;
}

.t1_iiicol_middlecolumn p {
	padding-left: 5px;
	padding-right: 5px;
}

.t1_iiicol_rightcolumn {
 	color: #333;
 	margin: 0px 5px 10px 0px;
 	padding: 0px;
 	width: 203px;
 	float: right;
}

html>body .t1_iiicol_rightcolumn {
	margin: 0px 10px 10px 0px;
}

.singlecolumn_imageholder {

	width:402px;
/*	height:190px; */
	background: #FFF;
	overflow: hidden;
	padding: 0px;
}

#img_corners {
	width:402px;
	background:#FFF;
}

	
/* Images and Borders //////////////
/////////////////////////*/


/* Home Page */


.iiicol_rightimage {

 	padding:10px ;
 	width:275px;
 	float:right;

}

.iiicol_rightimageborder {

	width:295px;
	margin-left:10px;
	margin-right:8px;
 	float:right;
	background: url(../images/background_tile.jpg) repeat;
	margin-bottom:15px;

}

.iicol_rightimage { 
 	padding:8px ;
 	width:112px;
 	float:right;
}

.iicol_rightimageborder { 
	width:128px;
	margin:0px 5px 5px 10px;
 	float:right;	
	background: url(../images/white_tile.jpg) repeat;
}

.iicol_rightimagewhite { 
	width:128px;
	margin:0px 5px 0px 10px;
 	float:right;
	background: url(../images/background_tile.jpg) repeat;
}





/* Navigation //////////////
/////////////////////////*/


.topnavtext {
	color:#fff;
	padding:10px;
}



	

/* Horizontal Menus */


#topnavcontainer {
 	width: 755px;
 	float: left;
 	padding:0px;
 	margin: 0px;
	background: #0071bc;	
	border-bottom:1px solid #FFFFFF;
}

.signin_icon {
	padding:4px 26px 1px 0px;
	background: url(../images/signin_key_icon.jpg) no-repeat;
	background-position: right center;
}

.contact_icon {
	padding:4px 26px 1px 0px;
	background: url(../images/contact_home_icon.jpg) no-repeat;
	background-position: right center;
}

.print_icon {
	padding:4px 26px 1px 0px;
	background: url(../images/print_icon.jpg) transparent no-repeat;
	background-position: right center;
	color: #fff;
	text-decoration: none;
}

.textsize_icon {
	padding:4px 26px 1px 0px;
	background: url(../images/textsize_icon.jpg) no-repeat;
	background-position: right center;
}

.signin_graphic {
	float:left;
	margin:0;
	padding:0;
	background-image:url(../images/signin_icon.jpg);
 	Background-repeat:no-repeat;
	height: 20px;
	width:30px;
}

#TopPanelWrapper {
	background-color: #004c88;
	margin: 0px;
	padding: 20px;
}

#loginpanel {
	color:#BFEDFC;
	padding:0px;
	margin: 0px;
}

#loginpanel input[type=text], #loginpanel input[type=password] {
	width:120px;
	margin-left:10px;
	margin-right:10px;
 	border: 2px solid #fff;
 	background-color: #BFEDFC;
	padding: 2px;

}

.button {
	width:80px;
}

form {
 	padding: 10px;
}

#horizontal_menu {
  	width:760px;
  	padding:0px; 
  	margin:0px auto; 
	list-style-type:none;
}

#horizontal_menu li {
  	float:left;
  	margin:0px 5px 0px 0px;
}

*+html #horizontal_menu li { /* IE7 FIX */
	padding-bottom:5px; 
}

#horizontal_menu a {

  	display:block;
  	width:60px;
  	color:#000; 
  	background:#d4d4d4;
	font-size:10px;	
	text-align:center;
  	padding:2px; 
  	text-decoration:none; 
  	float:left; 

}

#horizontal_menu a:hover {
  	color:#fff; 
  	background:#08c;
	
}	





/* Vertical Menus */


.leftnavcolumn {

 	margin: 0px 10px 10px 0px;
 	padding:0px;
 	width: 130px;
 	float: left;	
 	height:850px;/* Find more flexible solution */
	background-color:#FFFFFF;

}

.vertical_menuabout {

  	padding:0px;
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}


.vertical_menuabout li a, .vertical_menuabout li a:visited {

  	color:#EA5C9F;
	text-decoration:none;
	

}

.vertical_menuabout li a:hover {

	color:#551a8b;
  	text-decoration:underline;

}

.vertical_menuabout li {

  	margin:5px 0px 5px 12px;

}


.vertical_menunews {

  	padding:0px; 
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

.vertical_menunews li a, .vertical_menunews li a:visited {

  	color:#009A50;
	text-decoration:none; 

}

.vertical_menunews li a:hover {

	color:#551a8b;
  	text-decoration:underline;
  	

}

.vertical_menunews li {

  	margin:5px 0px 5px 12px;
	
}

.vertical_menutraining {

  	padding:0px; 
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
	
}


.vertical_menutraining li a, .vertical_menutraining li a:visited {

  	color:#0071BC;
	text-decoration:none; 

}

.vertical_menutraining li a:hover {

	color:#551a8b;
  	text-decoration:underline;
}

.vertical_menutraining li {
  	margin:5px 0px 5px 12px;
}

.vertical_menuprogrammes {
  	padding:0px; 
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

.vertical_menuprogrammes li a, .vertical_menuprogrammes li a:visited {
  	color:#F7931E;
	text-decoration:none; 
}

.vertical_menuprogrammes li a:hover {
	color:#551a8b;
  	text-decoration:underline;
}

.vertical_menuprogrammes li {
  	margin:5px 0px 5px 12px;
}

.vertical_menucommissioners {
  	padding:0px; 
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

.vertical_menucommissioners li a, .vertical_menucommissioners li a:visited {
  	color:#613E00;
	text-decoration:none; 
}

.vertical_menucommissioners li a:hover {
	color:#551a8b;
  	text-decoration:underline;
}

.vertical_menucommissioners li {
  	margin: 5px 0px 5px 12px;
}


.vertical_menuresearch {
  	padding:0px; 
	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

.vertical_menuresearch li a, .vertical_menuresearch li a:visited {
  	color:#ED1C24;
	text-decoration:none; 
}

.vertical_menuresearch li a:hover {
	color:#551a8b;
  	text-decoration:underline;
}

.vertical_menuresearch li {
  	margin:5px 0px 5px 12px;
}


.vertical_menulinks {
  	padding:0px;
  	margin:0px auto;
	list-style-type:none;
	list-style-position:outside;
}

.vertical_menulinks li a, .vertical_menulinks li a:visited {
  	color:#00B9F2;
	text-decoration:none;
}

.vertical_menulinks li a:hover {

	color:#551a8b;
  	text-decoration:underline;

}

.vertical_menulinks li {

  	margin:5px 0px 5px 12px;

}

/* Footer */


#footer {

 	width:735px;

 	clear:both;
        float: left;
 	color:#fff;
 	background:#004c88;
 	padding:20px 10px 30px 10px;
	margin:0px;
	
}

/* Four Columns */


.ivcol_leftmiddle { 

 	margin-left:60px;
  	padding-right:10px;
  	padding-left:10px;
	margin-right:10px;
	width:281px;
 	float:left;

}

html>body .ivcol_leftmiddle { 
 	margin-left:131px;
}

.ivcol_rightmiddle { 

 	margin-right:10px;
 	padding-left:10px;
	width:136px;
 	float:left;

}

.ivcol_rightcolumn { 

 	margin:0px;
 	width:136px;
 	float:left;

}

#copywrite {
 	width:745px;
	height:40px;
 	background: #004c88;
	margin:1px 0px 0px 0px;
    padding-left: 10px;
    padding-top: 15px;
    float: left;
	color:#fff;
	
}


.ivcol_leftmiddle ul, .ivcol_rightmiddle ul, .ivcol_rightcolumn ul {
	margin:0px;

}
/* Colour Palette //////////////
////////////////////////////////*/


#printlayout {
	height:40px;
    width: 500px;
 	background: #fff;
	padding:10px;
	margin:1px 10px 0px 0px;
	color:#fff;
}


/* documents holder on pages //////////////
////////////////////////////////*/

a.document, a.document:hover{
	text-decoration: none;
}

.documents_holder_news {
	background-color:#D4EEE1;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_programmes {
	background-color:#FEEFDD;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_commissioners {
	background-color:#D7CFBF;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_research {
	background-color:#FDE8E9;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_training {
	background-color:#D9EAF5;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_about {
	background-color:#FBD6E7;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

.documents_holder_links {
	background-color:#D9F5FD;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}

/*.documents_holder{
	background-color:#D9F5FD;
	padding: 10px;
	margin: 0px 0px 5px 0px;
}*/

.documents_whitebox {
	background-color:#FFF;
	padding: 10px;
	margin: 0px;
}

#maincontentcon ul {
/*	padding: 10px 0px 10px 0px; */
}

#resetpasswordform {
	padding: 0px;
}



/*Apply for an account*/


.cms_signup_table input[type=text], .cms_signup_table input[type=password] {
	margin: 0px 0px 0px 0px;
	width: 160px;
	display: inline;
}

.cms_signup_table {
	margin: 0px 0px 20px 0px;	
	display: inline;
	float: left;
	padding: 0px 0px 0px 10px;
	width: 392px;
}

.cms_signup_table tr {
	vertical-align: top;
}

.cms_signup_table td {
	padding: 0px 0px 15px 0px;
}

.cms_signup_table textarea {
	width: 151px;	
	font-size:11px;
	line-height:140%;
	padding: 2px 2px 2px 2px;
}

html>body .cms_signup_table textarea {
	width: 160px;	
}

.error {
	width: 100%;
	float: left;
	padding: 10px 0px 0px 0px;
}

.signuppar {
	padding: 0px 0px 10px 0px;			
}

.cms_signup_table select {
	margin: 0px 0px 0px 0px;	
	width: 153px;	
	display: inline;
	padding: 3px 0px;
}

html>body .cms_signup_table select {
	width: 165px;	
}

.cms_signup_table input[type='checkbox'] {
	margin: 0px 5px 0px 0px;
	display: inline;
}