/* NON-HEADER */



/*

   adjusts the WEBPAGE within the OUTERBOX (0)

*/

*{padding:0; margin:0;}



 body {font-size:62.5%;  background:url( ) rgb(102,153,255);  font-family:Arial, Verdana, "sans-serif";} /*Font-size: 1.0em = 10px when browser default size is 16px*/



.page-container {background-color:rgb(102,153,255); width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 20px rgb(0,0,153); font-size:1.0em; padding: .25em;}



.main {clear:both; width:900px; padding-bottom:30px;  background: transparent url(../1508/HMSnew/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)

*/



/*

   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:680px; 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:180px; margin:0 0 0 10px; 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;}



/* 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: 20px; 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:5px; 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:168px; 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;}

.nav0 a:hover {text-decoration:none;}

.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(0,0,153); 

	font-size:115%;

}



 /*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(239,218,154);

	}



.nav2 ul li ul {

	display:none; 

	border:none;

	}



.nav2 .highlight a {

	background-color:rgb(17,37,194); 

	color:rgb(0,0,0);

	}



/* TOP (HORIZONTAL) NAVIGATION (HOVER)

/*Non-IE6 hovering*/



.nav2 ul li:hover a {

	background-color:rgb(206,255,156); 

	color:rgb(0,0,153); 	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:0.1em; 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:rgb(0,0,153); 

	font-weight:normal; 

	color:rgb(239,218,154);

	}



	 /*Color subcells normal mode*/



.nav2 ul li:hover ul li a:hover {

	background-color:rgb(206,255,156); 

	color:rgb(0,0,153); 

	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:rgb(206,255,156); 

	color:rgb(0,0,153); 	

	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(0,0,153); 	font-weight:normal; 

	color:rgb(239,218,154);  

	z-index:1000;

	} 



/*Color subcells normal mode*/



.nav2 ul li a:hover ul li a:hover {

	background-color:rgb(206,255,156); 

	color:rgb(0,0,153); 

	text-decoration:none;

	}



/*Color subcells hovering mode*/






/******************/

/*  MAIN SECTION  */

/******************/



.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:650px;  margin:25px !important /*Non-IE6*/; margin:5px /*IE6*/;}



.column2-unit-left {float:left; width:150px; margin:25px !important /*Non-IE6*/; margin:15px /*IE6*/;  display:inline;}

.column2-unit-left h1{
	clear:both;
	background-color:rgb(0,0,153);
	color:rgb(239,218,154);
	font-weight:bold;
	font-size:110%;
	padding:1px;
				
}
.column2-unit-left a{
text-decoration:none;
font-weight:bold;
}
.column2-unit-leftp{
/*from hms mainsubcontent p*/
				clear:both;
				margin:0 2px 2px 2px;
				color:rgb(0,0,0);
				font-size:8pt;
				background-color:#ceff9c;
}



.column2-unit-right 
{overflow:visible !important /*Firefox*/;
overflow:visible /*IE6*/;
padding-right:15px; 
float:right; 
width:410px; 
margin:25px !important /*Non-IE6*/; 
margin:15px /*IE6*/;}

 
 .searchcolumn2-unit-right {padding-right:15px; float:right; width:590px; 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);}

.searchcolumn2-unit-right .bkg {background:rgb(240,239,232);}



.column2-unit-leftContent {float:left; width:25%; 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*/;}

.searchcolumn2-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border {width:183px; margin-bottom:0 0 5px 0; padding:-5px 0 5px 0; border:1px solid rgb(239,218,154); background:rgb(239,218,154);}

.subcontent-unit-noborder {width:183px; margin:0 0 5px 0; padding:-5px 0 5px 0; background:rgb(239,218,154);}.round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(/1508/HMSnew/images/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}

.round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(/1508/HMSnew/images/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:174px;}

.round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(/1508/HMSnew/images/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}

.round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(/1508/HMSnew/images/bg_corner_topright.gif) 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  !!!!

*/



.main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.main-content div:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.main-navigation:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.main:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.header-breadcrumbs:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.header:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}



.page-container:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column3-unit-middle:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column3-unit-left:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column2-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.searchcolumn2-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column2-unit-left:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.column1-unit:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border-green:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-border-blue:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-noborder-green:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.subcontent-unit-noborder-blue:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clear-contentunit {clear:both; width:640px; height:0.1em; border: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(../1508/HMSnew/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(239,218,154);

font-weight:bold;

font-size:14px;

width:183px;

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;

 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: 1px solid rgb(172,168,153);

 text-decoration: none;

}



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;

 border:1px solid rgb(172,168,153);

 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;

}



rgb(5,85,148)

//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:rgb(5,85,148); background-color:rgb(5,85,148);  font-weight:bold; text-decoration:none; font-size:110%; margin:rgb(5,85,148);}



.main-navigation h1 a:visited {clear:both; color:rgb(5,85,148); background-color:rgb(5,85,148);  font-weight:bold; text-decoration:none; font-size:110%; padding:2px 0px 2px 0px; margin:rgb(5,85,148);}



.main-navigation h1 a:active {clear:both; color:rgb(5,85,148); background-color:rgb(5,85,148);  font-weight:bold; text-decoration:none; font-size:110%; padding:2px 0px 2px 0px; margin:rgb(5,85,148);}



.main-navigation h1 a:hover {clear:both; color:rgb(5,85,148); background-color:rgb(5,85,148); font-weight:bold; text-decoration:underline; font-size:110%;  padding:2px 0px 2px 0px; margin:rgb(5,85,148);}



.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 a {color:rgb(5,85,148); font-weight:bold; text-decoration:none; font-size:110%; padding:2px 0px 2px 0px;}



