
/*  POWERFLEX  */


/* NON-HEADER */

/*
   adjusts the WEBPAGE within the OUTERBOX (0)
*/
*{padding:0; margin:0;}

 body {font-size:62.5%;  background:url() rgb(220,241,246);  font-family:Arial, Verdana, "sans-serif";} /*Font-size: 1.0em = 10px when browser default size is 16px*/

.page-container {background-color:rgb(220,241,246); width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 20px rgb(154,220,236); font-size:1.0em; padding: .25em;}

ul li {
list-style:none;
}

.obscure {
	display:none;
}

.main {clear:both; width:900px; padding-bottom:30px;  background: transparent url(..///images/bg_main_withoutnav.jpg) top left repeat-y;}/*
   based on which layout is chosen:
   width - adjusts where the RIGHTSIDE is within the OUTERBOX (200px)
*/
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
/*
   based on which layout is chosen:
   (main-content) width - adjusts where the LEFTAREA is within the OUTERBOX (840px or 640px or 440px) - varies by layout
   (main-content) margin - moves LEFTAREA (margin: 0 0 0 30px)
*/
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; margin-top: -1px; width:685px; margin:0 5px 0 5px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content .article{margin-left: 0px; margin-right: 25px; padding 0px;}
.main-subcontent {display:inline /*Fix IE floating margin bug*/; float:left; width:; margin:; overflow:visible !important /*Firefox*/; overflow:visible /*IE6*/;/}
/*
   width - adjusts FOOTER size within the OUTERBOX (900px)
   padding - adjusts height of FOOTER (padding: 1.0em 0 1.0em 0)
*/

.footer {text-align: center; clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*
   this element was added to give a clear space to the website, if necessary
*/
.spacer {height: 5px;}
.spacerlg {height: 10px;}


a.linkinfo
{
position:relative;
z-index:24;
}
a.linkinfo:hover, a.linkinfo:focus, a.linkinfo:active
{
z-index:25;
}
a.linkinfo span
{
position: absolute;
left: -9000px;
width: 0;
overflow: hidden;
}
a.linkinfo:hover span, a.linkinfo:focus span, a.linkinfo:active span 
{
display:block;
position:absolute;
top:1em; left:1em; width:22em;
border:1px solid #000;
background-color:#F4F4F4;
color:#000;
text-align: center
}

.right_border{padding-left:5px;display:block;border:1px strong black;}


/* HEADER */
/*
   width - adjusts HEADER size within the OUTERBOX (900px)
   font-family - sets font size for HEADER (verdana,arial,sans-serif)
*/
.header {width:900px; padding-bottom: 2px; font-family:Arial, Verdana, "sans-serif";}

/*
   width - adjusts HDR1 size within the OUTERBOX (900px)
   height - sets size for HDR1 (85px)
   background-color - background color of the HDR1 (custom per customer)
   background:url - background image in HDR1 - varies per layout, should be adjusted to reflect each customers design
*/

.header-top {width:900px; height:0px; background:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


/*
   width - adjusts HDR2 size within the OUTERBOX (900px)
   height - sets size for HDR2 (150px)
   background-color - background color of the HDR2 (custom per customer)
   background:url - background image in HDR2 - varies per layout, should be adjusted to reflect each customers design
*/

.header-middle {width:900px; height:165px; background:rgb(255,255,255); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/*
   width - adjusts HDR3 size within the OUTERBOX (900px)
   height - sets size for HDR3 (30px)
   background-color - background color of the HDR3 (custom per customer)
   background:url - background image in HDR3 - varies per layout, should be adjusted to reflect each customers design
*/

.header-bottom {width:900px; height:30px; background:rgb(255,255,255);}

/*
   width - adjusts HDR4 size within the OUTERBOX (900px)
   padding - adjusts height of HDR4 (padding: 1.5em 0 1.5em 0)
   background-color - background color of the HDR4 (custom per customer)
   background:url - background image in HDR4 - varies per layout, should be adjusted to reflect each customers design
*/

.header-breadcrumbs {clear:both; width:900px; padding:.5em 0 .5em 0; background:rgb(255,255,255);}

/*******************/
/*  HEADER SECTION */
/*******************/

/* CUSTOM BANNER LOGO
   width - size of logo(60px)
   height - size of logo(20px)
   margin - adjusts height of HDR4 (margin:22px 0 0 20px)
*/

.sitelogo {width:60px; height:20px; position:absolute; z-index:1; margin:22px 0 0 20px; }

/*
   width - size (300px)
   height - size (25px)
   margin - adjusts height of HDR4 (margin:20px 0 0 90px)
*/

.sitename {width:200px; height:25px; position:absolute; z-index:1; margin:10px 0 0 20px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* MINI NAVIGATION
   width - size (350px)
   height - size (25px)
   margin-left - (550px)
   padding - (0 0 0 3px)
   hover - (none)
   imgHeight (14px)
*/

.nav0 {width:250px; position:absolute; z-index:2; margin:5px 0 0 0; margin-left:650px !important /*Non-IE6*/; margin-left:650px /*IE6*/;}
.nav0 ul {float:right; padding:0 0 0 0;}
.nav0 li {display:inline; list-style:none;}
.nav0 li a {padding:0 0 0 3px; text-decoration:none; color:;}
.nav0 a:hover {text-decoration:none; color:;}
.nav0 a img {height:14px; border:none; text-decoration:none;}
.nav0 select { font-size: 10px; border: #eeeeee; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; float:right; width: 150px;} 


/* MINI NAVIGATION
   width - size (250px)
   margin - (45px 0 0 550px)
   ul - padding - (0 15px 0 0)
   ul - font-weight - (bold)
   li a - padding - (2px 5px 2px 5px)
   li a - color (varies by client)
   li a - font-size (120%)
   li a hover - color (varies by client)
*/

.nav1 {width:250px; position:absolute; z-index:3; margin:45px 0 0 550px;}
.nav1 ul {float:right; padding:0 15px 0 0; font-weight:bold;}
.nav1 li {display:inline; list-style:none;}
.nav1 li a {display:block; float:left; padding:2px 5px 2px 5px; color:rgb(251,211,64); text-decoration:none; font-size:120%;}
.nav1 a:hover {text-decoration:none; color:rgb(50,50,50);}

/* TOP (HORIZONTAL) NAVIGATION
   width - size (900px)
   border - (varies per client)
   background-color - (varies by client)
   background-url - (adjust per client)
   font-size - (130%)


*/
/*Drop-down menu*/

.nav2 {
	float:left; 
	width:900px; 
	border:none; 
	background:rgb(109,41,142); 
	font-size:145%;
}

 /*Color navigation bar normal mode*/

.nav2 ul {
	list-style-type:none;
	}

.nav2 ul li {
	float:left; 
	position:relative; 
	z-index:auto !important /*Non-IE6*/; 
	z-index:1000 /*IE6*/;
	}

.nav2 ul li a {
	float:none !important /*Non-IE6*/; 
	float:left /*IE-6*/; 
	display:block; 
	height:3.1em; 
	line-height:3.1em; 		padding:0 16px 0 16px; 
	text-decoration:none; 
	font-weight:bold; 	
	color:rgb(255,255,255);
	}

.nav2 ul li ul {
	display:none; 
	border:none;
	}

.nav2 .highlight a {
	background-color:rgb(21,54,97); 
	color:rgb(255,255,255);
	}

/* TOP (HORIZONTAL) NAVIGATION (HOVER)
/*Non-IE6 hovering*/

.nav2 ul li:hover a {
	background-color:rgb(103,114,160); 
	color:rgb(255,255,255); 	text-decoration:none;
	}

 /*Color main cells hovering mode*/

.nav2 ul li:hover ul {
	display:block; 
	width:12em; 
	position:absolute; z-index:1000; 	top:3; 
	margin-top:0em; left:0;
	}

.nav2 ul li:hover ul li a {
	display:block; 
	width:12em; 
	height:auto; 
	line-height:1.3em; 
	margin-left:-1px; 
	padding:4px 16px 4px 16px; 
	background-color:; 
	font-weight:normal; 
	color:rgb(255,255,255);
	}

	 /*Color subcells normal mode*/

.nav2 ul li:hover ul li a:hover {
	background-color:rgb(103,114,160); 
	color:rgb(255,255,255); 
	font-weight:normal;  
	text-decoration:none;
	} 

	/*Color subcells hovering mode*/

/*IE6 hovering*/

.nav2 table {
	position:absolute; 
	top:0; 
	left:0; 
	border-collapse:collapse;
	}

.nav2 ul li a:hover {
	background-color:; 
	color:rgb(255,255,255); 	
	text-decoration:none;
	z-index:1000;
	} 

/*Color main cells hovering mode*/

.nav2 ul li a:hover ul {
	display:block; 
	width:12em; 
	position:absolute; 
	z-index:1000; 	top:3.1em; 
	t\op:3.0em; 
	left:0; 
	marg\in-top:0.1em;
	}

.nav2 ul li a:hover ul li a {
	display:block; 
	w\idth:12em; 	height:1px; 
	line-height:1.3em; 
	padding:4px 16px 4px 16px;  	background-color:rgb(109,41,142); 	font-weight:normal; 
	color:rgb(255,255,255);  
	z-index:1000;
	} 

/*Color subcells normal mode*/

.nav2 ul li a:hover ul li a:hover {
	background-color:rgb(103,114,160); 
	color:rgb(255,255,255); 
	text-decoration:none;
	}

/*Color subcells hovering mode*/

/* HORIZONTAL SEARCH BAR LEFT*/

.header-breadcrumbs .searchformLeft {float:left; width:285px; padding:0 0 0 17px !important /*Non-IE6*/; padding:0 12px 0 12px /*IE6*/;}
.header-breadcrumbs .searchformLeft form fieldset {float:left; border:none;}
.header-breadcrumbs .searchformLeft input.field {width:8em; padding:0 12px 0 12px;  font-family:Arial, Verdana, "sans-serif"; font-size:120%; }
.header-breadcrumbs .searchformLeft input.button {width:3em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); text-align:center; font-family:Arial, Verdana, "sans-serif"; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchformLeft input.button:hover {cursor:Pointer; background:rgb(220,220,220); color:rgb(80,80,80);}

/* HORIZONTAL SEARCH BAR RIGHT*/

.header-breadcrumbs .searchformRight {float:right; width:285px; padding:0 0 0 17px !important /*Non-IE6*/; padding:0 12px 0 12px /*IE6*/;}
.header-breadcrumbs .searchformRight form fieldset {float:right; border:none;}
.header-breadcrumbs .searchformRight input.field {width:8em; padding:.2em 0 .2em 0;  font-family:Arial, Verdana, "sans-serif"; font-size:120%; }
.header-breadcrumbs .searchformRight input.button {width:3em; padding:1px !important /*Non-IE6*/; padding:0 /*IE6*/; background:rgb(230,230,230); text-align:center; font-family:Arial, Verdana, "sans-serif"; color:rgb(150,150,150); font-size:120%;}
.header-breadcrumbs .searchformRight input.button:hover {cursor:Pointer; background:rgb(220,220,220); color:rgb(80,80,80);}

/******************/
/*  MAIN SECTION  */
/******************/

.space{
	/* 16 * 0.0625 = 1px */
	letter-spacing: .6em;
}

.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; margin:0px; background:url(/images/bg_corner_topleft.gif) no-repeat;}

.column1-unit {padding-left:15px; padding-right:15px; width:640px;  margin:25px !important /*Non-IE6*/; margin:5px /*IE6*/;}

.column2-unit-left {float:left; width:125px; margin:25px !important /*Non-IE6*/; margin:15px /*IE6*/;  display:inline;}
.column2-unit-right {padding-right:15px; float:right; width:390px; margin:25px !important /*Non-IE6*/; margin:15px
 /*IE6*/;}

.column1-unit .bkg { background:rgb(240,239,232);}
.column2-unit-left .bkg {background:rgb(240,239,232);}
.column2-unit-right .bkg {background:rgb(240,239,232);}

.column2-unit-leftContent {float:left; width:50%; margin-bottom:15px !important /*Non-IE6*/; margin-bottom:15px /*IE6*/;}
.column2-unit-rightContent {padding-right:5px; float:right; margin-bottom:15px !important /*Non-IE6*/; margin-bottom:15px/*IE6*/;}

.subcontent-unit-border {width:179px; margin-bottom:0 0 5px 0; padding:-5px 0 5px 0; border:1px solid rgb(165,193,80); background:rgb(165,193,80);}
.subcontent-unit-noborder {width:179px; margin:0 0 5px 0; padding:-5px 0 5px 0; background:rgb(165,193,80);}.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url() no-repeat; margin-top:-1px; margin-left:-1px;}
.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url() no-repeat; margin-top:-1px; margin-left:174px;}
.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url() no-repeat; margin-top:0px; margin-left:0px;}
.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url() no-repeat; margin-top:0px; margin-left:175px;}
/********************/
/*  FOOTER SECTION  */
/********************/

.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:rgb(125,125,125);}
.footer a:hover {text-decoration:underline; color:rgb(125,125,125);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/

/*
!!!!  DO NOT MAKE CHANGES BELOW THIS LINE  !!!!
*/

.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none;}
table caption {
	display:none;
	}

/*
!!!!  DO NOT MAKE CHANGES ABOVE THIS LINE  !!!!
*/

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}		

