/* ------------------- GENERAL RULES ------------------- */
html		{background:#e7e8ea}
body		{color:#000; font:75% verdana,helvetica,sans-serif; margin:0; padding:0; text-align:center; background:url(../i/body-bg.gif) repeat-x left bottom #fff}
body.popup 	{text-align:left;padding:10px; background:#fff}

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 verdana,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:2px}
address 			{font-style:normal}
ul				{list-style-type:none; margin:0; padding:0}
p				{margin:0 0 1em 0}

h1, h2, h3, h4, h5		{font-weight:bold}
h1				{font-size:1.6em; margin:0 0 .5em 0}
h2, h3, h4, h5			{clear:both; margin:1em 0 .5em 0}
h2				{font-size:1.3em}
h3				{font-size:1.1em}
h4				{font-size:1em}

a:link				{color:#3978b2; font-weight:bold; text-decoration:none}
a:visited			{color:#3978b2; font-weight:bold; text-decoration:none}
a:hover				{text-decoration:underline}
a:active,a:focus		{background:#3978b2; 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:#764423; 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:#3978b2}
	
#errorsummary						{margin:.5em 0; padding:10px; background:#fff; border:1px solid #764423}
#errorsummary p						{font-weight:bold; padding:7px 0 0 27px; color:#764423; 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_block		{display:block}
	
#content img.wccms_fl, #promo img.wccms_fl {margin-right:10px; margin-bottom:10px}
#content img.wccms_fr, #promo img.wccms_fr {margin-left:10px; margin-bottom:10px}

/* ------------------- CONTAINERS ------------------- */
#wrapper 	{width:100%; background:url(../i/top-shadow.jpg) 0 0 repeat-x; margin:0; padding-top:30px}
#all 		{text-align:left; width:990px; margin: 0 auto; padding:0; position:relative; font-size:105%}
#page 		{width:100%; border-top:solid 3px #522e82; background:#fafafa; -moz-box-shadow:0 2px 4px #aaa; -webkit-box-shadow:0 2px 4px #aaa; box-shadow:0 2px 4px #aaa}
body.home #page	{border:none}

#con 		{float:left; width:100%}
#con2 		{float:right; width:100%}
#content 	{width:auto; height:1%}

.lrc #con	{margin:0 -230px 0 0}
.lrc #con2	{margin-left:-190px}
.lrc #content	{margin:0 230px 0 190px}

.rc #con	{margin:0 -230px 0 0}
.rc #content	{margin:0 230px 2px 0}

.lc #con2	{margin:0 0 0 -190px}
.lc #con	{margin:0 -190px 0 0}
.lc #content	{margin:0 0 2px 190px}

#snav 		{width:187px; display:inline-block; margin:0 0 2px 0; background:#eeeaf0}
#high 		{float:right; width:228px; margin:0 0 -10px 0}
* html #high	{display:inline; width:220px;}

#newwin		{text-align:left; margin:10px; width:330px}

/* ------------------- HEADER ------------------- */
#header			{clear:both; background:#fff; width:100%}

/* ------------------- NAVIGATION ------------------- */
#nav			{width:100%; margin:0 auto; background:#fff}
#mnav			{height:1%; border-bottom:solid 3px #522e82}
#mnav ul		{list-style:none; margin:0; padding:0;}
#mnav li		{float:left; margin: 0 1px 0 0;}
#mnav li a		{display:block; text-decoration:none; padding:8px 12px; font-size:1em; background:#e3e3e6; color:#000}
#mnav li a:hover	{color:#fff; background:#a8aaac}
#mnav li a.sel,#mnav li a:focus,#mnav li a:active	{color:#fff; background:#522e82}

#msnav			{padding:5px}
#msnav ul		{list-style:none; margin:0; padding:0; height:1%}
#msnav li		{float:left; height:1%}
#msnav li a		{display:block; padding:2px 12px; margin-bottom:3px; font-size:1em; white-space:nowrap; text-decoration:none; color:#000}
#msnav li a:hover,#msnav li a:focus,#msnav li a:active {color:#fff; background:#a8aaab}
#msnav li a.sel,#msnav li a.sel:hover,#msnav li a.sel:active	{color:#fff; background:#522e81}

#snav strong		{color:#909090; padding:2px 4px;display:block}
#snav ul		{padding:10px 5px}
#snav li a		{display:block; padding:2px 4px; height:1%; text-decoration:none; color:#3978b2}
#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:#3978b2; color:#fff}
#snav li a.sel		{color:#9095cb}

/* ------------------- BREADCRUMB ------------------- */
#breadcrumb 			{margin:0; padding-top:6px; clear:both; font-size:90%; border-top:1px solid #d2d3d5}
#breadcrumb h2,#breadcrumb ul 	{float:left; display:inline; margin:0}
#breadcrumb h2			{font-size:1em; padding-left:10px}
#breadcrumb ul			{padding-bottom:6px}
#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%; color:#808080}
#breadcrumb li a:focus,#breadcrumb li a:active {background:#808080; color:#fff}

/* ------------------- CONTENT ------------------- */
#content h1, .popup h1	{color:#3f3f3f}
#content h2		{color:#662d90}
#content h3		{color:#662d90}
#content h4		{color:#662d90; margin-bottom:.5em}
#content h3 a 		{color:#3978b2}
#content h3 a:focus,#content h3 a:active 	{color:#fff}
#content ul {list-style-type:disc; padding-left:20px;margin-bottom:1em;line-height:150%}
#content ul.relatedtopics{list-style-type:none; padding-left:0;}
#content li {line-height:160%}

#intro			{background:#fafafa url(../i/curve.gif) no-repeat 0 100%}
#intro-right		{margin:0; padding:10px 567px 10px 10px; height:390px; background:url(../i/random.php) no-repeat 100% 0}
html>body #intro-right 	{height:auto; min-height:390px}

#main			{padding:10px; height:1%}

/* ------------------- PROMO ------------------- */
#promo				{clear:both; height:1%; margin:0; padding:10px 0 0}
#promo div			{width:330px; float:left; margin:0 0 2px}
#promo h1  			{color:#662d90}
#promo h2			{color:#662d90}
#promo h3			{color:#662d90}
#promo h4			{color:#662d90; margin-bottom:.5em}
#promo h3 a 			{color:#3978b2}
#promo h3 a:focus,#content h3 a:active 	{color:#fff}
#promo ul {list-style-type:disc; padding-right:10px; padding-left:30px;margin-bottom:1em;line-height:150%}
#promo li {line-height:160%}
#promo p,#promo h2,#promo h3 {padding:0 10px}
#promo img			{-moz-box-shadow:0 2px 4px #aaa; -webkit-box-shadow:0 2px 4px #aaa; box-shadow:0 2px 4px #aaa}

/* ------------------- RIGHT-BOX ------------------- */
.right-box		{width:207px; margin:0 0 10px 0; padding:10px 10px 5px; background:#eeeaf0; color:#000}
.right-box h2,.right-box h3	{margin-top:0; color:#662d90}
.right-box a			{color:#3978b2!important}
.right-box a:focus,.right-box a:active {background:#3978b2; color:#fff!important}
.right-box ul {list-style-type:disc; padding-left:20px;margin-bottom:1em;line-height:150%}
.right-box li {line-height:160%}

/* ------------------------------- 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(../i/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}

/* ------------------- FOOTER  ------------------- */
#footer 		{clear:both; position:relative; margin-top:10px; padding:10px; text-align:left; background:#351463 url(../i/footer-base.jpg) 100% 100% no-repeat; color:#fff; border-top:solid 3px #7d7e80}

#footer div 		{width:290px; float:left; color:#fff; margin-right:20px}
#footer div.first	{padding-bottom:70px}

#footer a 		{text-decoration:none; color:#fff}
#footer a:hover		{text-decoration:underline}
#footer a:focus, #footer a:active {background:#fff; color:#320860}

#footer h3		{margin-top:.5em; color:#ccc}
#footer h4 		{position:absolute; right:0; bottom:0; width:140px; margin:0; height:140px;}
#footer h4 a		{background:url(../i/footer-flick.jpg) no-repeat scroll -140px bottom; display:block; height:140px; position:absolute; width:140px;}
#footer h4 a:hover	{background:url(../i/footer-flick.jpg) no-repeat scroll 0 bottom}

#footer p		{font-size:95%}
#footer p.copy		{clear:left; font-size:90%}
#footer li		{font-size:95%; list-style:none}

/* ------------------- CMS CLASSES  ------------------- */
div.wccms_splithalf		{clear:both; height:1%!important; line-height:1px!important; padding:0; border:none}
div.wccms_splithalf div	{float:left; width:48%; margin-right:1%; border:none}
div.wccms_splitthird		{clear:both; height:1%!important; line-height:1px!important; padding:0; border:none}
div.wccms_splitthird div	{float:left; width:31.5%; margin-right:1%; line-height:1.2em!important; border:none}
div.wccms_clear			{clear:both; margin-bottom:10px; border:none; 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,#header:after,#nav:after,#mnav:after,#msnav:after,#breadcrumb:after,#page:after,#content:after,#intro-right:after,#main:after,#promo:after,#footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden}