/*v 1.5 1-8-2007*/
a:hover { color: #FF0000;}
a:visited {color: #9966CC;}
a:hover a:visited { color: #FF0000;}
body {
    background: #666666 url(../images/header/greytile.jpg) repeat;
	text-align:center;
	margin-top:3px;
	margin-bottom:3px;
	margin-left:0;
}

#whiteArea {
   width:741px;
   margin:auto;
   background:url(../images/whiteArea2shadows.jpg) repeat-y;
   font: normal 12px Arial, Helvetica, sans-serif;
   line-height:120%;
   letter-spacing:.01em;
   text-align:left; }

/*this column holds the navbar*/
#leftColumn {
	padding:0px;
	width:139px;
	min-height:300px;
	float:left;
	text-align: left;    }

/*this column holds the title bar and all content*/
#rightColumn {
	width:561px;
	float:left;
	padding-top: 12px;
	padding-bottom: 12px;
}

/*content area styles*/
#content, #content p, #content td {
  padding-left:6px;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-align:left; }

#content ul li {
   list-style:disk;
   margin-bottom:6px;
   padding-left:-3px; }

#slide ul li {
   font: normal 15px#006;
   list-style:square;
   margin-bottom:6px;
   padding-left:-3px; }

#slide ul li ul li{
   font: normal 12px#000;
	list-style:disc;
   margin-bottom:6px;
   padding-left:-3px; }

.cols3 {
width:30%;
height:auto;
margin-right:12px;
float:left;
}
.cols2{
width:48%;
height:auto;
margin-right:6px;
float:left;
padding:0px 12px 0px 0px; }

.left, .right {
padding:0px 12px 0px 0px;
}
.clearFloats {
border-top:1px solid #CCC;
width:100%;
clear:both;
}

h1 {
	font: bold 16px Arial, Helvetica, sans-serif;
    color:#0066CC;
    display:block;
	width:100%;
	padding-top:3px;
/*	text-transform:uppercase;*/
}

h2 {  font: bold 24px #000000;margin-top:0px;}
h3 { font: bold 18px Arial, Helvetica, sans-serif;
     line-height:120%;margin-top:0px;}
h4 { font: bold 13px Arial, Helvetica, sans-serif;
     line-height:120%;margin-top:0px;}
h5 {font: italic 11px  Arial, Helvetica, sans-serif; background: #b6d7f6; }
h6 {font: bold 14px Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; width:100%;}
p {font: normal 13px Arial, Helvetica, sans-serif;}
a img { border:none;}

.red { color:#CC0033; font-weight:bold; }
#subTitleBar {
    position:relative;
    width:auto;
    padding:0px 0px 6px 0px;
    left:0px;
    top:0px;
	margin-bottom:12px;
	/*background-color:yellow;*/ }

.chapterTitle {
   margin-bottom:6px;
   padding-left:6px;
   font: bold 16px#666666;  }

#pageTitle {
	font: normal 16px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000000;
	width:auto;
	padding:12px 6px 6px 6px;
}

#pageNumberHolder {  /*this is the style for the table cell that holds the "page 2 of 11" text*/
   font: bold 9px#999999 Arial, Helvetica, sans-serif;
   text-align:center;
   height:18px;
   width:75px;
   display:block;
   position:absolute;
   text-transform:uppercase;
   right:0px;
   top:-10px; }

#progressBarCell {border:1px solid black;}
#printIcon {
position:absolute;
right:80px; /*without left:auto and top:auto, it ignores the right:0px and bottom:12px setting*/
top:-6px;}

#endmatter {
font:normal 10px Arial, Helvetica, sans-serif;
color:#666; }

#contentLeftCol { float: left;}

/*************************************/
/*the base navigation styles. Modified for Mac and small screens in styles800x600 and stylesMac.css*/
#NavBar {
   position:relative;
   width: 149px;     
   top:0px;
   height:auto; }

#NavBar a, #mlearningControls a {
   position:relative;
   color:#FFFFFF;
   display:block;
   text-decoration:none;
    padding:6px 12px 6px 7px; 
    border-bottom:1px solid #006699;
	border-top:1px solid  #71A9E2;
}

#NavBar a.navlevel1, #NavBar a.navlevel2, #NavBar a.navlevel3, #NavBar a.navlevel4 {
    font: normal 12px Arial, Helvetica, sans-serif;
	list-style-type: none;
}


#NavBar a:hover.navlevel1, #NavBar a:hover.navlevel2, #NavBar a:hover.navlevel3, #NavBar a:hover.navlevel4, #otherLinks a:hover, #contentExpert a:hover {
   background-color:#003366;
   color:#FFF;

}