/* VERTICAL NAVIGATION
   cursor - (pointer)
   margin-bottom - (2px)
   font-color - (varies per client)
   width - (180px) - sets size of menu
   padding - (0, 0, 0, 10px)
   text-align - (left)
   font-weight - (bold)
   margin-left - (.85em)
*/

.menutitle{
cursor:Pointer;
margin-bottom: 2px;
color:rgb(123,133,124);
width:180px;
padding:0 0 0 10px;
text-align:left;
font-weight:bold;
margin-left: .85em;
font-size: 110%;
background:url(..///images/arrowModule.gif);
}

/* VERTICAL NAVIGATION
   cursor - (pointer)
   img - (border:none) - removes border from arrow
*/
.menuImage{
cursor:Pointer;
img {border:none;}
}

/* ELEMENTS IN VERTICAL NAVIGATION
   padding - (0, 0, 0, 20px)
   margin-bottom - (.5em)
*/
.submenu{
padding:0 0 0 20px;
margin-bottom: .5em;
}

/* VERTICAL CONTENT SLIDE
   cursor - (pointer)
   margin-bottom - (2px)
   font-color - (varies per client)
   width - (180px) - sets size of menu
   padding - (0, 0, 0, 10px)
   text-align - (left)
   font-weight - (bold)
   margin-left - (.85em)
*/
.menutitleSlide{
cursor:Pointer;
margin-bottom: 2px;
color:rgb(80,80,80);
background-color:rgb(165,193,80);
font-weight:bold;
font-size:14px;
width:180px;
text-align:left;
}

/* VERTICAL CONTENT SLIDE
   cursor - (pointer)
   img - (border:none) - removes border from arrow
*/
.menuImage{
cursor:Pointer;
img {border:none; padding-right:5px;}
}

/* ELEMENTS IN CONTENT SLIDE
   padding - (0, 0, 0, 20px)
   margin-bottom - (.5em)
*/
.submenuSlide{
margin-bottom: .5em;
padding: 0 0 0 1px;
}


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:.25em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 2px 0 3px;
 border-bottom: 1px solid rgb(172,168,153);
 font: ;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 0px;
 border: 1px solid rgb(172,168,153);
 border-bottom: none;
 background: rgb(240,239,232);
 text-decoration: none;
 color:#666
}

