body {
  background-color: WHITE; 
  /*color: #000066;*/
  font-family : Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  behavior: url(/assets/css/csshover.htc);
	}

/*###############################################################
#                      layout styles 
################################################################*/
#page {
  width: 90%; /* use this for flexible centered layout*/
  margin: 0px 0px 0px 5%;  
  /*  position: absolute; /* use this for fixed centered layout
  top: 0px;
  left: 50%;
  width: 760px;
  margin: 0px 0px 0px -380px;*/
  padding: 0px;
  background-color: transparent;
  border: 1px solid SILVER;
}
#page-body {
position:relative;
}
#page-header {
  margin: 0px;
  padding: 0px;	
}

#page-body-content {
	background:#FFFFFF url(/assets/images/menu_background.jpg) left repeat-y;
	position:relative; 
}

/* Hack to get cleaing for footer more on http://www.positioniseverything.net/articles/onetruelayout/anyorder */ 
#page-body-content:after {
	content: '..'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#page-body-content 	{
	display: inline-block;
}

/* Hack to get clearing for footer in IE more on http://www.positioniseverything.net/articles/onetruelayout/anyorder */ 	
/*\*/
* html #page-body-content
	{
	height: 1%;
	}
#page-body-content
	{
	display: block;
	}
/* */

#content {
  float: left;
  width: 100%;  
  padding: 0px 0px 0px 0px;
}
#content-1 {
  margin: 0 2% 0 200px; /* using left margin 200px we create space for menu to fit in  allows us to have 2 1 3 order*/ 
}

#breadcrumbs {
  display: none;
}
#breadcrumbs-links {
}

/* menu styles are in menu_root.css for cleaner main css but main container style is duplicated below
**********************************************************
#menuContainer{ 
	float: left;
	margin-left: -100%; /* we use negative margin to get menu div to start at the same place as content div as both divs are floated left aand contetn div is 100% wide 
	width:180px;
	background: url(/assets/images/nav_left_bg.jpg) no-repeat;
}
*/
#sidebar { /* note used on this site so styles are not properly done */
  float: right;
  width: 140px;
  font-size: 85%;
  margin: 0px;
  padding: 0px;
  border: solid 1px #000066;
}
#sidebar div.sidebar-section {
  margin-top: 0px;
}


#page-footer {
  clear: both;
  position:relative;
  width: auto;
  height:40px;
  padding: 0px;
  margin-bottom: 0px;
  color:#333333;
  background-color:#FFFFFF;
  border-top:1px solid #CCC;
/*  border-bottom: 2px solid SILVER;*/
}

#xtmotion-strapline {
  position: absolute;
  left: 0px;
  width: 100%;
  text-align: right;
  background-color: transparent;
}



/*################################################################
#           text formating css styles 
##################################################################*/

/*  header content styles
******************************************************/
#page-header-content h1 {
  margin-top: 0px;
  margin-bottom: 0px;
}
#page-header-content h1 span {
  font-size: 80%;
}
#page-header-content h2 {
  margin-top: 0px;
  margin-bottom: 0px;
}
#page-header-content h2 span {
  font-size: 70%;
}


/*  main content styles
******************************************************/
#content h1 {
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-weight:600;
	margin:8px 0px 10px -8px;
	padding: 2px 10px 5px 8px;
	font-size:1em;
	color:#FFFFFF;
	background:#F1F3F5 url(/assets/images/h1_back.jpg) left bottom no-repeat;
}

#content h1 a {
	font-family: Arial,Verdana,  Helvetica, sans-serif;
	font-weight:600;
	font-size:1em;
	color:#FFFFFF;

}

/*#content h1 span {
	padding: 0px 0px 0px 22px;
	background:#F1F3F5 url(../images/h1_start.gif) 5px 50% no-repeat;
}*/
#content h2 {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight:800;
	color: #000;
	padding: 2px 10px 3px 2px;
	margin:8px 0px 10px -4px;	
	font-size:90%;
	background:#E0E5EB url(/assets/images/h2_back.jpg) left bottom no-repeat;
}

/*#content h2 span {
	padding: 0px 0px 0px 20px;
	background:#E0E5EB url(/assets/images/h2_start.gif) 5px 50% no-repeat;
}
*/

#content h3 {
  font-size: 82%;
  margin: 8px 0px 4px 0px;
  padding:3px;
  border-bottom:1px solid #10ADFF;
  background-color:#F8F8F8;
}

#content h4 {
  font-size: 80%;
  margin: 8px 0px 4px 0px;
  padding:3px;
  border-bottom:1px solid #10ADFF;
}

#content p, #content li, #content a, #content label,  p.small {
/*  font-size: 0.7em; */
	font-size: 75%;
}
/*  formatiing margin for p tags within td tag 	font-size: 100%; 
*/
#content td p  {
	margin: 1px;	
}/* #content td label, #content td input, #content td select*/
#content p a,  #content li ul li, #content li a {
	font-size: 100%; 
}
#content p.small, .smalltype {
  font-size: 70%;
}

#content span.red {
  color: #FF0000;
}

#content .spacedUl li {
	margin-bottom:5px;
	list-style-image:url(../images/arrow_li.gif);	
}

.highlightBox{
	background-color:#F4FCFF;
	padding:5px;
	border:1px solid #FF6600;
}

/*formating for lists*/
#content ul{
list-style-type:square;
list-style-image:url(/assets/images/bulletblue.gif);
}

#content ul.list li {
  list-style:none;
}
#content ul.list li a:link, 
#content ul.list li a:visited {
  padding: 2px 3px 3px 20px;
  border-bottom: 1px solid #999;
  margin-bottom: 2px;
  background: #EAEAEA url(/assets/images/icons/icon_arrow_right.gif) 1% 50% no-repeat;
  width: 85%;
  display: block;
  text-decoration: none;
  color: #000000;
  font-size: 95%;		
}
#content ul.list li a:hover {
  background-color: #E1F2FF;
}

