/* CSS Document */

body {
	background-color:#FFFFFF;
/*	background-color: #ebe1e1;*/
	background-image:url(../images/bg3.jpg);
	background-repeat:repeat-x;
	color: #4A4A4A;
	text-align:center;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
	font-size:11px;
}

a {
color:#0000FF;
}

p	{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, Arial;
	text-align:left;
	font-size: 11px;
	color: #4A4A4A;
}

ol	{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #4A4A4A;
}

ul	{
	font-family: verdana, sans-serif;
	font-size: 11px;
	color: #4A4A4A;
}

#allcontent	{
	margin-left: auto;
	margin-right: auto;	
	text-align:left;
	width: 780px;
	height: auto;
	border:none;
	/*background-color:#EBE1E1;*/
	background-color: #FFFFFF;
	color: #4A4A4A;
	padding: 5px;
}

.allcontent	{
	margin-left: auto;
	margin-right: auto;	
	text-align:left;
	width: 790px;
	height: auto;
	border:#CCCCCC 1px solid;
	/*background-color:#EBE1E1;*/
	background-color: #FFFFFF;
	color: #4A4A4A;
	padding: 5px;
}

h1{
	font-family: verdana, sans-serif;
	font-size:1.3em;
	background-color: #FFFFFF;
	color: #ff6600;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2{
	font-family: verdana, sans-serif;
	font-size:1.1em;
	background-color: #FFFFFF;
	color: #ff6600;
	margin-top: 3px;
	text-align: left;
}

h3{
font-family: verdana, sans-serif;
	font-size:12px;
	background-color: #FFFFFF;
	color: #4A4A4A;
	margin-top: 3px;
	text-align: justify;
	margin-left:7px;
	margin-right:7px;
}

.right {

float:right;

}

.left {

float:left;

}


#logobar	{
	width: 780px;
	background-color: #FF6600;
	color: #FFFFFF;
	height: 70px;
}

#logo{
	float:left;
}

#search{
	float: right;
	height: auto;
	padding-top: 7px;
	padding-right: 7px;
	display:none;
}

#search input{
	height:10px;
	margin-top:5px;
	width:130px;
	font-size:8px;
	color:#999999;
	
}

#banner{
	width: 780px;
	margin-top: 0px;
	border:0px;
	display:none;
	
}

#banner img a{
border-style:none;

}


.whitelink	{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	background-color: #FF6600;
	color: #ffffff;
	padding-top:10px;
	
	
}

.whitelinkSmall	{
	font-family: verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: 300;
	background-color: #FF6600;
	color: #ffffff;
	padding-top:10px;
	
}

.whitelinkSmall	a{
text-decoration:none;
	
}

/* Top Navigation CSS */

#navcontainer{
	background-color: #036;
	width: 780px;
	height: auto;
	float: left;
	/*width: 100%;*/
	padding-top:2px;
	padding-bottom: 2px;
	display:none;
}

.navlist a{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: inline;
	background-color: #036;
	color: #FFFFFF;
	width: auto;
	height: auto;
	float: left;
	padding: 10px;
}

.navlist-selected {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: inline;
	background-color: #369;
	color: #FFFFFF;
	width: auto;
	height: auto;
	float: left;
	padding: 10px;
}

.navlist-selected a{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: inline;
	background-color: #369;
	color: #FFFFFF;
	width: auto;
	height: auto;
	float: left;
	
}



.navlist a:hover{
	background-color: #369;
}




.topnavbar {
	font-family: verdana, sans-serif;
	font-size:11px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	background-color: #036;
}

.topnavbar a {
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	left: 2px;
}

.boxmenuentry	{
	width: 97%;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.boxmenuentry a	{
	width: 97%;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.boxmenuentry a:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}

.boxmenuentry:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}

/* Main */

#main{
	width:780px;
}


#contentBody{
	width:594px;
	background-color: #ffffff;
	float: left;
}

#subcontentBody{
	width:780px;
	background-color: #ffffff;
	
	
}

#row1{
	width:594px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	float: left;
}

#row1 td{
	width:200px;

}

