/*COLOR GUIDE:
	Pantone Violet = #440099
	Pantone Purple = #bb33bb
	Registration and Conduct (Bright Blue-Green) = #00b8b0
	Qualifications and Careers (Dark Blue-Green) = #006271
	Development and Innovation (Yellow) = #ffda00 
	Publications and Resources (Orange) = #f68b1f
	News and Events (Lime Green) = #94c948
*/

/* reset styles */

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* styles */

html {
	font-size: 62.5%;
}
body {
	margin: 0; padding: 0;
	font-size: 1em;
	line-height: 1.5em; 
	font-family: Arial, Helvetica, sans-serif;
	background-color: #efefef;
}
img {
	border: none;
}
a {
	color: #353e99; 
	text-decoration: underline;
}
a:hover, a:focus	{
	color: #bb33bb;
	text-decoration: none;
}
ul, ol {
	margin: 0; 
	padding: 0;
}
form, fieldset {
	margin: 0; padding: 0;
	border: 0;
}
em {
	font-style: italic;
}
strong { 
	font-weight: bold;
}
#wrapper {
	width: 960px;
	margin:  0 auto;
	padding: 0 0 20px;
	background-color: #FFF;
}
h1#logo a{
	display: block;
	width: 960px;
	height: 57px;
	background: url(../images/carecouncilwales-logo.png) no-repeat; /*Makes the image the background of the heading*/
	text-indent: -9000em; /*Hides link text visually, without hiding it from search engines and screen-readers. If styling and images are removed, the heading remains.*/
}

/* WYSIWYG */

.wysiwygleft{
	padding:10px 10px 10px 0;
}
.wysiwygright{
	padding:10px 0px 10px 10px
}
.wysiwyg{
	padding:10px;
}
#main .content,
#podcast.content #podcastLeft {
	font-size: 1.2em;
	line-height: 1.3em
}
#main .content p,
#podcast.content #podcastLeft p {
	font-size: 1em !important;
}
#main .content h1 { margin: 0.5em 0; }
#main .content h2 { color: #000; margin: 0.5em 0; font-size: 2em; }
#main .content ul { list-style: disc; }
#main .content ol { list-style: decimal; }
#main .content table                { width: 100%; border: 1px solid #000; border-width: 1px 0 0 1px; margin-bottom: 1em;}
#main .content table th,
#main .content table td             { width: auto; empty-cells: show; }
#main .content table th             { background-color: #353e99; color: #fff; text-align: center; font-weight: bold; padding: 9px 0; border-right: 1px solid #fff;  }
#main .content table td             { text-align: left; padding: 4px 9px; border: 1px solid #000; border-width: 0 1px 1px 0; background-color: #fff; }
#main .content table th.last        { border-right-color: #000; }

body.home #main .content table th           { background-color: #bb33bb; } /* purple */
body.about #main .content table th          { background-color: #7599d0; } /* light blue */
body.registration #main .content table th   { background-color: #00b8b0; color: #000000; } /* turquoise. NO [10/06/2011]: Added color re accessibility */
body.qualifications #main .content table th { background-color: #006271; } /* dark green */
body.news #main .content table th           { background-color: #94c948; } /* green */
body.development #main .content table th    { background-color: #ffda00; } /* yellow */
body.publications #main .content table th   { background-color: #f68b1f; } /* orange */
body.yourvoice #main .content table th      { background-color: #353e99; } /* standard blue */

/*** GENERIC ***/

.highlight {
	background: yellow;
	padding: 0 3px;
}
.warning {
	color: #C00;
	font-weight: bold;
}