ul.tabbernav li a:link { rgb(151,20,45);}
ul.tabbernav li a:visited { rgb(151,20,45);}

ul.tabbernav li a:hover
{
 color: ;
 background: ;
 border-color: ;
}

ul.tabbernav li.tabberactive a
{
 background-color: rgb(240,239,232);
 border-bottom: 1px solid rgb(240,239,232);
 text-decoration: none;
}

ul.tabbernav li.tabberactive a:hover
{
 color: rgb(0,0,0);
 background: rgb(240,239,232);
 border-bottom: 1px solid rgb(240,239,232);
}
ul.circle {list-style-type: circle}
/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px 15px;
 border:1px solid #e3e3e3;
 border-top:0;
 background:rgb(240,239,232);

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}


//CSS TEXT____________________________________

/*  MAIN SECTION  */

./* MAIN NAVIGATION */

.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(/images/bg_corner_topright.gif) no-repeat;}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 10px 3px 10; background-color:rgb(123,133,124);  color:rgb(255,255,255); font-weight:bold; font-size:120%;}

.main-navigation h1 {clear:both; margin:10px 0px 5px 0px; padding:4px 10px 3px 10; background-color:rgb(224,236,241);  color:rgb(151,20,45); font-weight:normal; font-size:120%;}

.main-navigation h1 a:link {clear:both; color:; background-color:;  font-weight:; text-decoration:; font-size:; margin:;}

.main-navigation h1 a:visited {clear:both; color:; background-color:;  font-weight:; text-decoration:; font-size:; padding:; margin:;}

.main-navigation h1 a:active {clear:both; color:; background-color:;  font-weight:; text-decoration:; font-size:; padding:; margin:;}

.main-navigation h1 a:hover {clear:both; color:; background-color:; font-weight:; text-decoration:; font-size:;  padding:; margin:;}

.main-navigation h2 {clear:both; padding:.5em;  color:rgb(255,255,255); font-weight:bold; font-size:110%; background-color:rgb(151,20,45);}

.main-navigation h2 a {clear:both; padding:.5em;  color:rgb(255,255,255); font-weight:bold; font-size:110%; background-color:rgb(151,20,45);}

.main-navigation h2 a:visited {clear:both; padding:.5em;  color:rgb(255,255,255); font-weight:bold; font-size:110%; background-color:rgb(151,20,45);}

.main-navigation h2 a:active {clear:both; padding:.5em;  color:rgb(255,255,255); font-weight:bold; font-size:110%; background-color:rgb(151,20,45);}

.main-navigation h2 a:hover {clear:both; padding:.5em;  color:rgb(255,255,255); font-weight:bold; font-size:110%; background-color:rgb(151,20,45);}

