@charset "UTF-8";
/* CSS Document */

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

body {
	background-repeat:no-repeat;
	background-attachment: fixed;
	background-position:center;
	font-family:Verdana, Arial, "Arial Black";
	font-size:9pt;
	color:#4b4b4b;
	margin-left:0px;
	margin-right:0px;
	margin-top:10px;
	margin-bottom:0px;
}

div.paddedcontent {
	padding-left:20px;
	padding-right:20px;
	text-align:justify;
}

a.pagelocation {
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color:#a9c832;
}


.locationheader {
	padding-left:10px;
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
}

hr {
	color:#a9c832;
	margin-left:20px;
	margin-right:20px;
}

a {
  color:#000000;
	text-decoration:none;
}

a:hover {
	color:#a9c832;
	text-decoration:none;
}


.companyinfo {
	font-size:11px;
	color:#4b4b4b;
	font-weight:normal;
	font-style:normal;
	padding-left:5px;
	padding-right:5px;
	padding-top:0px;
	padding-bottom:10px;
}

.courseoutline {
	color:#646464;
	font-weight:bold;
}

.addpadding {
	padding:10px;
}

a.coursetopic {
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}

a:hover.coursetopic {
	color:#a9c832;
	text-decoration:none;
	font-weight:bold;
}

.result {
	padding-bottom:0px;
	padding-left:0px;
	padding-top:0px;
	padding-right:3px
}

.telefocal {
	font-weight:bold;
	color:#a9c832;
}

.article {
	text-align:justify;
	padding-top:0px;
	padding-left:0px;
	padding-right:10px;
	padding-bottom:0px;
	overflow:hidden;
}

.footer {
	color:#333333;
	font-size:7pt;
	text-align:center;
	font-weight:bold;
	overflow:hidden;
}

.iconbutton {
	margin-left:50px;
	padding-top:10px;
}

a.subscrb {
	padding-left:5px;
	padding-right:10px;
}

h1 {
	font: 11pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color: #a9c832;
	line-height: 1.5;
}

.h1 {
	font: 11pt/14pt Verdana, Arial, Helvetica, sans-serif;
	color: #a9c832;
	line-height: 1.5;
}

.expand_link{
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #a9c832;
	margin: 0px;
	padding: 0px;
}
.expand_link a{
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #a9c832;
	margin: 0px;
	padding: 0px;
	text-decoration:none;
}

.paragraph3 {
font: 8pt/11pt Verdana, Verdana, Arial, Helvetica, sans-serif;
color: #666666;
margin-bottom: 1px; 
margin-right: 3.0px;
text-align: left;
}

a.joblinks {
	color: #666666;
	font-weight:bold;
	text-decoration:none;
}

a:hover.joblinks {
	color: #a9c832;
	font-weight:bold;
	text-decoration:none;
}

.updwnpad {
	padding-bottom:10px;
	padding-top:5px;
}

.topic {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.country {
	margin-left: 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.topic a{	
	color: #99cc33;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.linkheader {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	padding-top: 5px;
	line-height: 1.5;
}

.linkheader a {
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	color:#a9c832;
	text-decoration: none;
}

ul.why {
	position:relative;
	margin-left: 20px;
	color: #a9c832; 
	list-style-type: square; 
	text-align: left;
	font-size:9pt;
}

ul.why li.alter {
	color: #666666;
}

.topics {
	background-color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #a9c832;
	padding-bottom:0pt;
	margin-bottom:0pt;
}

li.high, .unorderedlistitem, .orderedlistitem {
	background-color: #E4F9BF;
	width: 300px;
	text-align: left;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-left:0px;
	margin-top: 0px;
}


li.low, .unorderedlistitem, .orderedlistitem {
	background-color: #FFFFFF;
	width: 300px;
	text-align: left;
	font: 8pt Verdana, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-left:0px;
	margin-top: 0px;
}

a.topiclink {
	color:#3399FF;
	text-decoration: none;
}
	
a:hover.topiclink {
	color:#666666;
	text-decoration: none;
}

ul.topicdislpay, .unorderedlist {
	padding: 0px;
	margin-bottom: 12px;
	list-style:none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-top:0px;
}

.questions {
	color:#a9c832;
	font-size:10pt;
}

input.submit { border-color:#AAD553;
border-width: 1px;
border-style: solid;}

input2 { border-color:#fff;
border-width: 1px;
border-style: solid;}



.glidecontentwrapper{
font-size:8pt;
position: relative; /* Do not change this value */
width: 600px;
height: 100px; /* Set height to be able to contain height of largest content shown*/
border: 3px solid #a9c832;
overflow: hidden;
text-align:left
}
/*
	Total wrapper width: 600px+5px+5px=610px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
visibility: hidden;
color:#4b4b4b;
width: 580px;
}
/*
 Total glidecontent width: 580px+10px+10px=600px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.cssbuttonstoggler{ /*style for DIV used to contain toggler links. */
margin:0;
/*margin-top: 6px;
margin-left: 34px;
text-align: center; *//*How to align pagination links: "left", "center", or "right"*/
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
overflow: hidden; 
}

.cssbuttonstoggler a{ /*style for every navigational link within toggler */
/*background: transparent url('../images/square-green-left.png') no-repeat top left;*/
color: #ffffff;
display: block;
float: left;
margin:0;
padding:0;
/*margin-right: 5px;*/
font: normal 0px Verdana; /* Change 12px as desired */
/*line-height: 15px; */ /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
/*height: 23px;*/ /* Height of button background height */
/*padding-left: 9px;*/ /* Width of left menu image */
text-decoration: none;
}

.cssbuttonstoggler a span{
/*background: transparent url('../images/square-green-right.png') no-repeat top right;*/
display: block;
padding:0;
/*padding: 4px 9px 4px 0;*/ /*Set 9px below to match value of 'padding-left' value above*/
}

.cssbuttonstoggler a.selected, .cssbuttonstoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
}

.cssbuttonstoggler a.selected span, .cssbuttonstoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: ffffff;
/*color: black;*/
}

.cssbuttonstoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.cssbuttonstoggler a.prev, .glidecontenttoggler-2 a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.cssbuttonstoggler a.prev:hover, .glidecontenttoggler-2 a.next:hover{
}

.btntoggler a{ /*style for every navigational link within toggler */
background: transparent url('../images/square-blue-left.png') no-repeat top left;
color: #494949;
display: block;
float: left;
margin-right: 5px;
font: normal 13px Verdana; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; /* Width of left menu image */
text-decoration: none;
}

.btntoggler a span{
background: transparent url('../images/square-blue-right.png') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
}

.btntoggler a.selected, .btntoggler a:hover{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom left;
}

.btntogglera.selected span, .btntoggler a:hover span{ /*style for selected and hover page's toggler link. ".selected" class auto generated! */
background-position: bottom right;
color: black;
/*color: black;*/
}

#marqueecontainer{
position: relative;
width: 179px; /*marquee width */
height: 250px; /*marquee height */
background-color: white;
overflow: hidden;
border: 3px solid #a9c832;
padding: 2px;
padding-left: 4px;
}