/*** SPLASH ***/
#topnav				{ background-color: #bb33bb; color: #fff; min-height: 23px; height: auto; padding-top: 3px; width:960px;}
#splash_hdr			{ margin: 0; height: 68px; }
#banner				{ margin: 0; }
#splash_select		{ width: 650px; margin: 111px auto; }
#splash_select h2	{ font-size: 2em; margin: 10px 0 24px; }
#splash_select h2 a { color: #353e99; font-weight: bold; text-decoration: none; }
#splash_select h2 a:hover, #splash_select h2 a:focus { text-decoration: underline; }
#splash_select p	{ font-size: 1.2em; line-height: 1.2em; }
#splash_select div	{ width: 290px; min-height: 150px; padding-top: 0; }
#select_cymraeg		{ float: left; padding-right: 34px; border-right: 2px solid #353E99;  }
#select_cymraeg h2,
#select_cymraeg p	{ text-align: right; }
#select_english		{ float: right; }
#select_cymraeg .splash_button { float: right; }
.splash_button		{ display: block; width: 145px; background-color: #bb33bb; font-size: 0.9em; color: #FFF; text-align: center; padding: 10px; margin: 40px 0 20px; text-decoration: none; }
.splash_button:hover, .splash_button:focus { background-color: #353e99; color: #fff; }
#wag_logo			{ text-align: center; margin: 0 auto 47px; }
#splash_footer p	{ text-align: center; font-size: 1.1em; }
#footer ul.splash_footer	{ width: 912px; }
#footer ul.splash_footer li { padding-right: 14px; margin-right: 14px; border-right: 1px solid #bb33bb; }
#footer ul.splash_footer li.copyright { float: right; border-right: none; border-left: 1px solid #bb33bb; padding: 0 0 0 14px; margin-right: 0; }



/*** TOPNAV ***/
#topnav ul			{ list-style: none; margin: 4px 0 0 24px; float: left;  }
#topnav ul li		{ display: inline; margin-right: 15px; }
#topnav a			{ color: #fff; font-size: 1.1em; text-decoration: none; }
#topnav a:hover, #topnav a:focus	{ text-decoration: underline; }
#text_change		{ float: left; margin-left: 120px; }
#text_change p		{ margin: 0; padding: 0; font-size: 1.1em; }
#text_change p img { vertical-align: middle; }
#site_search		{ float: right; margin-right: 10px; }
#site_search label	{ vertical-align: middle; }
#site_search label,
#site_search input	{ font-size: 1.1em;margin-right:15px; }
#site_search input	{ vertical-align: middle; }
#site_search .searchbox { padding: 1px 2px; border: 1px solid #ce9ecb; font-family: Arial, Helvetica, sans-serif; font-size: 1.05em; width: 125px; }
.searchGo			{ font-family: Arial, Helvetica, sans-serif; background-color: #440099; color: #ffffff; border: 1px solid #220033; width:56px; margin-left: 2px; font-weight: bold; cursor: pointer;}
.searchGo:hover, .searchGo:focus { background-color: #8844DD;}

/*** HEADER ***/
h1					{ margin: 0; padding: 0; }
#header				{ margin: 0 auto; padding: 0; height: 57px; width: 960px; position: relative; }
#header a			{ display: block; }

.nav ul				{ list-style: none; margin: 3px 0px 3px 24px; }
.nav ul li			{ display: inline; font-size: 1.1em; }
.nav ul li a		{ display: block; float: left; text-decoration: none; width: 103px; color: #353e99; border-right: 1px solid #bb33bb; text-align: center; padding: 0 5px; min-height: 28px; height: auto; font-weight: bold;  }
.nav ul li a:hover, .nav ul li a:focus	{ color: #fff; background-color: #353e99; }
.nav ul li.first a	{ border-left: 1px solid #bb33bb; }
.nav ul li a span	{ display: block; line-height: 1.15; }
.nav li a span { vertical-align: middle;}
.nav ul li a.active	{ color:#ffffff; border-right: none; }
.nav ul li a.active:hover,.nav ul li a.active:focus	{ color:#ffffff;}

#lang				{ position: absolute; top: 17px; right: 26px; z-index: 1; width: 350px; }

.lang_toggle,
.search_register	{ background-color: #00B8B0; color: #000;display: block; float: right; text-decoration: none; padding: 4px 10px 5px; text-align: center; font-size: 1.1em; margin-left: 6px; cursor: pointer; }
.lang_toggle		{ background-color: #9D3C96; color: #FFF}
.lang_toggle:hover, .lang_toggle:focus	{ background-color: #fff;color: #000000; }
.search_register:hover, .search_register:focus { background-color:#FFF;color: #000000;}
.registerlink		{ display: block; background-color: #00b8b0; color: #000; padding: 6px 0 7px; font-size: 1.1em; font-weight: bold; text-decoration: none; text-align: center; margin-bottom: 10px; }
.registerlink:hover, .registerlink:focus { color: #ffffff; background-color: #00A1DA;}

#section_banner		{ height: 57px; background-color: #353e99; text-align: center; }
#section_banner div { height: 57px; }


/*** Headers ***/

.error li,
#main h2,
#main h3,
#main h4,
#main h5,
#podcast h3					{ color: #440099; }

/*** background colors ***/
.nav a.active,
body.home .nav a.active, 
body.home .nav a.focus,
body.home #subnav_menu h2,
#subnav_menu a:hover, 
#subnav_menu a:focus,
body.home #subnav_menu .active a	{ background-color: #bb33bb; }
body.home #subnav_menu .active a:hover {color: #FFF;}
body.home #subnav_menu .active .active a { background-color: #d685d6; }
body.home #subnav_menu .active .inactive a { background-color: #ebc2eb; }
body.home #subnav_menu .active .active .inactive a { color: #ba76b5; }
body.home #subnav_menu li ul li ul,
body.home #contact_form	{ background-color: #F6F6F6; }
body.about .nav a.active,
body.about #subnav_menu h2,
body.about #subnav_menu a:hover, 
body.about #subnav_menu a:focus,
body.about #subnav_menu .active a	{ background-color: #81A7E8; color: #000;}
body.about #subnav_menu .active .active a { background-color: #a2bff0; }
body.about #subnav_menu .active .inactive a { background-color: #D5E0F1;color:#000} 
body.about #subnav_menu .active .inactive a:hover { background-color: #81A7E8;color:#000} 

body.about #subnav_menu .active .active .inactive a	{ color: #000; }
body.about #subnav_menu .active .active .inactive a:hover{ color: #FFF }
body.about #subnav_menu li ul li ul,

body.about #contact_form	{ background-color: #F6F6F6; }

body.registration .nav a.active,
body.registration #subnav_menu h2,
body.registration #subnav_menu a:hover, body.registration #subnav_menu a:focus,
body.registration #subnav_menu .active a	{ background-color: #00b8b0; }
body.registration #subnav_menu .active .active a { background-color: #4ccdc8; }
body.registration #subnav_menu .active .inactive a { background-color: #b2eae7; }
body.registration #subnav_menu .active .inactive a:hover{ background-color: #00B8B0;color:#000 } 
body.registration #subnav_menu .active .active .inactive a { color: #4ccdc8; }
body.registration #subnav_menu li ul li ul,
body.registration #contact_form	{ background-color: #f6f6f6; }
body.registration .nav a.active,body.registration .nav a.active:hover {color:#000}
body.registration #subnav_menu .active a,body.registration #subnav_menu .active a:hover {color:#000}

body.qualifications .nav a.active,
body.qualifications #subnav_menu a:focus,
body.qualifications #subnav_menu .active a, body.qualifications #subnav_menu h2 a	{ background-color: #006271; color: #000;}
body.qualifications #subnav_menu .active a{color:#FFF}
body.qualifications #subnav_menu .inactive a{color:#000}
body.qualifications #subnav_menu a:hover, body.qualifications #subnav_menu h2 a:hover {background-color: #006271;color:#FFF}

body.qualifications #subnav_menu h2 a	{color: #ffffff;}

body.qualifications #subnav_menu .active ul .active a { background-color: #009ab1;color:#FFF }

body.qualifications #subnav_menu .active ul .active ul a { background-color: #e2f8fc;color:#000 }
body.qualifications #subnav_menu .active ul .active ul .active a { background-color: #057f92;color:#FFF;}
body.qualifications #subnav_menu .active .inactive a { background-color: #daf0f4;} 
body.qualifications #subnav_menu .active .inactive a:hover, body.qualifications #subnav_menu .active .inactive a:focus,
body.qualifications #subnav_menu .active .inactive a:focus {background-color: #006271;}
body.qualifications #subnav_menu .active .active .inactive a { color: #000;font-size:1.5em}
body.qualifications #subnav_menu .active .active .inactive a:hover { color: #FFF; }
body.qualifications #subnav_menu li ul li ul,
body.qualifications #contact_form	{ background-color: #F6F6F6; }

body.qualifications .nav a.active {color:#FFF}


body.news .nav a.active,
body.news #subnav_menu h2,
body.news #subnav_menu a:hover, 
body.news #subnav_menu a:focus,
body.news #subnav_menu .active a			{ background-color: #94c948;}
body.news .nav a.active,
body.news #subnav_menu h2 a{color: #000000;}
body.news #subnav_menu h2 a:hover, body.news #subnav_menu h2 a:active {color: #000000;}
body.news .nav a.active:hover			{ color: #000000;}
body.news #subnav_menu .active .active a { background-color: #b4d879; }
body.news #subnav_menu .active .inactive a { background-color: #dfeec5; } 
body.news #subnav_menu .active .inactive a:hover { background-color: #94C948; } 
body.news #subnav_menu .active .active .inactive a { color: #b4d879; }
body.news #subnav_menu li ul li ul	{ background-color: #dfeec5; }

body.development .nav a.active,
body.development #subnav_menu h2,
body.development #subnav_menu a:hover, body.development #subnav_menu a:focus,
body.development #subnav_menu .active a		{ background-color: #ffda00; color: #000000;}
body.development #subnav_menu .active .active a { background-color: #fbe14c; color: #000000;}
body.development #subnav_menu .active .inactive a { background-color: #FFEC7B; } 
body.development #subnav_menu .active .inactive a:hover { background-color: #fbe14c; } 
body.development #subnav_menu .active .active .inactive a { color: #ffda00; }
body.development #subnav_menu li ul li ul,
body.development #contact_form	{ background-color: #F6F6F6; }
body.development .nav ul li a.active:hover, body.development .nav ul li a.active:focus {color: #000000!important;}

body.publications .nav a.active,
body.publications #subnav_menu h2,
body.publications #subnav_menu a:hover, body.publications #subnav_menu a:focus,
body.publications h3.top_five,
body.publications #subnav_menu .active a	{ background-color: #f68b1f; color: #000000;}
body.publications h3.top_five {background:#F68B1F;color:#000}
body.publications .submit {background:#F68B1F !important}

body.publications .nav ul li a.active:focus, body.publications .nav ul li a.active:hover{color:#000000;}
body.publications #subnav_menu a:hover, body.publications #subnav_menu a:focus {color: #000;}
#subnav_menu a:hover, #subnav_menu a:focus {color: #ffffff;}
body.publications #subnav_menu .active .active a { background-color: #f9ae62; }
body.publications #subnav_menu .active .inactive a { background-color: #fcdcbb; } 
body.publications #subnav_menu .active .active .inactive a { color: #f9ae62; }
body.publications #subnav_menu li ul li ul,
body.publications #contact_form	{ background-color: #F6F6F6; }

body.yourvoice .nav a.active,
body.yourvoice #subnav_menu h2,
body.yourvoice #subnav_menu a:hover, 
body.yourvoice #subnav_menu a:focus,
body.yourvoice #subnav_menu .active a		{ background-color: #353e99; color:#ffffff;}
body.yourvoice #subnav_menu .active .inactive a { background-color: #c2c5e0;color:#000 } 
body.yourvoice #subnav_menu .active .inactive a:hover { background-color: #353e99;color:#FFF} 

body.yourvoice #subnav_menu .active .active a { background-color: #7178b7; }
body.yourvoice #subnav_menu .active .active .inactive a { color: #7178b7; }
body.yourvoice #subnav_menu li ul li ul,
body.yourvoice #contact_form	{ background-color: #F6F6F6; }

/*** border colors ***/
#subnav_menu h2 a,
#subnav_menu li a
body.home #subnav_menu h2 a,
body.home #subnav_menu li a,
body.home #subnav_menu li ul li ul,
.list .item							{ border-color: #bb33bb; color: #000;}

body.home #subnav_menu li a:hover{color:#000}
body.home #subnav_menu h2 a {color: #ffffff;}

#subnav_menu h2 a:hover, #subnav_menu h2 a:focus{color: #ffffff;}

body.about #subnav_menu h2 a,
body.about #subnav_menu li a,
body.about #subnav_menu li ul li ul,
body.about .list .item				{ border-color: #81A7E8;}

body.about #subnav_menu h2 a {color: #000;}

body.registration #subnav_menu h2 a,
body.registration #subnav_menu li a,
body.registration #subnav_menu li ul li ul,
body.registration .list .item		{ border-color: #00b8b0; }

body.registration #subnav_menu li a:hover{color:#000}
body.registration #subnav_menu h2 a {color:#000;}

body.qualifications #subnav_menu h2 a,
body.qualifications #subnav_menu li a,
body.qualifications #subnav_menu li ul li ul,
body.qualifications .list .item		{ border-color: #006271; }

body.news #subnav_menu h2 a,
body.news #subnav_menu li a,
body.news #subnav_menu li ul li ul,
body.news .list .item				{ border-color: #94c948;color:#000}

body.development #subnav_menu h2 a,
body.development #subnav_menu li a,
body.development #subnav_menu li ul li ul,
body.development .list .item		{ border-color: #ffda00; }

body.publications #subnav_menu h2 a,
body.publications #subnav_menu li a,
body.publications #subnav_menu li ul li ul,
body.publications .list .item		{ border-color: #f68b1f; color:#000000;}
body.publications #subnav_menu h2 a:hover, body.publications #subnav_menu h2 a:focus{color:#000000;}

body.yourvoice #subnav_menu h2 a,
body.yourvoice #subnav_menu li a,
body.yourvoice #subnav_menu li ul li ul,
body.yourvoice .list .item			{ border-color: #353e99; }

body.yourvoice #subnav_menu h2 a {color:#ffffff;}

.box_item p a {display: block; padding: 5px 0;font-size:1em}

/*** NEWS & EVENTS PAGE ***/
body.news .section	{
	/*padding: 7px 12px; NO [10/06/2011]: Not sure what this is for? */
	margin-bottom: 24px; 
}
body.news #contact_form {
	background-color: #F6F6F6;
}	
body.news #main .section h3	{
	float: left; background-color: #94c948; color: #fff; width: 136px; text-align: center; 
	padding: 3px 6px; font-size: 1.2em; font-weight: bold; margin: 0; 
}
#main .section .seeAll	a {
	float: left; width: 105px; font-weight: bold; font-size: 1em; padding-left: 20px; 
	background: transparent url('../images/green_arrow.png') center left no-repeat; 
	text-decoration: none; line-height: 1.3em; 
}
#main .section .seeAll a:hover, #main .section .seeAll	a:focus	{ text-decoration: underline; }

.bodyText img						{ float: left; margin: 0 16px 16px 0; } /* border: 1px solid #c8c7c7; */
 
#main p.location_organiser			{ clear: left; padding-top: 10px; }
/*** PUBLICATIONS PAGE ***/

body.publications .section			{ border-top: 1px solid #CCC; padding-top: 10px; margin-bottom: 15px; }
body.publications .label			{ width: 83px; float: left; padding: 0; }
body.publications .field			{ float: right; width: 364px; }

body.publications #main .AZ a		{ display: block; float: left; padding: 4px 0; width: 22px; text-align: center; border: 1px solid #CCC; margin: 0 4px 4px 0; text-decoration: none; font-weight: bold; font-size: 1.1em; }
body.publications #main .AZ a:hover, body.publications #main .AZ a:focus	{ background-color: #f68b1f; color: #fff; }
body.publications #main .AZactive a		{ display: block; float: left; padding: 4px 0; width: 22px; text-align: center; border: 1px solid #f68b1f; margin: 0 4px 4px 0; text-decoration: none; font-weight: bold; font-size: 1.1em; background-color: #f68b1f; color: #fff;  }

body.publications .section .label,
body.publications .section label	{ color: #333; }
body.publications .section .row .textbox			{ border-color: #999;  }
body.publications .section .submit	{ background-color: #333; color: #000; font-weight: bold; border: none; padding: 3px 8px; font-size: 1.1em; cursor: pointer; float:right }
body.publications .section .submit:hover, body.publications .section .submit:focus	{ background-color: #A01900;}

.alignright							{ text-align: right; }
.normal_weight						{ font-weight: normal; }
#list_register						{ background-color: #d7eeee; padding: 16px; margin: 0 0 20px -16px; }
#main #list_register h3				{ margin-bottom: 10px; }

/*** REGISTRATION PAGE ***/

.section							{ padding-top: 10px; margin-bottom: 15px; }
body.publications .row .label		{ border: none; }
.row .label	{
	width: 120px;  
	padding: 3px 6px 3px 0; 
	float: left; 
	color: #000; 
	text-align: right; 
	margin-right: 6px;
}
.row label	{
	width: 120px;  
	font-size: 1em; 
	padding: 3px 6px 3px 0; 
	color: #000; 
	text-align: right; 
	margin-right: 6px;
	font-weight: bold;
}
.row .field .label					{ width: auto; background-color: Transparent; border: none; }

body.registration .section			{ }
body.registration  #main h3.search_results	{font-size: 1.4em; color: #000; }
body.registration .section .row .textbox {border-color: #AAA; width: 295px; float: left;}
body.registration select			{ border-color: #000; width: 298px; float:left;}
body.registration .section .submit	{ background-color: #00b8b0; color: #000; font-weight: bold; border: none; padding: 1px 0 2px; width: 100px;  font-size: 1.1em; font-family: Arial, Helvetica, sans-serif; cursor:pointer;}
body.registration .section .submit:hover { background-color: #00A1DA;}

.fieldset							{ float: left; width: 560px; }

table.search_results				{ width: 668px; border: 1px solid #000; border-width: 1px 0 0 1px; }
table.search_results th,
table.search_results td				{ font-size: 1.1em; width: 110px; empty-cells: show; }
table.search_results th				{ background-color: #00b8b0; color: #fff; text-align: center; font-weight: bold; padding: 9px 0; border-right: 1px solid #fff;  }
table.search_results td				{ text-align: left; padding: 4px 9px; border: 1px solid #000; border-width: 0 1px 1px 0; background-color: #fff; }
table.search_results th.last		{ border-right-color: #000; }

/*** YOUR VOICE > CONTACT US PAGE ***/

body.yourvoice .section				{ border-top: 1px solid #CCC; }
body.about .section					{ border-top: 1px solid #CCC; }
body.qualifications .section		{ border-top: 1px solid #CCC; }
body.news .section					{ border-top: 1px solid #CCC; }
body.development .section			{ border-top: 1px solid #CCC; }
body.publications .section			{ border-top: 1px solid #CCC; }

.section .row .textbox	{ border-color: #999; width: 255px; }
.row select				{ border-color: #999; width: 255px; }
body.yourvoice textarea	{ width: 355px; margin: 0; border: 1px solid #999; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; }
.row img				{ margin: 0 0 10px 188px; border: 1px solid #000; }
body.yourvoice .row table { margin-left: 172px; }
#contact_form .submit {
	color: #fff; font-weight: bold; border: none; padding: 1px 0 2px; 
	margin: 20px 20px 0 20px; width: 100px;  font-size: 1.2em; font-family: Arial, Helvetica, sans-serif;
	float: right; cursor:pointer; background:#da67d2;
}
#contact_form .submit:hover {
	background-color: #c647bd;
}
body.yourvoice #contact_form .submit		{ background-color: #444; }
body.about #contact_form .submit			{ background-color: #444; }
body.qualifications #contact_form .submit	{ background-color: #444; }
body.news #contact_form .submit				{ background-color: #444; }
body.development #contact_form .submit		{ background-color: #444; }
body.publications #contact_form .submit		{ background-color: #444; }

body.yourvoice #contact_form .submit:hover		{ background-color: #8b92d1; }
body.about #contact_form .submit:hover			{ background-color: #5A77A1; }
body.qualifications #contact_form .submit:hover	{ background-color: #04879d; }
body.news #contact_form .submit:hover				{ background-color: #82bd23; }
body.development #contact_form .submit:hover		{ background-color: #e1c20b; }
body.publications #contact_form .submit:hover		{ background-color: #cb6600 !important; }

/*** NAV ***/
body.home #subnav_menu h2.inactive,
body.about #subnav_menu h2.inactive,
body.registration #subnav_menu h2.inactive,
body.qualifications #subnav_menu h2.inactive,
body.news #subnav_menu h2.inactive,
body.development #subnav_menu h2.inactive,
body.publications #subnav_menu h2.inactive,
body.yourvoice #subnav_menu h2.inactive		{background-color: #fff;}

body.home #subnav_menu h2.inactive a,
body.about #subnav_menu h2.inactive a,
body.registration #subnav_menu h2.inactive a,
body.qualifications #subnav_menu h2.inactive a,
body.news #subnav_menu h2.inactive a,
body.development #subnav_menu h2.inactive a,
body.publications #subnav_menu h2.inactive a,
body.yourvoice #subnav_menu h2.inactive a	{color: #000;}
#content									{overflow: hidden; padding: 11px 0 45px 0;}

/*** HOMEPAGE ***/

/*** COLS ***/

.col				{ width: 152px; padding-top: 20px; }
.left				{ float: left; margin: 0 76px 0 24px; }
.right				{ float: right; margin: 0 24px 0 0;overflow:hidden}

.box h3,
h3.list_header,
.right h3			{ background-color: #353E99; text-align: center; color: #ffffff; padding: 7px 5px 8px; margin: 0; font-size: 1.1em; font-weight: bold; }
h3.list_header		{ background-color: #353e99; color: #ffffff; margin-bottom: 10px; }

.box h3 a,
.right h3 a			{ color: #fff; display: block; text-decoration: none; cursor: pointer; }

ul.resources		{ list-style: none; margin: 10px 0;font-size:1.2em }

.right ul li,
ul.resources li		{ line-height: 1.4em; }

.right ul li a		{ line-height: 1.4em; text-decoration: underline;}
.right ul li a:hover, .right ul li a:focus{ text-decoration: none;}
.acrobat p			{ font-size: 1.1em; line-height: 1.4em; margin: 1em 0; }
.center				{ text-align: center; }

/*** SUBNAV ***/

#subnav_menu .content {padding-left: 0;padding-right: 0;padding-bottom: 8px;}
#subnav_menu h2	{text-align: center; background-color: #bb33bb; line-height: 1em; margin: 0; padding: 0; margin-bottom: 10px; }
#subnav_menu h2 a { font-size: 1.1em; padding: 6px 0 7px; border: 1px solid #bb33bb; }
#subnav_menu h2 a:hover, #subnav_menu h2 a:focus{ color: #ffffff; }
/*body.development #subnav_menu h2 a,
#subnav_menu h2 a:hover, #subnav_menu h2 a:focus	{ color: #000000; }*/
#subnav_menu .inner {font-size: 1.6em;}
#subnav_menu ul { list-style: none; }
#subnav_menu li {
	padding: 0;
	margin: 0;
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 10px;
}
#subnav_menu li ul li {margin: 0;}
#subnav_menu a			{ text-decoration: none; display: block; }
#subnav_menu li a		{ border: 1px solid #bb33bb; padding: 7px 3px 7px 10px; font-size: 1.2em; font-weight: bold; color: #000; }
#subnav_menu .active a {background-color: #000; color: #ffffff;}
#subnav_menu .active .active a { border-bottom: none; }
#subnav_menu .active .active .active a { color: #000; }
#subnav_menu li ul li a { border-width: 0 1px 1px; font-size: 1.4em; font-weight: normal; background-color: #fff; }
#subnav_menu li ul li ul li a { border-width: 0 1px; font-size: 1.4em; font-weight: normal; padding:5px 3px 5px 20px; background: transparent url(../images/bg-dash.png) 10px 10px no-repeat;  }
#subnav_menu li ul li ul { border-bottom: 1px solid #000; }
#subnav_menu .active .inactive a { background-color: #fff; color: #000; }
#subnav_menu .active .active a { background-color: #888; }
#subnav_menu a:hover, #subnav_menu a:focus { background-color: #bb33bb; color: #ffffff;}

.left .list,
.left .list li		{ margin-bottom: 10px; }
.left .list li a	{ text-decoration: none; display: block; border: 1px solid #353e99; padding: 7px 3px 7px 10px; font-size: 1.1em; font-weight: bold; color: #353e99; }
.left .list li a:hover	{ background-color: #353e99; color: #fff; }
.left .list li a:focus	{ background-color: #353e99; color: #fff; }

/*** MAIN ***/

#main					{ padding: 0 0 17px 0; float: left; width: 457px; }
body.wide.registration #main,
.wide #main				{ width: 571px; }

/*** 2 column width ***/

body.registration #main.fullwidth { width: 684px; }

#main h2		{ font-size: 2em; font-weight: bold !important; margin: 1em 0; }
#main h3, #podcast h3		{ font-size: 1.5em; margin-bottom: 0.75em; }
#main h3.section_title { font-size: 1.3em; }
#main h4		{ font-size: 1.2em; margin-bottom: 0.75em; }
#main h5		{ font-size: 1em; margin-bottom: 0.75em; }

/* fix wysiwyg editor bugs */
#main h3 p,
#main h4 p,
#main h5 p		{ font-size: 1em; line-height: 1em; }

#main a {
	color: #440099;
	text-decoration: none;
	font-weight: bold;
}
#main a:hover, #main a:focus {
	text-decoration: underline;
}
#main .LB {
	font-size: 1.75em; font-weight: bold;
}
#main .MB {
	font-size: 1.5em; font-weight: bold;
}
#main .SB {
	font-size: 1.1em; font-weight: bold;
}
#main p .LB,
#main li .LB {
	font-size: 1.5em;
}
#main p .MB,
#main li .MB {
	font-size: 1.1583em; /* same as h4 */
}
#main p .SB,
#main li .SB {
	font-size: 1.1em;
}
#main p,
#podcast.content #podcastLeft p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 1.3em;
	padding: 0;
}
#main li {
	
	line-height: 1.3em;
	margin-bottom: 0.5em;
	padding: 2px 0;
	list-style-position: inside;
}
#main ul,
#main ol {
	margin: 10px 0 10px 30px;
}
#main span.middleindent,
#main span.indent_left {
	display: block;
	margin-left: 30px;
	line-height: 1.3em;
}
#main span.middleindent,
#main span.indent_right {
	display: block;
	margin-right: 30px;
	line-height: 1.3em;
}
#main .banner {
	width: 464px;
	height: 172px;
}
/*** TABBED CONTENT ***/
#main ul.tabs 
{
	width: 456px;
	list-style: none;
	margin: 70px 0 10px;
	padding: 0 0 0 1px;
	background: transparent url(../images/bg-tabs.png) top left repeat-y;
	border: 1px solid #353e99;
	border-width: 1px 0;
}
ul.tabs li {
	display: inline;
}
#main ul.tabs li a {
	display: block;
	float: left;
	padding: 8px 5px;
	text-align: left;
	color: #fff !important;
	width: 104px;
	text-decoration: none;
	font-weight: bold;
	overflow: hidden;
	font-size:1.2em;
	line-height: 1.15;
}
#main ul.tabs li a p {margin: 0;}

h2.tab1 { color: #353e99 !important;}
h3.tab2 { color: #EC008C !important; }
h3.tab3 { color: #00b8b0 !important; }
h3.tab4 { color: #353e99 !important; }   /* ffda00 */

#main ul.tabs li a.tab4 { color: #353e99 !important; }

/*.tabbed { border: 1px solid #353e99; }*/
#tab1 { border: 1px solid #353e99; }
#tab2 { border: 1px solid #EC008C; }
#tab3 { border: 1px solid #00b8b0; }
#tab4 { border: 1px solid #ffda00; }

.tabbed { width: 456px; }
.tabbed_content { padding: 1em; }

#main h2.tab_title,
#main h3.tab_title { font-size: 1.2em; margin: -0.75em -0.8em 1em -0.75em; padding: 0.5em 1em; }

body.registration #main .tabbed_content .submit { background-color: #00B8B0; color: #000; font-weight: bold; border: none; padding: 3px 8px; font-size: 1.1em; text-decoration: none; margin-bottom: 1em; display: inline-block; }
body.registration #main .tabbed_content a.submit { padding: 5px 13px; font-size: 0.9em;  text-decoration: none; margin-bottom: 1em; display: inline-block; }

/*** QUESTIONNAIRES ***/
#main ol#questions {
	margin: 10px 0;
	list-style: decimal;
	font-size:11.4px;
} 
ol#questions li {
	/*border-top: 1px solid #353e99;*/
	padding: 7px 10px 14px;
	color:#440099;
}
/*** LIST ***/

.list {
	overflow: hidden;
	margin-bottom: 30px;
}
.list .item {
	border-top: 1px solid #bb33bb;
	overflow: hidden;
}
.publications .item {
	padding: 12px;
}
.publications .item p img {
	vertical-align: middle;
}
#list_news .item {
	padding: 7px 0;
}

.news_title .image {
	float: left;
	width: 56px;
	margin: 0 10px 0 0;
}
#list_news a {color:#440099}
#list_news .image,
#item_news .image {
	float: left;
	width: 90px;
	margin: 4px 0 0 0;
}
.newsletter_image				{ float: left; width: 120px; margin: 4px 0 0 0; }
.newsletter_image img,
.image img { border: 1px solid #c8c7c7; }

.newsletter_image img {
	width: 100px;
	height: 141px;
}
.news_title {
	margin-bottom: 18px;
}
#main .news_title h3 {
	font-size: 1.3em;
	line-height: 1.3;
}
.news_title h3 .date {
	font-weight: normal;
}
.bodyContent {
	padding: 0 0 15px 0;
}
.description {
	overflow: hidden;
	padding: 0;
	float: left;
	width: 357px;
}
.image_caption em { line-height: 1.3em; }
.newsletter_description { width: 320px; padding: 0; float: left;  }

#main .newsletter_description h3 {
	font-size: 1.6em;
	color:#333;
}
#main .newsletter_description p,
#main .description p { line-height: 1.2em; }
#main .newsletter_description h3,
#main .description h3,
#main .description h4 { margin-bottom: 0.3em; }
#main .description h3 {font-size: 1.4em;}

.description .title 
{
	float: left;
	width: 215px;
}
.description .date 
{
	float: right;
	width: 130px;
	text-align: right;
}
#list_news p {
	margin-bottom: 0;
}
#list_news h3 a {
	font-weight: bold;
}
#list_dictionary .item {
	border-bottom: 1px solid #DAD9D9;
}
#list_division {
	padding: 0 0 44px 0;
}
#list_division .item {
	float: left;
}
#list_division .last {
	padding: 0;
}
#list_division .image {
	padding: 10px 0 5px 0;
}
#list_division  h3 a {
	font-weight: bold;
	font-size: 0.9em;
}
#list_division p {
	margin: 0;
}
.wide .item {
	/*width: 222px;*/
	padding: 0 25px 0 0;
}
.narrow .item {
	width: 163px;
	padding: 0 20px 0 0;
}
#list_staff {
	padding: 12px 0 0 0;
}
#list_staff h3 {
	font-weight: bold;
	font-size: 1.3em;
	padding: 6px 0 14px 0;
}
#list_staff .item {
	border-top: 1px solid #dad9d9;
	padding: 20px 0;
}
#list_staff .item h3 {
	color: #052046;
	padding: 0;
}
#list_staff .image {
	width: 115px;
	float: left;
	padding: 0 20px 0 0;
}
#list_staff .description {
	overflow: hidden;
}
#list_staff p {
	margin: 0;
}
#list_faq  {
	border-bottom: 1px solid #dad9d9;
	padding: 0 0 16px 0;
}
#list_faq .item {
	padding: 10px 0 10px 0;
	/*border-top: 1px solid #DAD9D9;*/
}
#list_faq .heading {
	font-weight: bold;
	border-bottom: 1px solid #DAD9D9; 
	padding: 5px 0 5px 0;
}
#list_faq h3 a {
	text-decoration: none;
}
#list_faq p {
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
}
#list_jobs {
	padding: 10px 0 10px;
	border-bottom: 1px solid #7599d0;
	margin-bottom: 10px;
}
#list_jobs .item {
	border-top: 1px solid #7599d0;
	padding: 10px 0 20px;
}
#list_jobs h3	{ margin-bottom: 1em; }
#list_jobs h4	{ line-height: 1.5em; }
#list_jobs p {
	margin: 0 0 10px;
}
#list_resource {
	padding: 10px 0 0 0;
}
#list_resource .item {
	padding: 10px 0;
	border-top: 1px solid #dad9d9;
}
#list_resource h3 {
	font-size: 1.3em;
	font-weight: bold;	
	padding-bottom: 5px;
}
#list_resource p {
	margin: 0;
	padding: 2px 0;
	overflow: hidden;
	clear: both;
}
#list_resource a {
	overflow: hidden;
	
}
#list_resource a img {
	display: block;
	float: left;
	margin: 4px 5px 0 0;
}
#list_resource a span {
	float: left;
	text-decoration:none;
}
#list_product .item {
	border-top: 1px solid #dad9d9;
	padding: 15px 0 10px 0;
}
#list_product .image {
	float: left;
	margin: 0 10px 0 0;
}
#list_product .description {
	overflow: hidden;
}
#list_product p {
	margin: 0 0 5px 0;
	padding: 0;
}
#materials_list .item,
#materials_list2 .item{
	border-top: 1px solid #dad9d9;
	padding: 15px 0;
}
.posRight{
	position:absolute;
	right:0;
	top:0;
}
.item .heading{
	position:relative;
	font-size:1.2em;
}
#materials_list h2,
#materials_list2 h2 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 0 0px 0;
}
#materials_list p,
#materials_list2 p{
	margin: 5px 0;
}
#pageList .item h3{
	margin:0px 0 0 10px;
	float:left;
	width:225px;
	font-weight:bold;
}
#pageList .item{
	border-top: 1px solid #dad9d9;
	padding:15px 0;
}
#pageList .item img{
	float:left;
}
#pageList .item p{
	float:left;
	width:225px;
	margin-left:10px;
}