.main-navigation h3 {clear:both; margin:10px 10px 5px 20px; color:rgb(123,133,124); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */

.main-navigation p {clear:both; margin:0px 10px 5px 5px; color:(0,0,0); line-height:1.3em; font-size:110%;}

.main-navigation p.center {text-align:center;}

.main-navigation p.right {text-align:right;}

.main-navigation ul {list-style:none; margin:.5em 10px 1em 20px;}

.main-navigation ul li {margin:5px 0 .2em 2px; padding:5px 0 .2em 2px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.4em; line-height:1.2em; font-size:100%;}

.main-navigation ol {margin:.5em 10px 1em 40px !important /*Non-IE6*/; margin:.5em 10px 1em 45px /*IE6*/;}

.main-navigation ol li {list-style-position:outside; margin:0 0 .4em 0; font-size:110%;}

.main-navigation .searchform {width:140px; margin:0 20px 0 20px;}

.main-navigation .searchform fieldset {border:none;}

.main-navigation .searchform input.field {float:left; width:158px; padding:.1em 0 .2em 0 !important /*Non-IE6*/; padding:.2em 0 .3em 0 /*IE6*/; border:1px solid rgb(200,200,200);  font-size:120%;}

.main-navigation .searchform input.button {float:left; width:3em; margin-top:.5em; padding:1px; background:rgb(230,230,230); border:solid 1px rgb(150,150,150); text-align:center;  color:rgb(150,150,150); font-size:120%;}

.main-navigation .searchform input.button:hover {cursor:pointer; border:solid 1px rgb(80,80,80); background:rgb(220,220,220); color:rgb(80,80,80);}

.main-navigation a {color:; font-weight:; text-decoration:; font-size:; padding:;}

.main-navigation a:visited {color:; font-weight:; text-decoration:; font-size:; padding:;}

.main-navigation a:active {color:; font-weight:; text-decoration:; font-size:; padding:;}

.main-navigation a:hover {color:; font-weight:; text-decoration:; font-size:; padding:;}

.main-background {background:rgb(224,236,241);}

/* MAIN SUBCONTENT - RIGHTSIDE */
.main-subcontent h1.first {clear:both; margin:0 0 0px 0; padding:1px;  background-color:rgb(165,165,165);  color:rgb(255,255,255); font-weight:bold; font-size:110%;}

.main-subcontent h1 {clear:both;  background-color:rgb(165,193,80);  color:rgb(255,255,255); font-weight:bold; font-size:110%; padding:1px; }
/* Note: h2 non-existent, to make HTML-code interchangeable between 'main-navigation' and 'main-subcontent' */

.main-subcontent h3 {clear:both; margin:1.0em 5px 0.5em 10px; color:rgb(80,80,80); font-weight:bold; font-size:140%;}

.main-subcontent p {clear:both; margin:0 2px 2px 2px; color:rgb(21,54,97); font-size:100%;}

.main-subcontent p.center {text-align:center;}

.main-subcontent p.right {text-align:right;}

.main-subcontent ul {list-style:none; margin:0.5em 0px 1.0em 0px}

.main-subcontent ul li {margin:5px 0 0.2em 2px; padding:0 0 0 0px; line-height:1.2em; font-size:100%;}

.main-subcontent ol {margin:0.5em 10px 1.0em 30px !important /*Non-IE6*/; margin:0.5em 10px 1.0em 35px  /*IE6*/;}

.main-subcontent ol li {list-style-position:; margin:0 0 0.4em 0; font-size:110%;}

.main-subcontent a {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:}

.main-subcontent a:visited {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:}

.main-subcontent a:active {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:}

.main-subcontent a:hover {color:rgb(109,41,142); font-weight:bold; text-decoration:underline; font-size:110%; margin:2px 0px 2px 0px; line-height:}


/*

   This is the horizontal top navigation.
*/

.nav3-grid {width:180px; border-bottom:solid 1px rgb(200,200,200);}

.nav3-grid dt a, .nav3-grid dt a:visited {display:block; min-height:2.0em /*Non-IE6*/; height:auto !important; height:2.0em /*IE6*/; line-height:2.0em; padding:0px 10px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:120%;}

.nav3-grid dd a, .nav3-grid dd a:visited {display:block; min-height:1.7em /*Non-IE6*/; height:auto !important; height:1.7em /*IE6*/; line-height:1.7em; padding:0px 10px 0px 40px; border:none; font-weight:normal; text-decoration:none; color:rgb(255,255,255); font-size:120%;}

.nav3-grid dt a:hover, .nav3-grid dd a:hover {background-color:rgb(225,225,225); color:rgb(255,255,255); text-decoration:none;}

.nav3-bullet {width:170px; margin:10px 0 0 20px;}

.nav3-bullet dt a, .nav3-bullet dt a:visited {line-height:2.0em; padding:0 0 0 10px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:bold; font-size:120%;}

.nav3-bullet dd a, .nav3-bullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; padding:0 0 0 10px; background:url(/images/bg_bullet_half_1.gif) no-repeat 0px 50%; text-decoration:none; color:rgb(70,122,167); font-weight:normal; font-size:120%;}