#NavBar  a.navlevel2,#NavBar  a.navlevel2.parentClosed  {
   background-color:#345C98;
   color:#CCCCCC; 
   /*text-indent:-9px;
    padding-left:16px;	*/
	text-indent:-1px;
    padding-left:24px;
	/*border-bottom:1px solid #3C6BB4;*/
	border-top:1px solid #0D2E58;
 
}
#NavBar a.navlevel3 {
background-color:#113868;
color:#FFF;
 border-top:1px solid #113868;
 border-bottom:1px solid #000;
border-left:1px solid #0D2E58;
	/*text-indent:-3px;*/
    padding-left:36px;
}

#NavBar a.open {
   display:block;
   visibility:visible;
}

#NavBar a.closed, .closed {
   display:none;
   visibility:hidden;
}



#NavBar a.parentOpen{
background-image:url(../images/arrows/arrow_dn_wt.jpg);
background-position:right center;
background-repeat:no-repeat;

/*border-bottom:1px solid #0D2E58;*/
}
#NavBar a.parentClosed  {
background:url(../images/arrows/arrow_rt_blk1.gif) right center no-repeat;

}


#NavBar a.current, a.navlevel1.current, a.navlevel2.current, a.chapter3.current, a.chapter4.current {
   background-color:#000;
   color:#FFF;
   display:block;
   border-bottom:1px solid #000;;
}


#NavBar a.current:hover{
    background-color:#003366;
   
}

#NavBar a:link#helpButton, #NavBar a:visited#helpButton {
  height:18px;
  padding-top:9px;
/*background:url(../images/helpSymbol.gif) center no-repeat;*/
text-align:center;
text-transform:uppercase;
}

#NavBar a:hover#helpButton{
/*background:url(../images/helpSymbolOver.gif) center no-repeat;*/
   background-color:#0080FF;}

 
#otherLinks {
   width: 140px;
 
}

#otherLinks a,  #controlsLabel {
      border-top:1px solid #3686D7;
   border-bottom:1px solid #142F4A;
}
#otherLinks a, #controlsLabel, #navbarBottom a.contentExpert {
 width: 140px; 
/*border-right:1px solid #142F4a;
 border-left:1px solid #3686D7;*/
   font: bold 10px Arial, Helvetica, sans-serif;
   letter-spacing:.02em;
   background:none;
   color:#FFFFFF;
   display:block;
   text-decoration:none;
   padding:4px 3px 4px 5px; 
 
 
}
#controlsLabel {
background:#000;
color:#FFF;
text-align:center;
font:normal small-caps 9px Arial, Helvetica, sans-serif;
letter-spacing:.2em;
padding:1px 3px 2px 6px;
border-top:2px solid #666666;

}
#otherLinks a:hover {
    background-color:#000;
}

#navbarBottom {
    position:relative;
	width:100%;
	display:block;
    height:150px;
}

#mlearningControls a, #mlearningControls a:link {
width:140px;
 padding:4px 3px 4px 5px;
	   

}
/*"go to quiz" link in navbar*/
 #mlearningControls a:link#nextLesson {
background-color:#838ECB;
border-top:1px solid #CCD7FF;
}

 #mlearningControls a:hover#nextLesson  {
 background-color:#7967B1;
 }
 
#mlearningControls a:link#endLesson, #mlearningControls a:link#stopLesson {
background-color:#CE858A;
border-top:1px solid #FFC8C8;
}

#mlearningControls a:hover#endLesson, #mlearningControls a:hover#stopLesson  {
background-color:#C44B52;
}
#otherLinks {
}
#apiIndicator {
padding:0px;
position:relative;
display:block;
/*margin-left:-9px;
margin-right:0px;*/
width:140px;
height:120px;
text-align:center;
background:url(../images/unscored.jpg) left no-repeat;
}
#navbarBottom a.contentExpert, a.contentExpert {
    font: 10px#FFF;
	background:none;
	display:block;
	margin-right:0px;
	width: 100%;
}


#printIcon {
right:106px; 
top:6px;
} 

#modeExplanationContainer {
    position:absolute;
	background:#93BDE9;
	background:#FFFFCC;
	width:190px;
	height:140px;
	filter:alpha(opacity=80);   /* Internet Explorer       */
	opacity: 0.8;
	border:1px solid #003366;
	padding: 3px;
	padding-top:10px;
	z-index: 10;
	left: 50px;
	top: 20px;
}

a#expander{
background:#68A3E0;
color:#FFF;
height:13px;
padding-top:0px;
padding-bottom:2px;
font-size:9px;
text-transform:uppercase;
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}

a#helpButton{
color:#000;
background:#FFC449;
background:#8FBAE7;
}