/*** BOX ***/

.box_form {
	overflow: hidden;
}
.box_form .textbox {
	background: url(../images/textbox_small.png) no-repeat right top;
	border: 0;
	width: 120px;
	height: 17px;
	padding: 4px 0 0 5px;
	margin: 4px 0;
	color: #333333;
	font-size: 1.1em;
	float: left;
}
.box_form .label {
	display: block;
	clear: both;
	font-size: 1.1em;
	padding: 2px 0 0 0;
}
.box .submit,
.box .hSubmitProduct {
	float: left;
	padding: 6px 0 0 6px;
}
.box .resources li {
	overflow: hidden;
}
.box .resources li,
.right .resources li 
{
	padding-left: 22px;
	margin-bottom: 8px;
}
.box .resources li a img,
.right .resources li a img 
{
	margin: 2px 0 0 -22px;
	vertical-align: middle;
}
.box li a img {
	float:left;
	left:-3px;
	top:-1px;
	margin:0 4px 0 0;
	position:relative;
}
#cta_dictionary{
	min-height:118px;
}
#cta_newsletter .content,
#cta_dictionary .content {
	width: 156px;
}
.backtonews{
	text-align:right;
	font-size:0.7em;
	position:absolute;
	right:0;
}

/*** FORM ***/
.row								{ margin-bottom: 10px; }
body.news .section .field			{ float: right; width: 260px; text-align: right; }
.section .field	input				{ vertical-align: middle; }
.form								{overflow: hidden;}