.nav3-bullet dt a:hover {background:url(/images/bg_bullet_full_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-bullet dd a:hover {background:url(/images/bg_bullet_half_2.gif) no-repeat 0px 50%; text-decoration:underline; color:rgb(42,90,138);}

.nav3-nobullet {width:170px; margin:10px 0 0 20px;}

.nav3-nobullet dt a, .nav3-nobullet dt a:visited {line-height:2.0em; text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:120%;}

.nav3-nobullet dd a, .nav3-nobullet dd a:visited {line-height:1.7em; margin:0 0 0 15px; text-decoration:none; color:rgb(255,255,255); font-weight:normal; font-size:120%;}

.nav3-nobullet dt a:hover, .nav3-nobullet dd a:hover {text-decoration:underline; color:rgb(255,255,255);}

/* MAIN CONTENT */

.main-content h1.pagetitle {margin:0 0 .4em 0; padding:0 0 2px 0; border-bottom:solid 7px rgb(225,225,225);  color:rgb(100,100,100); font-weight:bold; font-size:220%;}

.main-content h1.block {clear:both; margin:1em 0 0 0; padding:2px 0 2px 2px; background:rgb(154,220,236);  color:rgb(103,114,160); font-weight:bold; font-size:220%;}

.main-content h1 {clear:both; margin:0 0 .5em 0;  color:rrgb(109,41,142); font-weight:bold; font-size:210%;}

.main-content h2 {margin:0em 0 .5em 0;  color:rgb(109,41,142); font-weight:bold; font-size:200%;}

.main-content h2.feature {clear:both; margin:0 0 .5em 0;  color:rgb(109,41,142); font-weight:bold; font-size:200%; padding-left: 0px;}

.main-content h2.shadow {clear:both; margin:0 0 .5em 0;  color:rgb(103,114,160); background:rgb(154,220,236); font-weight:bold; font-size:200%; padding: 10px;}

.main-content h3 {margin:1em 0 .5em 0; background:rgb(154,220,236);  color:rgb(103,114,160); font-weight:bold; font-size:150%; padding-left: 8px;}

.main-content h1.side {clear:none;}

.main-content h2.side {clear:none;}

.main-content h3.side {clear:none;}

.main-content h4 {margin:1.5em 0 1em 0; color:rgb(109,41,142);  font-weight:normal; font-size:170%;}

.main-content h5 {margin:0 0 1em 0; color:rgb(109,41,142);  font-weight:bold; font-size:140%;}

.main-content h6 {margin:1.2em 0 .2em 0; color:rgb(109,41,142); font-weight:bold; font-size:120%;}

.main-content h7 {font-weight:bold; font-size:115%;}

.main-content h5.title {margin: 0px 1em 1em 1em}

.main-content img {border:none;}

.main-content a img {border:none;}

.main-content .left {
		float:left;
}

.main-content .right {
		float:right; clear: both;
}

#relatedLinks {
	border-right: #787878 1px solid; padding-right: 7px; border-top: #787878 1px solid; padding-left: 3px; font-size: 95%; text-align:center; float: right; padding-bottom: 5px; margin: 1px; vertical align: top; border-left: #787878 1px solid; width: 100px; color: black; padding-top: 5px; border-bottom: #787878 1px solid; background-color: #e1e1e1; clear: none;
}

/* scalable breadcrumb */

#breadcrumb { 
height: 18px; /* This is the height we wan't on our breadcrumb */ 
padding: 4px 0 0 8px; 
background: #e1e1e1; /* This is our background color */ 
color: #eee; /*This is our color on the text which isn't a link. We want' they to be light grey */

} 

#breadcrumb li { 
float: left; 
display: inline; 
margin-right: 4px; 

}

#breadcrumb a { 
color: #333; /* breadcrumb links color */ 
font-weight: bold; /* And bold */ 
font-size: 90%;
background: url(/images/breadcrumb.gif) top right no-repeat; 
padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */ 
text-decoration: none; 

} 

#breadcrumb a:hover { 
color: #000; 
background:url(/images/breadcrumb.gif) bottom right no-repeat; 
}	

.main-content  .article p {margin:0 0 0 0; padding-top:1em; line-height:1.5em; font-size:110%; }

.main-content  p.center {text-align:center;}

.main-content  p.justify {text-align:justify;}

.main-content p.right {text-align:right;}

.main-content  p.details {clear:both; margin:-.25em 0 1em 0; line-height:1em; font-size:110%;}

.main-content blockquote {clear:both; margin:0 30px .6em 30px; font-size:110%;}

.main-content a {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; padding-top:10px; }

.main-content a:visited {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content a:active {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content a:hover {color:rgb(109,41,142); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content .icontext a {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content .icontext a:visited {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content .icontext a:active {color:rgb(21,54,97); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content .icontext a:hover {color:rgb(109,41,142); font-weight:bold; text-decoration:none; font-size:110%; }

.main-content table {clear:both; width:600px; border-collapse:collapse; empty-cells:show; background-color:rgb(233,232,244);}



#tabcontentcontainer ul {list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.5em;  line-height:1.5em; font-size:110%;}

#tabcontentcontainer ul.tabbernav li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_0.gif) no-repeat 0 0.5em;  line-height:1.5em; font-size:110%;}

#tabcontentcontainer ul li blockquote{font-size:90%; padding-bottom:10px;}

#tabcontentcontainer ul ul {list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_3.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ul ul ul {list-style:none; margin:;}

#tabcontentcontainer ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ul ul ul ul{list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ul ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

#tabcontentcontainer ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:110%;}

#tabcontentcontainer ol ol {list-style-type: lower-alpha; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

#tabcontentcontainer ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}

#tabcontentcontainer ol ol ol {list-style-type: lower-roman; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

#tabcontentcontainer ol ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}

#tabcontentcontainer ol ol ol ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

#tabcontentcontainer ol ol ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}


#tabcontentcontainer ol ul {list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ol ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ol ul ul {list-style:none; margin:;}

#tabcontentcontainer ol ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ol ul ul ul{list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ol ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}


#tabcontentcontainer ul ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

#tabcontentcontainer ul ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%; background-image: none;}

#tabcontentcontainer ul ol ul {list-style:none; margin:;}

#tabcontentcontainer ul ol ol li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

#tabcontentcontainer ul ol ol ol{list-style:none; margin:0 0 0 0;}

#tabcontentcontainer ul ol ol ol li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}



.main-content table th.top {height:3.5em; padding:0 7px 0 7px; empty-cells:show; background-color:rgb(175,175,175); text-align:left; color:rgb(255,255,255); font-weight:bold; font-size:100%;}

.main-content  table th {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; color:rgb(80,80,80); font-weight:bold; font-size:100%;}

.main-content  table td {height:3.0em; padding:2px 20px 2px 7px; border-left:solid 2px rgb(255,255,255); border-right:solid 2px rgb(255,255,255); border-top:solid 2px rgb(255,255,255); border-bottom:solid 2px rgb(255,255,255); background-color:rgb(225,225,225); text-align:left; font-weight:normal; color:rgb(80,80,80); font-size:100%;}

p.caption {clear:both; margin:.5em 0 2em 20px; text-align:left; color:rgb(80,80,80); font-size:9px;}


.main-content  ul {list-style:none; margin:0 0 0 0; }

.main-content ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.5em;  line-height:1.5em; font-size:110%;}

.main-content ul.tabbernav li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_0.gif) no-repeat 0 0.5em;  line-height:1.5em; font-size:110%;}

.main-content ul li blockquote{font-size:90%; padding-bottom:10px;}

.main-content ul ul {list-style:none; margin:0 0 0 0;}

.main-content ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_3.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content ul ul ul {list-style:none; margin:;}

.main-content ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content  ul ul ul ul{list-style:none; margin:0 0 0 0;}

.main-content  ul ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

.main-content  ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:110%;}

.main-content ol ol {list-style-type: lower-alpha; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

.main-content ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}

.main-content ol ol ol {list-style-type: lower-roman; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

.main-content  ol ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}

.main-content ol ol ol ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

.main-content  ol ol ol ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%;}


.main-content  ol ul {list-style:none; margin:0 0 0 0;}

.main-content ol ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content ol ul ul {list-style:none; margin:;}

.main-content  ol ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content ol ul ul ul{list-style:none; margin:0 0 0 0;}

.main-content  ol ul ul ul li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}