#row1 p{
	margin-left:7px;
	width: 555px;
	text-align:justify;
	padding-bottom: 10px;
}

#row1 h2{
	margin-left:7px;
}

#row2{
	width:594px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	float: left;
}

#row2 td{
	width:200px;

}

#row2 p{
	margin-left:7px;
	width: 555px;
	text-align:justify;
	padding-bottom: 10px;
}

#row2 h2{
	margin-left:7px;
}

#row3{
	width:594px;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	float: left;
}

#row3 td{
	width:200px;

}

#row3 p{
	margin-left:7px;
	width: 555px;
	text-align:justify;
	padding-bottom: 10px;
}

#row3 h2{
	margin-left:7px;
}

.secondnavbar{
	background-color: #e4e8ed;
}
.secondnavbar a{
	color: #1e344f;
	text-decoration: none;
}



#contentArea{
	background-color:#ffffff;
	/*background-image:url(../images/full-content-background.gif);*/
	margin:0px;
	margin-top: -10px;
	padding:0px;
	width: 420px;
	float: left;
}

#contentArea p{
	margin-left:7px;
	margin-right:7px;
	width: 406px;
	text-align:justify;
}

#contentArea h2{
	margin-left:7px;
}

#lowerboxes	{
	width: 594px;
	float: left;
	height: 140px;
	display:block;
	
}


#lowerBox{
	width: 294px;
	height: 140px;
	float: left;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
}

#lowerBox p{
	margin-left: 7px;
	padding-bottom: 10px;
}

#lowerBox h2{
	margin-left:7px;
}

#lowerBox img{
	float:right;
	margin:5px;
}

#lowerBoxRight{
	width: 294px;
	height: 140px;
	float: right;
	margin-top: 5px;
	margin-left: 2px;
	border: 1px solid #CCCCCC;

}


#lowerBoxRight p{

padding-left:2px;
	margin-left: 6px;
	padding-bottom: 10px;
	
	
}

#lowerBoxRight h2{
	margin-left:7px;
	float:left;
}

#lowerBoxRight img{
	float:right;
	margin:5px;
}

#strip {

border: 1px solid #CCCCCC;
display:block;
height:50px;
margin-top: 10px;


}

#strip h2 a {

color:#ff6600!important;
text-decoration:none;

}

#strip a:hover {

text-decoration:underline;
color:#ff6600;

}





/* content page */

#side-menu{
	width: 165px;
	float: left;
	margin-top: 5px;
	display:none;
}

#side-menu a {

text-decoration:none;

}

#side-menu h2{
	font-size: 13px;
	text-align:center;
	font-weight:bold;
}

.sidemenuentry	{
	width: 97%;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	color: #369;
}

.sidemenuentry-selected	{
	width: 97%;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	background-color:#EBE1E1;
	color: #369;
}

.sidemenuentry-sub	{
	width: 97%;
	padding-left: 0px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	
}




.sidemenuentry-sub-training	{
	width: 97%;
	padding-left: 0px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 130px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	
}

.sidemenuentry-sub-elearning	{
	width: 97%;
	padding-left: 0px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	height: 180px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
	
}




.sidemenuentry a	{
	width: 97%;
	color: #369;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none!important;
	
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sidemenuentry-sub a, .sidemenuentry-sub-training a, .sidemenuentry-sub-elearning a	{
	width: 97%;
	color: #369;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	height: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sidemenuentry-sub a:hover, .sidemenuentry-sub-training a:hover, .sidemenuentry-sub-elearning a:hover	{
	width: 97%;
	color: #ff6600;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	height: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.sidemenuentry-sub li, .sidemenuentry-sub-training li, .sidemenuentry-sub-elearning li	{
	margin-left:0px;
	padding-left:0px;
	margin-top:5px;
	list-style-image:url(../images/arrow.gif);
}

.sidemenuentry-sub ul, .sidemenuentry-sub-training ul, .sidemenuentry-sub-elearning ul {

padding-left:15px;
margin-top: 5px;
width:97%;

}

.sidemenuentry-selected a	{
	width: 97%;
	color: #369;
	padding-left: 3px;
	font-family: verdana, sans-serif;
	font-size: 11px; 
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sidemenuentry a:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}

.sidemenuentry-selected a:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}