.section .field .textbox,
.section .textbox { width: 154px; }

.textbox,
select {border: 1px solid #b5b5b5;padding: 1px;font-family: Arial, Helvetica, sans-serif;font-size: 1.2em;}

.section .field select	{ width: auto; }
.section .label			{ float: left; font-size: 1.1em; padding: 0 6px 0 0; font-weight: bold; }
.section .label	select	{ margin-left: 10px; }

td label				{ font-size: 1.1em; }

.form .title			{width: 76px;}
.form .section			{overflow: hidden;}
.form .field			{float: left;padding: 0 25px 0 0;}
.form .checkboxes		{overflow: hidden;padding: 16px 0 0 0;}

.form .checkboxes .label,
.form .control			{float: left;padding: 0;}
.form .control textarea {width: 255px;}
.form .control			{width: 255px;}
.form .control.nolabel	{margin-left: 172px;}
.form .checkboxes .label {padding-top: 3px;}

.fieldset .control		{float: left;}
.feildset .label		{float: left;}

label.error 
{
	color: #ff0000;
}
#loginForm h3 { font-size: 1.6em; }

#loginForm .label,
#passwordForm .label 
{
	font-weight: normal;
	width: 100px;
	height: 1em;
	overflow: hidden;
	float: left;
	text-align: left;
}
#loginForm .submit {
	background: #bb33bb;
	color: #ffffff;
	font-weight: bold;
	border: none;
	padding: 3px;
}
#passwordForm .submit {
	background: #bb33bb;
	color: #ffffff;
	font-weight: bold;
	border: none;
	padding: 3px;
}
#passwordForm .textbox {
	width: 200px;
}
.captcha {
	overflow: hidden;
	padding: 16px 0 0 0;
}
.captcha #captcha {
	float: left;
	margin: 0 20px 0 0;
}
.captcha .label {
	padding-top: 0px;
}
.captcha br {
	display: none;
}
#job_search {
	overflow: hidden;
	padding: 10px 0 0 0;
}
#job_search .label {
	font-size: 1.2em;
	padding: 4px 6px 7px 0;
	float: left;
}
#job_search .control {
	padding:  0;
	float: left;
}
#job_search .submit {
	margin: 2px 0 0 10px;
	float: left;
}