.main-content  ul ol {list-style-type: decimal; background-image: none; margin:.5em 0 1em 20px !important /*Non-IE6*/; margin:.5em 0 1em 25px /*IE6*/;}

.main-content  ul ol li {list-style-position:outside; margin:0 0 .2em 10px; line-height:1.4em; font-size:100%; background-image: none;}

.main-content  ul ol ul {list-style:none; margin:;}

.main-content ul ol ol li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_2.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.main-content ul ol ol ol{list-style:none; margin:0 0 0 0;}

.main-content ul ol ol ol li {margin:0 0 0 0; padding:0 0 0 10px; background:url(/images/bg_bullet_full_4.gif) no-repeat 0 0.5em; line-height:1.5em; font-size:100%;}

.border img {
border: none;
}

/********************/
/*  COMMON CLASSES  */
/********************/

.main img {clear:both; float:left; margin:0 2px 2px 0;  border-bottom:solid 1px rgb(190,190,190); border-left:solid 1px rgb(190,190,190); border-top:solid 1px rgb(190,190,190); border-right:solid 1px rgb(190,190,190);} //controls main images


.noloIcon img { 
    float: left; 
    border: 1px solid gray;
}


/* .icon{
width: 100%;
clear: left;
border: 1px solid gray;
} */

.icon{
	float:left; 
	margin:5px 0px 15px 0px;
	border: solid 1px #000;
}


.poll{
	float:left; 
	width: 200px;
	margin:5px 0px 15px 0px;
	border: solid 1px black;
}

.floatRight {
	float:right; 
	margin:5px 0px 15px 0px;
}

.icon .floatbox{
float: left;
width: 25px;
margin: 5px;
clear:both;
}

* html .icon p{ /* IE 3px jog hack*/
height: 1%;
}

.icon p{
padding-top: 8px;
}


.icon text{
padding-bottom: 5px;

}

.main img.center {clear:both; float:none; display:block; margin:0 auto auto; padding:1px; }

.main img.center a {clear:both; float:none; display:block; margin:0 auto auto; padding:1px; }

.noBorder {clear:both; float:none; display:block; border:none; }

.main img.right {clear:both; float:left; margin:0 2px 2px 0; border:none;} //controls right images

.main-content h1 a {color:rgb(151,20,45); font-weight:normal; text-decoration:none; font-size:200%; text-indent: - 99999px; }

.caption {margin-left: 5px; color:rgb(80,80,80); font-weight:bold; font-size:9px; background-color:yellow;}

.searchCaption {background-color:yellow;}

.foundCount {color:rgb(102,102,102); font-weight:bold; font-size:9px; text-align: left; padding-top:7px; padding-bottom:7px; margin-top:10px; }

.foundCount a {color:rgb(102,102,102); font-weight:bold; font-size:9px; }

.foundCount visited {color:rgb(102,102,102); font-weight:bold; font-size:9px; }

.foundCount active {color:rgb(102,102,102); font-weight:bold; font-size:9px; }

.featureImage {padding:0 0 0 0; border:solid 1px rgb(80,80,80);}

.line { border-top:solid 3px rgb(224,236,241); padding:1em;}

label,select {
	display: block;
	width: 175px;
	margin-top: 10px;
	margin-bottom: 5px;
}

.searchContainer {   position: relative;
   height: 50px; }

.searchRight {
   position: absolute;
   right: 0;
   width: 75%;
   text-align: right; /* depends on element width */
   } 

.searchRight2 {
   position: absolute;
   padding-top: 10%;
   right: 24%;
   width: 75%;
   text-align: right; /* depends on element width */
   } 

.asLink a {color:rgb(90,90,90); font-weight:bold; text-decoration:none; text-align:right; }

.asLink	a:hover {color:rgb(0,0,0); font-weight:bold; text-decoration:none; text-align:right; }

.asLink	a:visited {color:rgb(90,90,90); font-weight:bold; text-decoration:none; text-align:right; }

.centerImage {margin-left:1em; border:0;}

.centerImageLg {margin-left:6em;}

.centersImage {margin-left:.2em;}

#centerScript {padding-left:30%; padding-bottom:2em; padding-top:2em; }