.sidemenuentry:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}

.sidemenuentry-selected:hover	{
	background-color: #FF6600;
	text-decoration: none;
	width: 97%;
	color: #FFFFFF;
}


#middle-column, #middle-column-training {
	margin-top: 5px;
	margin-bottom:5px;
	width: 100%;
	float: left;
	border: 1px solid #CCCCCC;
}

#wide-column {
	margin-top: 5px;
	margin-bottom:5px;
	width: 100%;
	float: left;
	border: 1px solid #CCCCCC;
}


#middle-column p, #middle-column-training p, #wide-column p{
	margin-left:7px;
	margin-right:7px;
	
	text-align:justify;
	padding-bottom: 0px;
	
}

#wide-column p {

margin-left:7px;
	margin-right:7px;
	
	text-align:justify;
	padding-bottom: 0px;
	
}

.feature-column-left {

width: 289px;
margin-top: 5px;
	margin-bottom:5px;
	margin-right:7px;
	float: left;
	border: 1px solid #CCCCCC;
}

.feature-column-right {

width: 289px;
margin-top: 5px;
	margin-bottom:5px;
	clear:none;
	float: right;
	border: 1px solid #CCCCCC;
	display:inline;
}

.feature-column-right p, .feature-column-left p, .feature-column-left h1, .feature-column-right h1 {

margin-left:7px;
margin-right:7px;

}

.clear {

clear:both;
display:block;

}

#featuresContainer {

width:592px;
float:left;

}



#middle-column h1, #middle-column-training h1, #middle-column h2, #wide-column h1, #wide-column h2{
	margin-left:7px;
}

#middle-column li p, #middle-column-training li p, #wide-column li p{

width:300px;
	
}

#middle-column-training li, #wide-column li {

width:300px;
margin-left:50px;

}

#middle-column table, #wide-column table{

font-family:Verdana, Arial, Helvetica, sans-serif;
border-style:solid;
border-width:1px;
font-size:10px;
border-color:#CCCCCC;
margin-bottom:5px;
	
}

#middle-column-training table {

font-family:Verdana, Arial, Helvetica, sans-serif;
border-style:none;
border-width:0px;
font-size:10px;

margin-bottom:5px;

}

#middle-column-training tr {

margin-right: 7px;

}

#backToTop{
	
	margin-bottom:5px;

	width: 405px;
	float: left;
	
	text-align:right;
	display:none;
}

#backToTop p{

		margin-right: 10px;
	text-align:right;
}

#backToTop img{

		margin-top: 0px;
	border: 0px;
}

#team {

width:410px;
margin:7px;

}

.teamMember {

margin-top:15px;
border-style:solid;
border-width:1px;

border-color:#CCCCCC;


}

.teamMember img {

float: left;
margin:3px;
margin-right:6px;

}

#team p{
width: 393px;


}

/*right hand side
*/
#rightcol	{
	width: 173px;
	float: right;
	display:none;
	
}

#mainRight{
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	width:180px;
	float: right;
	text-align: left;
	background-color: #FFFFFF;
	list-style-image:url(../images/arrow.gif);
	padding-bottom: 5px;
}

#mainRight img{

float: right;

}

#mainRight p	{
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
}
#mainRight h2	{
	margin-left: 5px;
}

#mainRight li{
 	margin-left:-20px;
 	
 	margin-bottom:0px;
	
}

#mainRight table {

width:170px;
margin:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;

}



#mainRightMid{
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	width:180px;
	float: right;
	text-align: left;
	background-color: #FFFFFF;
	list-style-image:url(../images/arrow.gif);
	padding-bottom: 5px;
}

#mainRightMid img{
	width:178px;

}

#mainRightMid p	{
	margin-left: 5px;
	margin-top:0px;
	margin-right: 5px;
	padding-bottom: 5px;
}
#mainRightMid h2	{
	margin-left: 5px;
	margin-bottom:4px;
}

#mainRightMid li{
 	margin-left:-20px;
 	margin-top:-12px;
 	margin-bottom:0px;
	
}