/*** SEARCH ***/

.site_search {
	overflow: hidden;
}
.site_search p {
	clear: both;
}
.site_search label {
	font-size: 1.2em;
	float: left;
	margin: 3px 6px 0 0;
}
.site_search .textbox input {
	float: left;
}
.site_search .search_submit {
	margin: 0 0 0 6px;
	float: left;
}
#main ul.search_results { margin-left: 0; }
#main ul.search_results li { margin-bottom: 1em; font-size: 1.4em; line-height: 1.2em; }

.search_control { border-bottom: 1px solid #353e99; padding-bottom: 10px; }
.search_control select,
.search_control input { margin: 0 10px 10px 0; margin-right: 100px;}
.search_control label { font-size: 1.2em; margin-right: 10px; }

/*** CONTACT INFO ***/

.contact_info {
	border-top: 1px solid #dad9d9;
	padding: 20px 0 0 0;
	margin: 18px 0 9px 0;
	overflow: hidden;
}
.contact_info .section {
	width: 50%;
	float: left;
}
.contact_info .section p {
	margin: 0 !important;
	padding: 0px 0 15px 0 !important;
}
.contact_info h3 {
	font-weight: bold;
	font-size: 0.9em;
}

/*** DECORATION ***/

.decoration {
	position: absolute;
	right: 15px;
	top: 15px;
}
#cta_dictionary .decoration {
	background: url(../images/deco1.png) no-repeat;
	width: 24px;
	height: 45px;
}