.banner {font-size:14pt; font-weight:bold; margin:5px 0 0 640px; color:rgb(151,20,45);

.scolor{ font-size:10pt; background-color:rgb(240,239,232); color:rgb(123,133,124)}

.scolor2{ font-size:8pt; background-color:rgb(240,239,232); color:rgb(123,133,124)}

/* All form elements are within the definition list for this example */
dl {
	font:normal 14px/16px Arial;
    position: relative;
    width: 350px;
}
dt {
    clear: both;
    float:left;
    width: 130px;
    padding: 4px 0 2px 0;
    text-align: left;
}
dd {
    float: left;
    width: 200px;
    margin: 0 0 8px 0;
    padding-left: 6px;
}


/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    right: -250px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

/********************/
/*  FORMS  */
/********************/

input
{
color: #000060;
background: #BEDEE9;
border: 1px solid #000000
}

select
{
color: #000060;
background: #BEDEE9;
border: 1px solid #000000
}

submit
{
color: #000060;
background: #BEDEE9;
border: 1px outset #000060
}

/* classes for validator */

	.intd
		{color: #000000; font-family: Tahoma, Verdana; font-size: 11px; padding-left: 15px;}
	.wcell
		{background: #FFFFFF; vertical-align: top}
	.ctrl
		{font-family: Tahoma, Verdana, sans-serif; font-size: 12px; width: 100%;}
	.btnform
		{border: 0px; font-family: tahoma, verdana; font-size: 12px; background-color: #DBEAF5; width: 100%; height:18px; text-align: center; cursor: hand;}
	.btn
		{background-color: #DBEAF5; padding: 0px;}
	textarea, select,input
		{font: 9px Verdana, arial, helvetica, sans-serif; background-color: #DBEAF5;}
		
	/* classes for validator */
	.inputHighlighted
		{font-weight: bold; color: red;}
	.inputNormal
		{font-weight: normal;	color: black;}




/* clouds */

.tag_cloud { padding: 3px; text-decoration: none; }
.tag_cloud:link  { color: #81d601; }
.tag_cloud:visited { color: #019c05; }
.tag_cloud:hover { color: #ffffff; background: #69da03; }
.tag_cloud:active { color: #ffffff; background: #ACFC65; }

/* siteMap */

.siteMap:link {
	color: #e3e3e3;
	font-size:10px; }
.siteMap:visited {
	color: #e2e2e2;
	font-size:10px; }
.siteMap:active {
	color: #e3e3e3;
	font-size:10px; }
.siteMap:hover {
	color: #e3e3e3;
	font-size:10px;
	text-decoration: underline; }
.siteMap:h3 {
	color: #e3e3e3;
	font-size:12px; 
	font-weight: bold;}


/* Search */

.search {
	background-color: yellow;}


.pollSizeLg {
	width=14%; }
.pollSizeSm {
	width=8%; }
.pollLink a {
	width=100%;
	text-align: center; 
	width: 165px; 
	padding: 5px 5px 0px 5px;}

.pollLink a.visited {
	width=100%;
	text-align: center; 
	width: 165px; 
	padding: 5px 5px 0px 5px;}

.pollLink a.active {
	width=100%;
	text-align: center; 
	width: 165px; 
	padding: 5px 5px 0px 5px;}

.pollLink a.hover {
	width=100%;
	text-align: center; 
	width: 165px; 
	padding: 5px 5px 0px 5px;}

footer {
	text-align:center; }

#nopadright {
padding-top: 1px;
padding-bottom: 1px;
float: top;
font-weight:bold;
}
}

.myform{
	margin:0 auto;
	width:450px;
	padding:14px;
}


	/* ----------- stylized ----------- */
	#stylized{
		border:solid 2px #333333;
		background:#EBEBEB;
	}
	#stylized h1 {
		font-size:18px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#stylized p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #BCBCBC;
		padding-bottom:10px;
	}
	#stylized select{ 
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #7B7B7B;
		width:200px;
		margin:4px 0 20px 10px;
	}
	#stylized label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#stylized .small{
		color:#333333;
		display:block;
		font-size:14px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#stylized input{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #7B7B7B;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized .boxes{
		float:left;
		font-size:12px;
		width:20px;
		margin:7px 0 20px 10px;
	}
	#stylized input.radio {
clear: right;
clear: top;
	margin: 0px 0 0 20px;
	width: 25px;
	display: inline;
}
	#stylized textarea{
		float:left;
		font-size:12px;
		padding:4px 2px;
		border:solid 1px #7B7B7B;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#stylized button{ 
		clear:both;
		margin-left:150px;
		width:45px;
		height:38px;
		background:#CCCCCC;
		border:solid 1px #7B7B7B;
		text-align:center;
		line-height:31px;
		color:#333333;
		font-size:12px;
		font-weight:bold;
	}

 .highlight   
{   
	background-color:rgb(21,54,97);   
}   
  
.highlight_important   
{   
background: #FF99FF;   
} 

.articleleft {float:left; width:50%;  margin-bottom:25px !important /*Non-IE6*/; margin-bottom:15px /*IE6*/;}
.articleright {float:right; width:50%;  margin-bottom:25px !important /*Non-IE6*/; margin-bottom:15px /*IE6*/;}

.uline { text-decoration: underline; }

.center { text-align:center; }


.chromestyle {

	width: 100%;
	
font-weight: bold;

	padding-bottom: 20px;}



.chromestyle:after { 
	/*Add margin between menu and rest of content in Firefox*/
	
content: "."; 
	
display: block; 
	
height: 0; 
	
clear: both; 
	
visibility: hidden;
}

.chromestyle ul {
	
	width: 100%;
	/*THEME CHANGE HERE*/
	padding: 4px 0;
margin: 0;
text-align: center; 
	/*set value to "left", "center", or "right"*/

}

.chromestyle ul li {
	display: inline;

}
.chromestyle ul li a {
	color: #fff;
	padding: 4px 15px;
	
margin: 0;
	
text-decoration: none;
}
.chromestyle ul li a:hover, .chromestyle ul li a.selected { 
	/*script dynamically adds a class of "selected" to the current active menu item*/
	background: url(chromebg-over.gif) center center repeat-x;
	/*THEME CHANGE HERE*/}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv {
	position:absolute;
	top: 0;
	border: 1px solid #BBB; 
	/*THEME CHANGE HERE*/
	border-bottom-width: 0;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:10;
	background-color: white;
	width: 200px;
	
visibility: hidden;}
	
.dropmenudiv a {
	
width: auto;
	
display: block;
	text-indent: 3px;
	
border-bottom: 1px solid #BBB; 
	/*THEME CHANGE HERE*/
	
padding: 2px 0;
	text-decoration: none;
	font-weight: bold;
	
color: black;
}

* html .dropmenudiv a { 
	/*IE only hack*/
	width: 100%;}
.dropmenudiv a:hover { 
	/*THEME CHANGE HERE*/
	
background-color: #F0F0F0;}

.seminars2-unit-left {
	float:left; 
	margin:0 0px 15px 0px;
	padding-right: 0px;
	height: 200px;
}



.main-content p{
margin-top: 10px;

}

.columnSeminar {
float:right; 
width:510px;
margin-top:0px;
}


/* Start of Column CSS */
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;

}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#col1 {
	float:left;
	width:16%;
	position:relative;
	left:82%;
	margin-top:5px;
	overflow:hidden;
}
#col2 {
	float:left;
	width:16%;
	position:relative;
	left:86%;
	margin-top:5px;
	overflow:hidden;
}
#col3 {
	float:left;
	width:16%;
	position:relative;
	left:90%;
	margin-top:5px;
	overflow:hidden;
}
#col4 {
	float:left;
	width:16%;
	position:relative;
	left:94%;
	margin-top:5px;
	overflow:hidden;
}
#col5 {
	float:left;
	width:16%;
	position:relative;
	left:98%;
	margin-top:5px;
	overflow:hidden;
}