.backToTop {

}

.testimonialBox {
	border:1px solid #CCCCCC;
	padding:8px;
	margin:10px;
	background-color: #F8F8F8;
}
.testimonialBox .testimTitle {
	background-color:#FFFFFF;
	padding:3px;
	margin:3px 0px;
}
.testimonialBox .testimAuthor {
	padding:3px;
	margin:3px 0px;
	text-align:right;
}



/*  footer content styles 
******************************************************/
#page-footer p {
  margin: 0px 0px 2px 0px;
/**  font-size:70%;*/
  font-size: 11px;
}
#page-footer-copy {
  font-size: 65%;
  margin: 0px;
}
#page-footer-links {
	font-size: 65%;
  margin: 0px 0px 0px 0px;
	padding-right:5px;
	text-align:center;
}
#page-footer-links p {
  margin: 0px 0px 2px 0px;
}
#page-footer-links .hotline {
	padding-top:3px;
	font-weight:800;
	text-align:center;
}

#xtmotion-strapline p {
  margin: 0px 0px 0px 0px;
  padding: 10px 2px 8px 0px;
  font-size: 55%;
}
#xtmotion-strapline a:link,
#xtmotion-strapline a:visited {
  text-decoration:none;
  color: #CCC;
}
#xtmotion-strapline a:hover {
  text-decoration: underline;
  color:#CCC;
}


/** DEBUG CONSOLE START */
div#debug {
 position: absolute;
 width: 350px;
 height: 250px;
 left: 100%;
 margin-left: -370px;
 top: -10px;
 overflow: auto;
 padding: 5px;
 font-size: 12px;
 white-space: normal;
 background-color: #000;
 border: 2px solid #CCC;
}
div#debug div#debug-content-start {
}
div#debug .debug-message-start {
}
div#debug .debug-message-end {
  margin-top: 4px;
  margin-bottom: 5px;
  border-bottom: 1px solid #FF0000;
}
div#debug .debug-message {
  padding: 5px 3px 0px 3px;
  color: #FFF;
  background-color: #333;
}
div#debug .debug-message:hover {
  color: #000;
  background-color: #CCC;
  border-bottom: 1px solid #FFF;
}
/** DEBUG CONSOLE END*/


/*  misc content styles 
******************************************************/


.floatRight {
	float:right;
	width:100px;
	padding:5px;
}
.clearBoth {
	clear:both;
}	


.spanAsTable p {
	margin:1px;
	padding:1px;
	border-bottom:1px solid #EAEAEA;
}

.spanAsTable p span {
	display:block;
	float:left;
	width:120px;
	color:#999999;
	font-size:0.9em;
}


/*################################################################
#           IFF specific styles 
##################################################################*/

#coheading  {
background-color:#000099;
padding:2px 2px 2px 2px;
color:#FFFFFF;
font-weight:800;

}

#coheadingHP  {
background-color:#000099;
color:#FFFFFF;
font-weight:800;
font-size:13px;
}

.headingTOPbtn{
background-color:#6B97FE;
}
#coheading a {
font-size:100%;
}

#coheading a:link {
color:#FFFFFF;
font-weight:800;
text-decoration:none;
} 

#coheading a:visited {
color:#FFFFFF;
font-weight:800;
text-decoration:none;
} 

#coheading a:hover {
color:#FFFFFF;
font-weight:800;
text-decoration:underline;
} 



.bluebullet {
list-style-type:square;
list-style-image:url(/assets/images/bulletblue.gif);
}
ul.bluebulletSPC {
	margin-left: 9px; /*removes indent IE and Opera*/
	padding-left: 9px; /*removes indent Mozilla and NN7*/

} 

.bluebulletSPC li{
list-style-type:square;
list-style-image:url(/assets/images/bulletblue.gif);
padding:2px 3px 3px 3px;
width:320px;
background-color: #D7D7FF;
margin-bottom:3px;
margin-left:0;
}

.bluebulletSPC a:link {
font-size:11px;
font-weight: 800;
color: #383838;
text-decoration: none;
}
.bluebulletSPC a:visited {
font-size:11px;
font-weight: 800;
color: #383838;
text-decoration: none;
}
.bluebulletSPC a:hover {
text-decoration: underline;
}

.courseIntro {
font-style:italic;
font-weight:800;
padding:3px;
background-color:#F7F7F7;
}


/*CLOUDS NAVIGATION*/

#cloudnav {
width:100%;
height:20px;
background: #85BBDF url(/assets/images/header_background_clouds.gif);
}

#navlistTop a {
	/*/*/display: inline;
	padding: 2px 12px 2px 12px;
	margin: 2px 0 2px 4px;
	width:auto;
	font-size: 11px;
	font-weight:800;
	text-transform:uppercase

	/* background-image:  url(/assets/images/menu_button_down.jpg); */
}
#navlistTop a:link, #navlistTop a:visited {
	color: #000033;

	text-decoration: none; /* */
}
#navlistTop a:hover {
	color: #fff;
	background:#000099;
}

.formButton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
	background-color:#D1E6FC;
	font-weight:800;

}


.tickls{color:#FFF;font-weight:bold;}

.tickh{display:none;}

.ticki {height:24px;}

a.tickl{

	font-size:0.8em;	

	text-decoration:none;

	color:#FFFFFF;	

}

a.tickl:hover{

	color:#FFFFFF;

	text-decoration:none;

}

a.tickl:visited{

	color:#FFFFFF;	

	text-decoration:none;

}

a:visited { color: #0000EE; }