#subnav_menu .decoration {
	background: url(../images/deco1.png) no-repeat;
	width: 17px;
	height: 32px;
}
#cta_newsletter .decoration {
	background: url(../images/deco2.png) no-repeat;
	width: 25px;
	height: 54px;
}
#cta_resources .decoration {
	background: url(../images/deco3.png) no-repeat;
	width: 22px;
	height: 51px;
}
#cta_links {font-size:1.2em}
#cta_links .decoration {
	background: url(../images/deco4.png) no-repeat;
	width: 55px;
	height: 24px;
}
#cta_links h2,
#cta_resources h2{
	margin-bottom:15px;
}
#cta_links p {
	margin: 10px 0;
}
#cta_callback .decoration {
	background: url(../images/deco6.png) no-repeat;
	width: 28px;
	height: 60px;
}
#cta_callback .content {
	width: 147px;
}
#cta_map .decoration {
	background: url(../images/deco7.png) no-repeat;
	width: 91px;
	height: 131px;
	top: 0;
	z-index: 2;
}
#main #cta_map a{
	color:#00C0F3;
}

/*** PAGINATION ***/

.paginationF,
.pagination,
#pagination {
	color: #000;
	font-size: 1.1em;
	padding: 10px 0 10px 26px;
	background: transparent url(../images/turq_arrow.png) left center no-repeat;
	margin: 20px 0 0;
}
.publications .pagination {
	background: transparent url(../images/orange_arrow.png) left center no-repeat;
	line-height: 3em;
}
.currentPage,
#pagination strong {
	background: #000;
	color: #ffffff;
	font-weight: bold;
	padding: 1px 5px;
	margin: 0 3px;
	border: 1px solid #000;
}
#main .paginationF a,
#main .pagination a,
#main #pagination a {
	text-decoration: none !important;
	padding: 1px 5px;
	border: 1px solid #c8c7c7;
	margin-right: 5px;
}
#main .paginationF a:hover, #main .paginationF a:focus,
#main .pagination a:hover, #main .pagination a:focus,
#main #pagination a:hover, #main #pagination a:focus {
	background-color: #440099;
	color: #ffffff;
}
.pagedots,
.current
{
	margin-right: 5px;
}

