* {
	margin: 0px;
	padding: 0px;
	border: 0px dotted #66869e;
	text-align: justify;
	color: #000;
	border-collapse: collapse;
}

html {
	overflow-y: scroll; 
}
body {
	font-family: Arial,"Trebuchet MS", Verdana;
	font-size: 13px;
	background: #eeeeee url('img/background.png') top left repeat-x;
	background-attachment: fixed;
	line-height: 18px;
}
div.Holder {
	width: 1000px;
	margin: 0px auto;
	border: 1px solid #bfc1c0;
	background: white url('img/bottom.png') bottom right no-repeat;
}
td { vertical-align: top; }
th { color: #626463; }

input, textarea, select { border: 1px solid #00355e; }
input.Submit { text-align: center; font-weight: bold; background: #d2d9df; color: #00355e; }


form.Message input, form.Message select { margin-bottom: 5px; width: 300px;}
form.Message select { margin-bottom: 10px; width: 303px;}
form.Message textarea {width: 300px; height: 200px; }
form.Message input.Submit {width: 100px; margin-top: 10px;}

span.Check { width: 130px; display: block; float: left; }
span.Check input, div.Check input { width: auto; border-width: 0px; margin: 0px 5px 0px 0px;}
.errors, .errors strong { color: #b62d2d; margin-bottom: 10px;}


h2 {
	font-weight: bold; 
	font-size: 16px;
	color: #4e681d;
	text-transform: uppercase;
	border-bottom-width: 1px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}
h2 span {
	float: right;
	font-weight: normal;
	font-size: 11px;
	text-transform: none;
}
h2 sup { text-transform: none; color: #90b62d;}

h3 {
	font-weight: normal; 
	font-size: 16px;
	color: #4e681d;
	margin-bottom: 5px;
}

h3 b {
	font-weight: normal;
	color: #4e681d;
}

.IcoZoom { background: transparent url('img/icon-zoom.png') top right no-repeat; }
.IcoGear { background: transparent url('img/icon-gear.png') top right no-repeat; }
.IcoGlobe { background: transparent url('img/icon-globe.png') top right no-repeat; }
.IcoProduct { background: transparent url('img/icon-product.png') top right no-repeat; }

h4 {
	font-weight: bold;
	font-size: 13px;
	color: #4e681d;
}
h5 {
	font-weight: bold;
	font-size: 13px;
	color: white;
	background: #00355e url('img/corner.png') top left no-repeat;
	text-align: center;
}

a { text-decoration: none; }

/* 
							 BANNER
*/
div.Banner {
	height: 60px;
	background: white url("img/top-middle.png") top left repeat-x;
}
div.Banner div.Logo {
	height: 60px;
	width: 350px;
	float: left;
}
div.Banner div.Background {
	height: 60px;
	width: 640px;
	margin-left: -640px;
	background: transparent url("img/top-right.png") top left no-repeat;
	float: right;
	color: #00355e;
	text-align: right;
}
div.Banner div.Background span { 
	display: block; 
	margin-top: 40px; 
	margin-left: 465px;
}
/* 
							 MENU
*/
div.Menu {
	background-color: #00355e;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: white;
	padding: 0px 10px;
}

div.Menu div.Search {
	float: right;
	height: 20px;
	background: #66869e url('img/search.png') top left no-repeat;
	font-size: 13px;
	width: 160px;
	padding: 0px 5px;
	padding-left: 25px;
	margin: 0px;
}

div.Menu div.Search input{
	margin-top: 1px;
}

div.Copyright {
	clear: both;
	background-color: #00355e;
	height: 20px;
	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
	text-align: left;
	color: white;
	padding: 0px 10px;
	font-weight: bold; text-align: center; 
}
div.Copyright span { color: #66869e; margin-right: 10px; }
div.Copyright a { color: white; }
/*
				MARQUEE
*/
div.dmarquee {
	clear: both;
	color: black;
	font-size: 11px;
	width: 158px;
	height: 100px;
	padding: 0px 0px;
	overflow: hidden;
}
div.dmarquee div {
	height: 100px;
	padding: 0px;
	width: 158px;
	text-align: left;
	overflow: hidden;
}
div.dmarquee div div {
	height: auto;
	text-align: left;
}

div.NewsItem {
	font-size: 10px;
	line-height: 14px;
	margin-bottom: 0px;
}
div.NewsItem span {
	display: block;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}


/* 
							 CONTENT 
*/
div.HomeBanner {
	clear: both;
	height: 250px;
	width: 100%;
}

div.BannerRight {
	color: white;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	top: 55px;
	left: 610px;
	width: 390px;
	height: 90px;
	text-align: left;
	border-width: 0px;
}
div.BannerRight div {
	color: white;
	text-align: left;
}
div.BannerRight h3 { margin: 0px; margin-bottom: 10px; padding: 0px; color: white; font-size: 20px; }
div.BannerRight a { font-weight: bold; color: white; text-align: left; }

div.BannerRight ul { list-style: url('img/icon-read.png'); margin: 0px; margin-left: 10px; padding: 0px; text-align: left; }


div.Spotlight {
	float: left; 
	border-right-width: 1px; 
	width: 182px; 
	padding-right: 5px; 
	margin: 0px 10px; 
	height: 155px;
}
div.Spotlight h3 { margin: 0px; margin-bottom: 10px; padding: 0px; color: #00355e; font-weight: bold; font-size: 25px; }

div.ContentBar { 
	clear: both;
	height: 100px;
	color: white;
	background: #406886;
	background-repeat: no-repeat;
	font-size: 25px;
	font-weight: bold;
	padding-left: 220px;
	vertical-align: middle;
}
div.ContentBar span { 
	padding: 20px 0px;
	display: block;
	vertical-align: middle;
	color: white;
}
div.ContentBar b { 
	display: block;
	padding-top: 15px;
	font-weight: normal; 
	color: #d2d9df; 
	font-size: 20px;
}

.LeftL {
	width: 179px;
	padding: 20px 10px;
	background-color: #d2d9df;
	border-right-width: 1px;
}

.LeftL ul { list-style: none; margin: 0px; padding: 0px; }


.LeftL ul a { 
	font-weight: bold;
	font-size: 13px;
	display: block;
	height: 35px;
	line-height:35px; 
	border-bottom: 1px solid #93a7b8;
	color: #00355e;
	text-align: left;
	padding: 0px 5px;
}

.LeftL li { clear: both; list-style: none; margin: 0px; padding: 0px; }
.LeftL li ul { float: right; width: 15px; height: 10px; background: transparent url('img/icon-arrow.png') top left no-repeat; margin-top: -23px; }
.LeftL li.active ul { display: block; }

.LeftL li ul li { display: none; }
.LeftL li.active ul { float: none; margin-top: 0px; width: auto; height: auto; }
.LeftL li.active ul li { display: block; }

.LeftL li.active a { background-color: #f1f4f5; }

.LeftL li a:hover { background-color: #f1f4f5; }

.LeftL li.active li a { 
	padding-left: 20px;
	background: #e4e8ec url('img/icon-block.png') 5px center no-repeat;
	font-weight: bold;
	font-size: 13px;
	
	height: 25px;
	line-height: 25px;
}
.LeftL li.active li a { background-color: #e4e8ec; }
.LeftL li.active li a:hover { background-color: #f1f4f5; }

.LeftL li.active li.active a { background-color: #f1f4f5; }


.RightL { width: 180px; padding: 20px 10px; border-left-width: 1px; }
.RightL h3 { border-bottom-width: 1px; }

div.Notice {
	font-size: 10px;
	line-height: 14px;
	width: 158px;
	border: 1px solid #00355e;
	border-top-width: 0px;
	padding: 5px;
}
div.Notice il { padding-left: 40px; }
div.Notice img { margin-right: 5px; }

.CenterL {}


.CenterL ul, .RightL ul { list-style-image: url('img/icon-dot.png');}
.CenterL li {  margin-left: 20px; }
.CenterL li b { color: #4e681d; }

.CenterL img { margin: 0px; }
.CenterL img.right { float: right; margin-left: 15px; }
.CenterL img.left { float: left; margin-right: 15px; }
.CenterL img.center { float:center; margin-left: 15px; }

.CenterL ul.Special { list-style-image: url('img/icon-read.png');}

.CenterL a { 
	background: transparent url('img/icon-read.png') -3px 3px no-repeat;
	padding-left: 11px;
	font-weight: bold; color: #00355e; 
}
.CenterL a:hover {text-decoration: underline; }

.CenterL a.Simple { background-image: none; padding: 0px; color: #00355e; }

.CenterL a.Clean { background-image: none; padding: 0px; font-weight: normal; color: #406886; }

.CenterL a.PDF { padding-left: 13px; background-image: url('img/icon-pdf.png'); font-weight: normal; color: #406886; display: block; }

div.LeftC { float: left; width: 48%; clear: both; }
div.RightC { float: right; width: 48%; }

div.PrintFriendly { font-size: 11px; margin-bottom: 16px;}
div.PrintFriendly img { float: left; margin-right: 5px;}

div.Clear { clear: both; height: 0px;}

p { margin-bottom: 10px; }


div.Event { clear: both; font-size: 11px; margin-bottom: 10px;}

div.Event span { font-size: 13px; display: block; }

div.Event img { width: 40px; margin-right: 20px; margin-bottom: 10px; }

div.Events h2 { clear: both; }

div.Quote { 
	color: #90b62d; 
	font-size: 16px; 
	font-weight: bold; 
	text-align: center; 
	padding: 0px 10px;
}
div.Quote span { white-space: nowrap; display: inline; width: 40px; height: 20px; }
div.Quote span.open { background: transparent url('img/quote-open.png') top left no-repeat; }
div.Quote span.close { background: transparent url('img/quote-close.png') bottom right no-repeat; }

div.Footnote { font-size: 11px; color: #626463; }
/* 
							 EXTRA (form) 
*/

div.Extra {
	background: #e4e8ec url('img/glance.png') 13px 30px no-repeat;
	line-height: 14px;
	font-size: 10px;
	padding: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	width: 200px;
	border: 1px solid #00355e;
	float: right;
	text-align: left;
}
div.Extra h3 {
	background-color: #93a7b8;
	font-size: 16px;
	margin: 0px -10px 10px -10px;
	color: black;
	padding: 7px 13px;
	height: 16px;
}
div.Extra li { text-align: left; }

div.ExtraG {
	background: #e2ecc4 url('img/glanceg.png') 13px 30px no-repeat;
	line-height: 14px;
	font-size: 10px;
	padding: 10px;
	margin-left: 10px;
	padding-bottom: 5px;
	padding-top: 0px;
	width: 200px;
	border: 1px solid #90b62d;
	float: right;
	text-align: left;
}
div.ExtraG h3 {
	background-color: #c5d98a;
	font-size: 16px;
	margin: 0px -10px 10px -10px;
	color: black;
	padding: 7px 13px;
	height: 16px;
}
div.ExtraG ul { list-style-image: url('img/icon-dotg.png');}
div.ExtraG li { text-align: left; }


div.Information {
	background-color: #e2ecc4;
	padding: 10px;
	margin: 5px;
	margin-right: 0px;
	border: 1px solid #90b62d;
}
div.Information h3 {
	color: #4e681d;
	font-weight: bold;
	border-bottom: 1px dotted #90b62d;
}
div.Information ul { list-style-image: url('img/icon-dotg.png');}


/* 
							 Tables
*/
div.FrontPageHolder { padding: 4px; padding-top: 0px; background-color: white; margin-top: -4px; }
table.FrontPage { margin: 0px;}
table.FrontPage td { 
	text-align: justify; 
	border: 3px solid #bfc1c0;
	padding: 5px;
	color: #626463;
	background-color: white;
}
table.FrontPage h3 { 
	font-size: 20px;
	font-weight: bold; color: #00355e; 
	height: 20px;
}

table.FrontPage a { 
	background: transparent url('img/icon-read.png') -3px 3px no-repeat;
	padding-left: 11px;
	font-weight: bold; color: #00355e; 
}

table.Normal { width: 100%; }
table.Normal th { 
	text-align: center; 
	color: #00355e;
	background: #e4e8ec;
	border: 1px solid #00355e;
	padding: 7px;
}
table.Normal th h2 {
	margin: -7px;
	border-width: 0px;
	padding-top: 8px;
	background: #66869e;
	color: white;
	text-align: center;
	height: 22px;
}
table.Normal td { 
	text-align: justify; 
	border: 1px solid #00355e;
	padding: 7px;
}

td.Blue { background: #f1f4f5; }
td.Green {background: #e2ecc4; }
td.center {text-align: center; }
td.right { text-align: right; }


table.Normal td.Dot { 
	background: transparent url('img/dot.png') center center no-repeat;
}

table.Left { width: 100%; }
table.Left th { 
	text-align: left; 
	color: #00355e;
	background: #e4e8ec;
	border: 1px solid #00355e;
	padding: 7px;
}
table.Left th h2 {
	margin: -7px;
	border-width: 0px;
	padding-top: 8px;
	background: #66869e;
	color: white;
	padding-left: 7px;
	text-align: left;
	height: 22px;
}
table.Left td { 
	text-align: justify; 
	background: transparent;
	border: 1px solid #00355e;
	padding: 7px;
}
table.Left td.Dot { 
	background: transparent url('img/dot.png') center center no-repeat;
}

table.Green { width: 100%; }
table.Green th { 
	text-align: left; 
	color: #4e681d;
	background: #e2ecc4;
	border: 1px solid #4e681d;
	padding: 7px;
}
table.Green th h2 {
	margin: -7px;
	border-width: 0px;
	padding-top: 8px;
	background: #c5d98a;
	color: white;
	padding-left: 7px;
	text-align: left;
	height: 22px;
}
table.Green td { 
	text-align: justify; 
	background: transparent;
	border: 1px solid #4e681d;
	padding: 7px;
}
table.Green td.Dot { 
	background: transparent url('img/dot.png') center center no-repeat;
}

table.Clean { margin: 0px; padding: 0px;  }
table.Clean th { width: 100%;  }

table.Clean th { 
	text-align: left; 
	border: none;
}
table.Clean td { 
	text-align: justify; 
	border: none;
}

div.Screenshot { 
	display: block; 
	width: 170px; 
	height: 200px; 
	border: 0px solid #00355e;  
	float: left; 
	margin: 0px;
	margin-right: 16px;
	padding: 0px;
}
div.Screenshot span { 
	display: block; 
	width: 166px; 
	background: #00355e url('img/corner.png') top left no-repeat;
	color: white;
	text-align: center; 
	padding: 1px;
	font-weight: bold;
	font-size: 11px;
}

div.Screenshot a { 
	float: none;
	margin: 0px; 
	padding: 5px 0px; 
	background: white; 
	display: block; 
	font-size: 10px;
	font-weight: normal;
	text-align: justify;
}
div.Screenshot a img { display: block; margin: auto; border: 1px solid #00355e; }

/*
			TABS
*/
.tabs { padding: 0px; }
 
.tabs #nav { margin-bottom: 0px; margin-left: 0px; }
 
.tabs #nav ul { list-style: none; margin: 0px; padding: 0px; }
 
.tabs #nav ul li { 
	display: inline;	
	padding: 3px 5px 3px 10px;
	cursor: default;
	background: transparent url('img/tab.png') top left no-repeat;	
	border-right: 1px solid #bfc1c0;
	margin: 0px;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
}
 
.tabs #nav ul li.active { border-bottom: 1px solid white; background: transparent url('img/taba.png') top left no-repeat;	
}

.tabs #nav ul li:hover { background: transparent url('img/taba.png') top left no-repeat; }
 
.tabs #data { margin-top: 1px; }
 
.tabs #data div.inactive { 
	display: none;
}

.tabs #data div.active { 
	display: block; 
	border-top: 1px solid #bfc1c0;
	padding-top: 15px;
}

/*
			VERTICAL TABS
*/

.hometabs { padding: 0px; border: 1px solid #00355e; background-color: #d2d9df;}
 
.hometabs #nav { float: left; width:25%; }
 
.hometabs #nav ul { list-style: none; margin: 0px; padding: 0px; }
 
.hometabs #nav ul li { 
	display: block;
	margin: 0px;
	padding: 1px 5px;
	padding-left: 17px;
	cursor: default;
	background: #90b62d url('img/icon-list.png') 3px 4px no-repeat;	
	
	color: white;
	font-weight: bold;

    border: 1px solid #00355e;
    border-top-color: #e4e8ec;
    border-width: 1px 1px 1px 0px;
    background-color: #406886;

	text-align: left;
	font-size: 11px;
}
 
.hometabs #nav ul li.active {
	background-image: url('img/icon-lista.png');
	background-color: #d2d9df;	
	border-width: 1px 0px 1px 0px;
	color: #00355e;
}

.hometabs #nav ul li:hover { background-color: #d2d9df; }
 
.hometabs #data { float:right; width:75%; }

.hometabs .LeftC a.Clean, .hometabs .RightC a.Clean { background-image: none; padding: 0px; font-weight: normal; color: #00355e; }
.hometabs .LeftC { float: left; width: 39%; clear: none; }
.hometabs .RightC { float: left; width: 39%; clear: none; }


.hometabs #data div.inactive { 
	display: none;
}

.hometabs #data div.active { 
	display: block; 
	padding: 4px 10px;
	padding-right: 4px;
	background-color: #d2d9df;
}

.hometabs #data div img { 
	float: right;
	position: relative;
	border: 1px solid #00355e;
	margin-left: 10px;
}

.hometabs #data div h3 { 
	color: #00355e;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
}
/*
					ACCORDION
*/
h3.ResourcePanel { 
	background: transparent url('img/pane-title.png') top right no-repeat;
	margin: 0px;
	margin-top: 10px;
	text-align: left;
	color: white;
	width: 155px;
	padding: 5px 5px;
	padding-left: 20px;
	height: 20px;
}


#accordion {
    font-size: 11px;
    width: 180px;
}
#accordion h3 {
    font-size: 13px;
    color:white;
    font-weight: bold;
    padding: 2px 4px;
    padding-left: 20px;
    margin: 0px;
    height: 20px;

	background: transparent url('img/pane-resource.png') bottom left no-repeat;
    cursor:pointer;
}

#accordion ul { margin-left: 24px; padding: 0px; list-style-image: url('img/icon-dot.png');}
#accordion li {  margin: 0px; padding: 0px;}




/*  
			POLLS - stylesheet settings for poll snippets 
*/

.poll { width:100%; }
.poll_container {}
.poll_question { text-align:center; margin-bottom: 10px; }
.poll_row_container { display: block; clear:both; }
.poll_row_container input { margin-right: 5px; }
.poll_question input { margin-top: 10px; }

.poll_choice {
  width:40%;
  float:left;
  text-align:left;
  padding-left:0em;
}
.poll_votes {
  width:15%;
  float:left;
  padding-right:.5em;
  text-align:right;
  display: none;
}
.poll_bar_container {
  width: 25%;
  height: 15px;
  background-color:#e4e8ec;
  border: 1px solid #00355e;
  margin: 2px;
  float: left;
}
.poll_bar { 
	height: 9px; 
	background-color: #406886; 
	float:left; 
	border-top: 3px solid #66869e;
	border-bottom: 3px solid #00355e;
}
.poll_percent {
	text-align:right;
	padding-right:2px;
	margin-left:auto;
	margin-right:auto;
}
.poll_totalvotes {
	width:45%;
	text-align:right;
	display: none;
}
.float_left_text_right {
	width:50%;
	float:left;
	text-align:right;
}
.float_right_text_left {
	width:50%;
	float:right;
	text-align:left;
}
.space_line {
	clear: both; margin: 0; padding: 0; width: 90%;
}


/*			SEARCH RESULTS
*/

.ajaxSearch_resultLink {
	font-size: 16px;
	font-weight: bold;
}
.ajaxSearch_resultDescription {
	font-size: 11px;
	font-weight: normal;
	color: #626463;
}

/*			SiteMap
*/
div.SiteMap {}

div.SiteMap a { background: none; margin: 0px; padding: 0px;}/* common styling */
/* set up the overall width of the menu div, the font and the margins */
 
.menu {
	margin:0;
	margin-left: 3px; 
	position:relative;
	z-index:100;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	padding:0; 
	margin:0;
	list-style-type: none;
}
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
	float:left; 
	position:relative;
}
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-align:center; 
	text-decoration:none; 
	height: 20px; 
	color: white; 
	border: 1px solid white;
	border-width: 0px 1px 0px 0px;
	padding: 0px 5px;
	padding-right: 6px;
	background-color: #00355e; 
	line-height: 20px; 
}
/* make the dropdown ul invisible */
.menu ul li ul { display: none; }
 
/* specific to non IE browsers */
/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
	color:white; 
	background-color: #66869e;
}
/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:20px; 
	left:-1px; 
}

/* Sub-sub menu position */
.menu ul li:hover li ul{
	display:none; 
}

.menu ul li:hover li:hover ul{
	display: block; 
	position: absolute; 
	top: 0px; 
	left: 171px; 
}


/* style the background and foreground color of the submenu links */
.menu ul li ul li a.parent {
	background: white url('img/icon-arrow.png') right center no-repeat;
}

.menu ul li:hover ul li a {
	width: 160px;
	text-align: left;
	
	display: block; 
	background-color: #e8f0d0; 
	color: #000;
	border: 1px solid white;
	border-width: 0px 1px 0px 1px;
}


/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
	background-color: #c5d98a; 
	color: #000;
}


