/* ------------------- GENERAL RULES ------------------- */
	body 				{color:#000; margin:0; padding:0; text-align:center; font:80% arial,helvetica,sans-serif}
	body.popup			{text-align:left;padding:10px}
	
	img				{border:0}
	acronym, abbr		 	{border:0; cursor/**/:/**/help}

	form				{margin:0; padding:0}
	fieldset			{border:none; margin:.5em; padding:0}
	legend				{color:#2863ba; font-size:1.2em; font-weight:bold; padding: 1em 0}
	label				{display:block; float:left; width:20em; margin-right:1em; text-align:right}
	.multiple label			{display:inline; float:none; width:auto; margin:0 0 0 5px; text-align:left}
	input, select, textarea 	{font:1em arial,helvetica,sans-serif}
	input.button			{padding:.1em; font-weight:bold; cursor:pointer}
	textarea			{width:11.8em}
	
	p, ul, h1, h2, h3, h4, h5 	{margin:1.1em 0; line-height:130%}
	li, dt, dd 			{line-height:130%}
	table, th, td 			{font-size:1em; text-align:left}
	table				{border:solid 1px #ccc; border-collapse:collapse; margin-bottom:10px}
	td, th				{border:solid 1px #ccc; padding:5px}
	th				{text-align:center}
	address 			{font-style:normal}
	ul				{list-style-type:none; margin:0; padding:0}
	p				{margin:0 0 .5em 0}

	h1, h2, h3, h4, h5		{font-weight:bold}
	h1				{font-size:1.8em; margin:0 0 .5em 0}
	h2, h3, h4, h5			{clear:both; margin:1em 0 .5em 0}
	h2				{font-size:1.4em}
	h3				{font-size:1.2em}
	h4				{font-size:1em}

	a:link				{color:#008080; font-weight:bold; text-decoration:underline}
	a:visited			{color:#008080; font-weight:bold; text-decoration:underline}
	a:hover				{text-decoration:none}
	a:active,a:focus	{background:#008080; color:#fff}
		
/* ------------------- FORMS ------------------- */	
	
	#content form ul		{margin:0; padding:0}
	#content li.multiple ul		{float:left; width:auto}
	#content li.multiple span	{display:block;	float:left; width:20em;	margin-right:1em; text-align:right}
	form li				{background:none; list-style:none;	clear:both}
	#content li.multiple input	{margin:0}
	form li li			{clear:none}
	form label img,form .caption img {width:6px; height:8px; border:none}	
	form p.missing			{font-weight:bold; padding:7px 0 0 27px; color:#2863ba; background: url("/i/alert.gif") no-repeat scroll 0 0 }
	form input			{margin-bottom:.5em}
	form .description		{margin-left:0.5em}
	p.submit			{margin-left:21.5em}
	p.submit input			{padding:2px 5px; color:#fff; overflow:visible; font-weight:bold; border:1px solid #d8d8d8; background-color:#828282}
	
	#errorsummary			{margin:.5em 0; padding:10px; background:#fff; border:1px solid #2863ba}
	#errorsummary p			{font-weight:bold; padding:7px 0 0 27px; color:#2863ba; background: url("/i/alert.gif") no-repeat scroll 0 0 }
	#errorsummary ul		{margin-left:2em!important}
	#errorsummary ul	ul	{margin-left:.5em!important}
	#errorsummary ul li		{margin-left:1em; list-style-type:disc}
	
	
/* ------------------- SHARED CLASSES ------------------- */
	.last,.none		{border:none!important}
	
	.clear			{clear:both}
	.fr			{float:right}
	.fl			{float:left}
	.block			{display:block}
	
	img.fl			{margin-right:10px}
	img.fr			{margin-left:10px}
	
	.wccms_clear		{clear:both}
	.wccms_fr		{float:right}
	.wccms_fl		{float:left}
	.wccms_border		{padding:2px; border:1px solid #d2d2d2}
	.wccms_block		{display:block}
	
	img.wccms_fl	{margin-right:10px; margin-bottom:10px}
	img.wccms_fr	{margin-left:10px; margin-bottom:10px}
	
/* ------------------- CONTAINERS ------------------- */
	#all			{position:relative; margin:0; text-align:center; background:#fff}
	#high			{padding-bottom:30px}	
	.mw			{width:990px; margin:0 auto; text-align:left}
	
/* ------------------- NAVIGATION  ------------------- */
	#mnav			{padding:3px 0; height:1%; background:#fff; box-shadow:0 0 8px #ddd}
	#mnav div		{height:1%; background:#42addc}
	#mnav ul		{width:990px; margin:0 auto; height:1%; background:#42addc}
	#mnav li		{float:left}
	#mnav li a		{position:relative; display:block; padding:5px 20px; font-size:1.3em; text-decoration:none; background:#42addc; color:#fff}
	#mnav li a:hover	{background:#fcc949; color:#13526e}
	#mnav li a.sel,#mnav li a:focus,#mnav li a:active	{background:#1d7ca5; color:#fff}
	#mnav li a.sel		{border-left:1px solid #1d7ca5}
	#mnav li a.sel span {position:absolute; bottom:-9px; left:40%; display:block; width:20px; height:10px; background:url(../i/bg-nav-sel.png) no-repeat 0 0}
	html >/**/body #mnav li a.sel span {bottom:-10px}
	
	#msnav			{width:990px; margin:10px auto; height:1%; background:#1d7ca5; border-radius:5px}
	#msnav ul		{height:1%; padding:5px 25px 0 25px}
	#msnav li		{float:left; height:1%}
	#msnav li a		{display:block; padding:0 10px; margin-bottom:5px; font-size:1em; white-space:nowrap; text-decoration:none; background:#1d7ca5; color:#fff; border-right:1px solid #fff}
	#msnav li a:hover,#msnav li a:focus,#msnav li a:active {background:#fcc949; color:#13526e}
	#msnav li a.sel,#msnav li a.sel:hover,#msnav li a.sel:active	{background:#fff; color:#1d7ca5}
	#msnav li a.more	{padding-right:15px; background:url(../i/more.gif) no-repeat 100% 55%}
	
	#snav strong		{color:#fff; padding:2px 4px;display:block}
	#snav li a		{display:block; padding:2px 4px; height:1%; text-decoration:none; color:#008080}
	#snav li a:hover	{text-decoration:underline}
	#snav li a.sel:focus,#snav li a.sel:active,#snav li a:focus,#snav li a:active {background:#008080; color:#fde098}
	#snav li a.sel	{color:#fff}
	#snav ul ul		{padding-left:10px}
	
	.box-snav-out,.js .box-snav-out		{padding:3px; background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 2px #ddd}
	#sharedbottom > div	{float:left; width:48%}
	#sharedbottom h2	{margin:0 0 .5em 0}
	#sharedbottom ul {list-style-type:disc; padding-left:20px;margin-bottom:1em;line-height:150%}
	#sharedbottom li	{line-height:135%}
	.box-snav-in,.box-snav-in-j	{height:1%; padding:0 5px 5px 5px; position:relative; top:10px; z-index:0; background:#fde098}
	
/* ------------------- HEADER ------------------- */
	#header			{clear:both; height:1%}
	#header div		{background:#fff}
	#header div div		{padding:10px 0}
	
	.logo			{width:990px; position:relative; margin:0 auto; padding:20px 0; text-align:left; background:url(../i/random_header.php) no-repeat 100% 50%}
	.logo img		{border:0; float:left; vertical-align:top; margin-right:20px}
	.logo span		{display:block; width:20em; margin-top:20px; letter-spacing:.05em; font-weight:bold; font-size:1.3em; color:#2395c7}
	.logo span span	{top:0; left:0; font-size:1.7em; line-height:150%}
	
/* ------------------- BREADCRUMB ------------------- */
	#breadcrumb	h2,#breadcrumb ul {float:left; display:inline; margin:0}
	#breadcrumb h2		{font-size:1em}

	#breadcrumb li		{float:left; padding-left:7px; font-weight:bold;}
	#breadcrumb li a	{font-weight:bold; padding:2px 12px 2px 2px; background:url(../i/gt.gif) no-repeat 100% 60%}
	#breadcrumb li a:focus,#breadcrumb li a:active{background:#008080; color:#fff}


/* ------------------- CONTENT ------------------- */
	#content h1, #content-hc h1, .popup h1	{color:#f1ab03}
	#content h2, #content-hc h2, #sharedbottom h2	{color:#2395c7}
	#content h3, #content-hc h3		{color:#2395c7}
	#content h4, #content-hc h4		{color:#2395c7; margin-bottom:.5em}
	#content h3 a, #content-hc h3 a 	{color:#008080}
	#content h3 a:focus, #content h3 a:active, #content-hc h3 a:focus, #content-hc h3 a:active {color:#fff}
        #content ul, #content-hc ul {list-style-type:disc; padding-left:20px;margin-bottom:1em;line-height:150%}
	#content ul.relatedtopics, #content-hc ul.relatedtopics {list-style-type:none; padding-left:0;}
        #content li, #content-hc li {line-height:160%}

	.box-content-out			{padding:3px; background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 2px #ddd}
	#sharedbottom .box-content-out		{margin:2px}
	.box-content-in,.box-content-in-j	{height:1%; padding:10px 10px 5px; background:#f1f3f5}		
	
	/* more topics - tabs */
	.mt-tabs		{clear:both; height:1%}
	.mt-tabs li		{float:left; margin-right:3px}
	.mt-tabs li a		{display:block; padding:3px 7px; color:#fff!important; background:#1d7ca5}
	.mt-tabs li a.sel,.mt-tabs li a:focus,.mt-tabs li a:active	{background:#fff; color:#1d7ca5!important; border:solid #ebebeb; border-width:1px 1px 0 1px}

	/* more topics - list */
	.mt-list li		{list-style-type:disc; margin:1px 0}
	
	/* news - list */
	.home-news-list li {margin-bottom:5px}

	#alphabetical ul{list-style:none;margin:0;padding:0;display:inline}
	#alphabetical li{display:inline}
	#alphabetical a, #alphabetical span{display:block;margin-right:10px;float:left;width:1em}

/* ------------------------------- Video -------------------------------- */
/* styling of the container. */

a.player {

                display:block;

                width: 320px;

                height:240px;

                text-align:center;

                margin:15px 15px 2.5em 15px;

                border:1px solid #999;

                background: url(play.gif) no-repeat 50% 50% #000;

                position:relative

}

 

/* play button */

a.player img {

                margin-top:70px;

                border:0px;

}

 

/* when container is hovered we alter the border color */

a.player:hover {

                border:1px solid #000;

}

a.player span{

                bottom:-2em;

                display:block;

                position:absolute;

                text-align:center;

                width:320px;

                left:0;

}


	
/* ------------------- RIGHT HAND COLUMN / HIGHLIGHTS ------------------- */
	
	.box-right-out, .js .box-right-out {padding:3px; margin-bottom:15px;  background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 2px #ddd}
	.box-right-in, .box-right-in-j	{padding:5px 10px; background:#fde098}
	.box-right-out 			{color:#13526e}
	.box-right-out ul {list-style-type:disc; padding-left:20px; margin-bottom:1em; line-height:150%}
	.box-right-out li		{line-height:160%}	
	
	.box-right-out a		{padding:3px; color:#008080!important}
	.box-right-out a:focus,.box-right-out a:active {background:#008080; color:#fde098!important}
	
	.box-cta-in-j dl	{position:relative}
	.btn-cta-out dl		{margin:0}
	.btn-cta-out dd		{margin:0 0 3px 0}
	
	.btn-cta-out 		{margin-bottom:15px; padding:3px; background:#fff; border:1px solid #eee; border-radius:5px; box-shadow:0 0 2px #ddd}
	.btn-cta-in,  .box-cta-in-j	{padding:5px 10px;  background:#f4f5f7}		
	
	.btn-cta-out a,.btn-cta-out a.print:focus,.btn-cta-out a.print:active,.btn-cta-out a.pdf:focus,.btn-cta-out a.pdf:active		{display:block; padding:10px 0 10px 35px; color:#008080; background-repeat:no-repeat; background-position:0 55% }
	.btn-cta-out a:focus,.btn-cta-out a:active,.btn-cta-out a.print:focus,.btn-cta-out a.print:active,.btn-cta-out a.pdf:focus,.btn-cta-out a.pdf:active {background-color:#008080; color:#fff}
	a.print,a.print:focus,a.print:active	{background-image:url(../i/icon-print.png)}
	a.pdf,a.pdf:focus,a.pdf:active			{background-image:url(../i/icon-pdf.png)}

	#print_contact{display:none}

/* ------------------- FOOTER  ------------------- */
	#footer 			{clear:both; height:1%; margin-bottom:12px; padding:3px 0; text-align:center; font-weight:bold; color:#fff; background:#fff; box-shadow:0 0 8px #ddd}
	#footer div		{padding:10px 0 10px; height:1%; background:#42addc; border-top:1px solid #ddd}
	#footer div div 	{width:990px; margin:0 auto; padding:0; border:none}
	#footer p		{margin:0}
	#footer img		{border:0; vertical-align:middle}
	#footer .fr		{ margin:-25px 0 0 0}
	
	* html #footer	{background:none}
	* html #footer p	{display:inline}

        #footer a               {color:#fff}
        #footer a:hover         {text-decoration: underline}
        #footer a:active, #footer a:focus       {color:#fff;background:#008080}
	
/* ------------------- CMS CLASSES  ------------------- */
div.wccms_splithalf		{clear:both; height:1%!important; line-height:1px!important; padding:0}
div.wccms_splithalf div	{float:left; width:48%; margin-right:1%}
div.wccms_splitthird		{clear:both; height:1%!important; line-height:1px!important; padding:0}
div.wccms_splitthird div	{float:left; width:31.5%; margin-right:1%; line-height:1.2em!important}
/* div.wccms_splithalf p		{clear:both}*/
/* div.wccms_splitthird p	{clear:both}*/
div.wccms_clear			{clear:both; margin-bottom:10px; visibility:hidden}

/* ------------------- HIDDEN TEXT ------------------- */
	.hide							{position:absolute; left:-9000px; top:0; z-index:20}
	.hide a:focus, .hide a:active 	{color:#fff; background:#49650c; font-size:1.4em; display:block; padding:0.5em; border:0.5em solid; border-color:#c0caaa #33440e #33440e #c0caaa; white-space:nowrap; width:15em; text-align:center; position:absolute; left:9000px} 
	p.hide 							{margin:0}

	
/* ------------------- CLEARING HACKS ------------------- */
	#all:after,#content:after,#header:after,#breadcrumb:after,#mnav:after,#mnav ul:after,#msnav ul:after,.mt-tabs:after,.mt-list:after,#snav ul:after,.home-news-list li:after,#footer div:after,
	.logo:after
	{content:".";  display:block; height:0; clear:both; visibility:hidden}

/* ------------------- COOKIE BAR ----------------------- */
#cookie-bar {background:#111; height:24px; line-height:24px; color:#eee; text-align:center; padding:3px 0}
#cookie-bar.fixed {position:fixed; bottom:0; left:0; z-index:100; width:100%}
#cookie-bar p {margin:0; padding:0}
#cookie-bar a {color:#fff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px}
#cookie-bar .cb-enable {background:#007700}
#cookie-bar .cb-enable:hover {background:#009900}
#cookie-bar .cb-disable {background:#990000}
#cookie-bar .cb-disable:hover {background:#bb0000}
#cookie-bar .cb-policy {background:#0033bb}
#cookie-bar .cb-policy:hover {background:#0055dd}