/* body.registration */

#main .pagination a:hover,
#main .pagination a:focus,
body.registration #main .paginationF a:hover,
body.registration #main .pagination a:hover,
body.registration #main #pagination a:hover { background-color: #00b8b0; color: #fff; }

.paginationSeparator {display: none;}

.publications #main .pagination a:hover, .publications #main .pagination a:focus {
	background-color: #f68b1f;
	color: #fff;
 }

/*** LINKS ***/
#main h3.link_category {
	font-size: 1.3em;
}

/*** SEARCH RESULTS ***/
.searchitem {
	font-size: 1.2em;
	padding: 0 0 20px 0;
}
.searchitemsummary {
	padding: 2px 0 0 0;
}

/*** FOOTER ***/

#footer {
	border-top: 1px solid #c8c7c7;
	overflow: hidden;
	padding: 6px 0 6px 0;
	background:#FFF;
	width:960px;margin:0 auto;
	display:block !important;
}
#footer ul {
	margin: 0 0 0 24px;
	padding: 0;
	float: left;
	width: 525px;
}
#footer li {
	list-style: none;
	float: left;
	font-size: 1.1em;
	color: #353E99;
	margin-right: 30px;
	font-family: Arial, sans-serif;
	line-height: 1.2em;
}
#footer a {
	color: #353E99;
	text-decoration:underline;
}
#footer a:hover, #footer a:focus{
	color: #bb33bb;
	text-decoration: none;
}
#footer .last {
	background: none;
	margin-right: 0;
}
#footer li.first{
	background: none;
}
#footer p {
	float: left; width: 375px; padding: 0; margin: 0; font-size: 1.1em; line-height: 1.2em; color: #353E99;
}
.lightBoxList a{
	margin:2px;
}
#main #sitemap ul,
#main #sitemap li{
	font-size:12px;
}
#main #sitemap ul{
	list-style:disc;
	margin-top:3px;
	margin-bottom:3px;
}
.map{
	float:left;
}
.mapLinks  {
	padding: 10px 0 0 0;
}
.mapLinks .mapLinkList {
	overflow: hidden;
	margin: 10px 0 14px 0;
}
.mapLinks .mapLinkList .image {
	float: left;
	margin: 0 15px 0 0;
}
.mapLinks .mapLinkList a {
	font-weight: normal;
}
.mapLinkList h3 a{
	font-weight:bold;
}
.mapLinkList h3,
#main .mapLinkList p{
	margin:0px 0;
}
.worldMap{
	clear:both;
}
.hSubmitPSearch,
.hSubmitCallBack,
.hSubmitNewsletter{
	position:relative;
	top:6px;
	left:4px;
}
.hSubmit{
	position:relative;
	top:2px;
	right:2px;
}
.floatleft		{ float: left; }
.floatright		{ float: right; }
.imgleft		{ float: left; margin: 0 10px 10px 0; }
.imgright		{ float: right; margin: 0 0 10px 10px; }
.flv			{clear: left;}

/*** clearfix ***/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}