/* Start of Poll Column CSS */

#pontainer2 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;


}
#pontainer1 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:24%;


}
#pol1 {
	float:left;
	width:43%;
	position:relative;
	left:24%;
	margin-top:5px;
	overflow:hidden;
}
#pol2 {
	float:left;
	width:43%;
	position:relative;
	left:28%;
	margin-top:5px;
	overflow:hidden;
}

.leftSeminar {	
	float:left;
	padding-right: 20px;

	}

#register {
	float:left;
	width:100%;
	position:relative;
	background:; /* column 1 background colour */
	margin-top: -60px;
}
#reg {
	float:left;
	width:100%;
	position:relative;
	left: 22%;
	overflow:hidden;
}

#slantedmenu{
font-weight: normal;
font-size: 95%;
}

#slantedmenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#slantedmenu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #e0e0e0;
border: 1px solid #bebebe;
text-align: right; /*set value to "center" for example to center items*/
}

#slantedmenu ul li{
display: inline;
}

#slantedmenu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url('../images/slantdivider.gif') top right no-repeat;
}

#slantedmenu ul li a:visited{
color: #494949;
} 

#slantedmenu ul li a:hover{
color: black;
}

content {
border: 1px solid red;
}

.relatedList {float:left; }

.relatedList a{	padding-left:10px;}

fieldset { border:0px solid gray; ;}


.column2-unit-leftpoll {float:left; padding-top:25px; padding-left:28px; width:46%}

.column2-unit-leftpoll table{width:300px;}


.column2-unit-rightpoll {float:right; width:200px; padding-right:10px;}	



#news h2 {	
	font-size: ;
	color: ;
	background-color: ;
	border-bottom: 1px solid  ;
	margin-top: -10px;
	margin-bottom:8px;
	padding: 7px 0 7px 4px;
	font-weight: bold;
	}

.tabbed_area ul li
{background-image:none;
list-style:none;}	
}

#tabbed_box_1 {
	margin: 0px auto 0px auto;
	width:300px;
}
.tabbed_box h4 {
	font-size:23px;
	color:#ffffff;
	letter-spacing:-1px;
	margin-bottom:10px;
}
.tabbed_box h4 small {
	color:#2F343A;
	font-weight:normal;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}
.tabbed_area {
	border:1px solid #FFFFFF;
	background-color:#FFFFFF;
	padding:1px;
}

ul.tabs {
	margin:0px; padding:0px;
	margin-top:5px;
	margin-bottom:5px;
}
ul.tabs li {
	list-style:none;
	display:inline;
}
ul.tabs li a {
	background-color:#E1E1E1;
	color:;
	padding:8px 14px 9px 14px;
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	border-left:1px solid #464c54;
	border-right:1px solid #464c54;
	border-top:1px solid #464c54;
	background-repeat:repeat-x;	 
	background-position:bottom;
}
ul.tabs li a:hover {
	background-color:#E2E2E3;
	border-color:#8D8F8E;
	font-size:9px;
}
ul.tabs li a.active {
	background-color:#FFFFFF;
	color:;
	border:1px solid #8D8F8E; 
	border-bottom: 1px solid #ffffff;
	background-repeat:repeat-x;
	background-position:top;	
}
.content {
	background-color:#ffffff;
	padding:10px;
	border-left:1px solid #8D8F8E; 
	border-right:1px solid #8D8F8E; 
	border-bottom:1px solid #8D8F8E; 	
	border-top:1px solid #8D8F8E; 
	background-repeat:repeat-x;	 
	background-position:bottom;	
}
.content a {
color: ;
}
#content_2, #content_3, #content_4, #content_5, #content_6, #content_7, #content_8 { display:none; }

.content ul {
	margin:0px;
	padding:0px 20px 0px 20px;
}
.content ul li {
	list-style:none;
	margin:0 0 0 0; 
	padding:0 0 0 10px; 
	background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.5em;  
	line-height:1.5em; 
	font-size:110%;
}
.content ul li:last-child {
	border-bottom:none;
}
.content ul li a {
	text-decoration:none;
	color:;
}
.content ul li a small {
	color:;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	left:4px;
	top:0px;
}
.content ul li a:hover {
	color:;
}
.content ul li a:hover small {
	color:;
}




#headline {
	width:585px;
	float:left;
	font-size:1.05em;
	line-height:1.75em;
	margin: 0px 0px 0px 10px;
	}

#headline 
h1 {		font-size:210% ;
	font-weight:bold;
	color: rgb(109,41,142);
	line-height:1.15em;
	padding-bottom: 5px;	}


#headline h1 a{	
	color: rgb(150,150,150);
	font-size: ;
	font-weight: bold;
	}


#headline h2 {	
        	font-size: 200%;
	color: rgb(103,114,160);
	background-color: rgb(154,220,236);
	border-bottom: 1px solid rgb(103,114,160);
	margin-top: 14px;
	margin-left: 0px;
	margin-bottom: 8px;
	padding: 7px 0 7px 4px;
	font-weight: bold;
	}




#headline h3 {	
	font-size: 16px;
	color: rgb(103,114,160);
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-weight: bold;
	}


#headline a:link {	
	color: ;	
	text-decoration:	}

#headline a:visited {	
	color: ;	
	text-decoration:	}

#headline a:hover {	
	color: ;	
	text-decoration:; }

#headline a:active {	
	color: ;	
	text-decoration:; }

#headline  div.title {
	font-weight:bold;
		font-size:2.4em ;
	letter-spacing:-0.05em;
	display:block;
	padding-bottom:5px;	}

#headline div.meta {
	display:block;
	padding-bottom:2px;
	}

#headline p {
	font-size:12px;
	padding-bottom:10px;
	}

#headline #this ul{
	margin-left:125px;
	}







.moscontent {
display: block;
background-color:#eee;
padding:0 10px;
}

.moscontent p {
font-size:85%;
float:left;
}

.moscontent img {
float:right;
}

.moscontent ul {
font-size:85%;
float:left;
}


.mayo {
width:470px;
float:right;
}