#mainRightLower{
	background-color: #FFFFFF;
	margin-top: 5px;
	border: 1px solid #CCCCCC;
	width:180px;
	float:right;
	text-align: left;
	list-style-image:url(../images/arrow.gif);
	margin-bottom: 5px;
	
}

#mainRightLower li{
 	margin-left:-20px;
 	margin-top:-12px;
 	margin-bottom:0px;
	
}

#mainRightLower img{

float: right;

}

#mainRightLower h2	{
	margin-left: 5px;
}

#mainRightLower p	{
	margin-left: 5px;
	margin-right: 5px;
	padding-bottom: 5px;
}

#footer{
	margin-top: 10px;
	clear: both;
	padding-top:10px;
	text-align: center;
	width:780px;
	height:40px;
	background-color: #FF6600;
	color: #ffffff;
}

#footer p{
	margin-top: 10px;
	text-align:center;
}
	
#footer a{
	color: #ffffff;
}


/*sidebar css*/
#sidecontainer { 
	float:left;
	width: 180px;
}

#sidecontainer ul
{
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

#sidecontainer a
{
	display: block;
	width: 160px;
	background-color: #036;
	border-bottom: 1px solid #eee;
}

#sidecontainer a:link, #sidelist a:visited
{
	color: #EEE;
	text-decoration: none;
}

#sidecontainer a:hover
{
	background-color: #369;
	color: #fff;
}

#newsletterSubmit {

margin:auto;
width:200px;
background-color:#CCCCCC;
border-top-color:#ff6600;
border-top-style:solid;
border-top-width:5px;
margin-top:150px;
}

#newsletterSubmit img {

margin-top: 5px;

}

 #ajax-banner {
                background: #ffffff;
                border: 1px solid black;
                width: 780px;
              
				display:block;
                text-align: center;
				
            }
			
#hideaccessibility {

display:none;

}

/*Side menu*/

#vertmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 150%;
width: 160px;
padding: 0px;
margin: 0px;
list-style-type:none!important;
list-style-image:none!important;
}

#vertmenu h2 {
display: block;
text-align:left;
margin-left:3px;
margin-bottom:7px!important;
}

#vertmenu ul {
list-style: none;
margin: 0px;
padding: 0px;
border: none;
}
#vertmenu ul li {
margin: 0px;
padding: 0px;
}
#vertmenu ul li a {
font-family: verdana, sans-serif;
	font-size: 11px; 
display: block;

padding: 10px 0px 2px 4px;
text-decoration: none;
color: #369;
width:160px;
}

#vertmenu ul li a:hover, #vertmenu ul li a:focus {
color: #000000;
background-color: #ff6600;
}

#vertmenu ul {

list-style-type:none!important;
list-style-image:none!important;

}

#vertmenu li {

list-style-type:none!important;
list-style-image:none!important;
height:auto!important;

}

/*Alternate fly menu*/

.menu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
z-index:1000;

height:235px;
margin:0px 0 0px 0px; /* this page only */
}

.menu h2 {
display: block;
text-align:left!important;
margin-left:3px;
margin-bottom:7px!important;
}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:160px;
height:182px;
position:relative;
border:0px solid #fff;
}

.menu ul ul {



}

.menu ul ul li {



}

.menu ul ul li a{

/*border-top:1px solid #CCCCCC;
border-bottom:none;
border-left:1px solid #CCCCCC;*/

}

.selected{

background-color: #EBE1E1!important;
color: #369;

}
* html .menu li {margin-left:-16px; margin-lef\t:0; }
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
display:block; 
text-decoration:none;

width:160px;
color:#369;
text-indent:0px;
border-bottom:1px solid #ccc;
background:#fff;
padding: 10px 0px 10px 4px;
}
/* style the link hover */
* html .menu a:hover {color:#fff; background:#ff6600;}

.menu :hover > a {
color:#fff; 
background:#ff6600;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
visibility:hidden;
position:absolute;
top:-1px;
left:160px;
}
/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul {
visibility:visible;
height:235px;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ 
visibility:visible;
height:235px;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul { 
visibility:visible;
height:235px;
}