/* Google */
.GoogleMap {padding: 0;width: 453px;height: 220px;}
* html .GoogleMap { width: 450px; }
* html .GoogleMap #map { width: 450px; }
.GoogleMap #map {	width: 453px;	height: 220px;	}
.GoogleMap, .GoogleMapWide {border: 1px solid #DAD9D9;padding: 0;	margin: 1em 0 1em 0;}
.GoogleMapWide {margin: 10px 0 1em 0;}	
.GoogleMapWide #map {width:100%; height:460px;}

#podcastLeft {width:360px;float:left;margin-right:20px;padding-top:20px}
#podcastLeft h2 {font-size:20px;margin-bottom:10px;text-transform:capitalize;color:#440099}
/*#podcastLeft p {font-size:1.2em;color:#666;margin-bottom:10px} */
#podcastLeft a {font-weight:bold}
#podcastLeft img {margin-bottom:20px;overflow:hidden;display:block;color:#FFF}
#podcastRight {width:260px;float:right;padding-top:20px}
#podcastRight .pagination {background:0;padding:0}
#podcastRight .pagination a {margin-left:5px}
#podcastRight .item {margin:10px 0;overflow:hidden}
#podcastRight h2 {font-size:20px;text-transform:capitalize;color:#440099}
#podcastRight .description{width:200px}
#podcastRight .description h3 {margin:5px 0;font-size:12px}
#podcast{width:700px;float:left}
#audio{margin-bottom:20px}
#podcastLeft #fms 
{
	margin-bottom: 20px;
}


#loginForm label{width:100%;display:block;margin-bottom:20px;padding:0;float:none}

.noRightCol h2.title {display:none}
#forumForm {background:#EEE;padding:10px}
#forumForm .section {border-top:0}
#forumForm textarea {border:1px solid #AAA}

#forumForm .control, #forumForm .field, #forumForm .label{float:none;margin-bottom:10px}
#forumForm input[type=text], #forumForm textarea {padding:2px;width:430px}

#forum .pagination {clear:both}
#forum ul li.odd{background:#EEE}

#forum br, #forum hr {display:none}

#main .content #forumTable {background:#FFF;border:1px solid #CCC;margin:20px 0;padding:0}
#main .content #forumTable tr {border:0}
#main .content #forumTable td {border:0;padding:10px}
#main .content #forumTable tr td.odd {background: #EEE !important}

#forum #contact_form .submit {float:left;margin-left:0;padding-left:0}
#forum .news_list {clear:both}

#forum ul {list-style-type:none;margin:10px 0;padding:10px 10px 0 10px; background: #eeeeee; display: block; overflow: hidden;}
#forum ul li {list-style-type:none; list-style-position: outside;}
#forum ul li.item .description {padding:20px 0 10px 0}
#forum h3.h3resSize {margin-bottom:20px;display:block}

#forum ul li.item 
{
	background-color: #ffffff;
	display: block;
	margin: 0 0 10px 0;
	padding: 10px;
	position: relative;
	overflow: hidden;
}
#forum ul li.item h3 
{
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 120px;
}
#forum ul li.item .author 
{
	
}
#forum ul li.item .num-posts 
{
	position: absolute;
	right: 10px;
	text-align: right;
	top: 30px;
}
#forum ul li.item .num-posts .imposing
{
	font-weight: bold;
}
#forum ul li.item .num-views 
{
	position: absolute;
	right: 10px;
	text-align: right;
	top: 50px;
}
#forum ul li.item .num-views .imposing
{
	font-weight: bold;
}
#forum ul li.item .date 
{
	position: absolute;
	right: 10px;
	text-align: right;
	top: 10px;
}
.lnk-action 
{
}
.buttons 
{
	display: block;
	
}

#addThread{display:none}

.row label.rememberlabel {text-align:left}
body.publications .label {width:150px;float:left;margin-left:0;padding-left:0;text-align:left}
.row label  {width:150px}
#sitemap a {text-decoration:none}

.box_item p {font-size:1.2em;margin-bottom:10px}
.box_item img {margin-bottom:10px;width:100%}
body.qualifications #subnav_menu h2.inactive a {color:#FFF}
body.publications .box h3, body.publications h3.list_header, body.publications .right h3 {background:#F68B1F;color:#000}
.section .row .textbox, .section .row select {float:right} 
#main .content img {margin-right:10px}

/* ..... */
body.home #contact_form {
    background-color: #E1C4DF;
    width: 568px;
}
body.about #contact_form {
    background-color: #D5E0F1;
    width: 568px;
}
body.registration #contact_form {
    background-color: #B2EAE7;
    width: 568px;
}
body.qualifications #contact_form {
    background-color: #B2CFD4;
    width: 568px;
}
body.news #contact_form {
    background-color: #DFEEC5;
    width: 568px;
}
body.development #contact_form {
    background-color: #FFEC7B;
    width: 568px;
}
body.publications #contact_form {
    background-color: #FCDCBB;
    width: 568px;
}
body.yourvoice #contact_form {
    background-color: #C2C5E0;
    width: 568px;
}
body.yourvoice #contact_form .submit {
    background-color: #353E99;
}
body.about #contact_form .submit {
    background-color: #7599D0;
}
body.qualifications #contact_form .submit {
    background-color: #006171;
}
body.news #contact_form .submit {
    background-color: #94C840;
}
body.development #contact_form .submit {
    background-color: #c9ac00;
}
body.publications #contact_form .submit {
    background-color: #F68B1F;
}
body.registration #contact_form .submit {
    background-color: #00B8B0;
}

body.registration #contact_form .submit:hover {
    background-color: #038b85;
}

body.home #subnav_menu h2 a,body.home #subnav_menu li.active a,body.home #subnav_menu .inactive a:hover {color:#FFF;background-color:#bb33bb}
body.home #subnav_menu li.inactive a {color:#000}

#contact_form .row .label 
{
	padding-left:10px;
	width:220px !important; /* NO [10/06/2011]: Changed from 198px */
	text-align:right;
}
#contact_form #captcha {float:right;margin-right:20px}
#contact_form .section .row .textbox {width:305px}
#contact_form .control textarea {width:305px}
#contact_form .form .checkboxes .label,
#contact_form .control			{float: right;padding: 0;margin-right:20px}
#__aspnetForm .form .control textarea {width: 100%;}
#contact_form .control			{width: 305px;}
#contact_form .form .control.nolabel	{margin-left: 172px;}
#contact_form .form .checkboxes .label {padding-top: 3px;}
#contact_form .row select {width:305px}
#contact_form .section .clearfix .label { margin-right: 0; padding-top: 5px;} /* NO [10/06/2011]: Added */
#contact_form .section .clearfix label { float: none; margin-right: 0;} /* NO [10/06/2011]: Added */

#loginForm .row, #loginForm .row .label {clear:both}
#loginForm .row, #loginForm .row label {text-align:left;margin-bottom:5px}
#loginForm .label {display:block;float:none;clear:both}

#loginForm .section .row .textbox, #loginForm .section .row select 
{
	float:none;clear:both;
}
body.publications #site_search .searchGo {
    background:#440099 !important;
}

body.registration .searchRegForm .section .submit 
{
	clear:both;display:block;	
}

.row label{width:100%}
.searchRegForm .section .row .textbox, .section .row select {
    float: left;
}
.searchRegForm .fieldset .control {
    float: left;
}
.searchRegForm .row label {
    float:left;
    width:120px !important;
    text-align:left
}

/* #subnav_menu .active ul {background:#CCC} NO [04/07/2011]: Commented out - not sure what this is for (IE7 bug) */

.box_item .EditorLink img {width:10px;height:10px}
#podcastRight .description {font-size:1.2em;color:#666}
#podcastRight .description a {text-transform:lowercase}
#podcastRight .title{color:#333}

body.home #subnav_menu h2.inactive a{color: #FFF;}

.section .clearfix label {float:left;width:150px;}
.section .clearfix select {float:right}
.tabbed li {font-size:1.2em}
#loginForm .rememberlabel, #loginForm .chkinput {display:none}

.searchRegForm .section .clearfix select {float:left}
#main .tabs .tab3 {color:#000 !important}
#main.wide {width:568px !important} /* NO [10/06/2011]: Changed from 657px as per client request */
.tabbed ul {list-style:disc !important}
.tabbed ol {list-style:decimal !important}