.main-navigation a:visited {color:rgb(5,85,148); font-weight:bold; text-decoration:none; font-size:110%; padding:2px 0px 2px 0px;}



.main-navigation a:active {color:rgb(5,85,148); font-weight:bold; text-decoration:none; font-size:110%; padding:2px 0px 2px 0px;}



.main-navigation a:hover {color:rgb(5,85,148); font-weight:bold; text-decoration:underline; font-size:110%; padding:2px 0px 2px 0px;}



.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(0,0,153);  color:rgb(239,218,154); font-weight:bold; font-size:110%;}



.main-subcontent h1 {clear:both;  background-color:rgb(0,0,153);  color:rgb(239,218,154); font-weight:bold; font-size:110%; padding:1px;
text-decoration:none; }


/* 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(0,0,0); 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; background:url(/images/bg_bullet_full_1.gif) no-repeat 0 0.4em; 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(17,37,194); 
font-weight:bold; 
/*text-decoration:underline; */
text-decoration:none;
font-size:110%; 
margin:2px 0px 2px 0px; 
line-height:1.75em;}



.main-subcontent a:visited {color:rgb(17,37,194); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:1.75em}



.main-subcontent a:active {color:rgb(17,37,194); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:1.75em}



.main-subcontent a:hover {color:rgb(17,37,194); font-weight:bold; text-decoration:none; font-size:110%; margin:2px 0px 2px 0px; line-height:1.75em}





/*



   This is the horizontal top navigation.

*/



.nav3-grid {width:180px; border-bottom:solid 1px rgb(200,200,200);}



.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 dt a {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: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 dd a {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 dd a:hover {background-color:rgb(225,225,225); color:rgb(255,255,255); text-decoration:none;}



.nav3-grid dt 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: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 dt a {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: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 dd a {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:visited {line-height:2.0em; text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:120%;}



.nav3-nobullet dt a {line-height:2.0em; text-decoration:none; color:rgb(255,255,255); font-weight:bold; font-size:120%;}



.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 dd a {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 dd a:hover {text-decoration:underline; color:rgb(255,255,255);}



.nav3-nobullet dt a:hover {text-decoration:underline; color:rgb(255,255,255);}



/* MAIN CONTENT */



.main-content h1.pagetitle {margin:1em 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(17,37,194);  color:rgb(255,255,255); font-weight:bold; font-size:220%;}



.main-content h1 {clear:both; margin:1em 0 .5em 0;  color:rrgb(17,37,194); font-weight:bold; font-size:220%;}



.main-content h2 {clear:both; margin:1em 0 .5em 0;  color:rgb(17,37,194); font-weight:bold; font-size:165%;}



.main-content h2.feature {clear:both; margin:0 0 .5em 0;  color:rgb(17,37,194); font-weight:bold; font-size:165%; padding-left: 8px;}



.main-content h2.shadow {clear:both; margin:0 0 .5em 0;  color:rgb(255,255,255); background:rgb(17,37,194); font-weight:bold; font-size:165%; padding-left: 8px;}



.main-content h3 {clear:both; margin:1em 0 .5em 0; background:rgb(225,225,225);  color:rgb(17,37,194); 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(17,37,194);  font-weight:normal; font-size:145%;}



.main-content h5 {margin:1.5em 0 1em 0; color:rgb(17,37,194);  font-weight:bold; font-size:140%;}



.main-content h6 {margin:1.2em 0 .2em 0; color:rgb(17,37,194); font-weight:bold; font-size:120%;}



.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 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(17,37,194); font-weight:bold; text-decoration:none; font-size:110%;}



.main-content a:visited {color:rgb(17,37,194); font-weight:bold; text-decoration:none; font-size:110%;}



.main-content a:active {color:rgb(17,37,194); font-weight:bold; text-decoration:none; font-size:110%;}



.main-content a:hover {color:rgb(17,37,194); 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);}

.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 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:0 0 0 0;}



.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:0 0 0 0;}



.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:0 0 0 0;}



.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%;}





/********************/

/*  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;

}

.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%;}



.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;}





.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  */

/********************/









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;}

	
		

	/* 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 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(17,37,194);   

}   

  

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



.chromestyle ul li a:hover { 

	/*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;

}



#iconDesign {

float: left;

margin-top: 5px;

}



.main-content p{

margin-top: 10px;



}



.columnSeminar {

float:right; 

width:510px;

margin-top:0px;

}





/* Start of Column CSS */

#container4 {

	clear:left;

	float:left;

	width:100%;

	overflow:hidden;

	background:; /* column 4 background colour */

	margin-top: 5px;

}

#container3 {

	clear:left;

	float:left;

	width:100%;

	position:relative;

	right:25%;

	background:; /* column 3 background colour */

	margin-top: 5px;

}

#container2 {

	clear:left;

	float:left;

	width:100%;

	position:relative;

	right:25%;

	background:; /* column 2 background colour */

	margin-top: 5px;

}

#container1 {

	float:left;

	width:100%;

	position:relative;

	right:25%;

	background:; /* column 1 background colour */

	margin-top: 5px;

}

#col1 {

	float:left;

	width:21%;

	position:relative;

	left:77%;

	overflow:hidden;

}

#col2 {

	float:left;

	width:21%;

	position:relative;

	left:81%;

	overflow:hidden;

}

#col3 {

	float:left;

	width:21%;

	position:relative;

	left:85%;

	overflow:hidden;

}

#col4 {

	float:left;

	width:21%;

	position:relative;

	left:89%;

	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;

}

.title {

margin-left:5px;

}