/* Cascading Stylesheet for the Learning Support (LS) */

h1 { color:#669; } h2 { color:#99C; } 

th, th a:link, th a:visited { 
   background-color:#669; color:#FFF; 
} th a:hover { color:#FFC; }

/* light, dark, and shadow */
.dark { background-color:#669; } .light { background-color:#99C; }
#leftnav td.shadow { 
   background-color:#CCF; height:150px; 
} #shadow { background-color:#CCF; height:150px; }

/* the active topic */
#active, .active { background-color:#99C; }

/* bulleted lists */
ul { 
   list-style-image: url(/images/bullets/ul-ls.gif);  } ul ul { 
   list-style-image: url(/images/bullets/ul-ls2.gif); } ul ul ul { 
	list-style-image: url(/images/bullets/ul-ls3.gif); 
}

/*------------ begin top navigation -------------*/

/* bgcolor for NS4 */
#topnav table /*/*/td/* */  { background-color:#666699; } 

#topnav a {
     text-align:center;
     font-family:Verdana, Arial, Helvetica, Sans-serif; 
	 line-height:19px; 
	 font-size:0.8em;	
	 color:#FFFFFF; 
     text-decoration:none;	 
/*/*/display: block;
	 padding: 0.1em 0.1em 0.1em 0.1em;
	 width:100%;
	 background-color:#666699; /* */
}

#topnav a:link, #leftnav a:visited {
	 color: #EEE;
/*/*/color: #FFF;
     background-color:#666699;
	 text-decoration: none; /* */
}
#topnav a:hover {	
/*/*/background-color:#9999CC;
	color:#FFFFFF; /* */
}

/* even out the widths of each td within the second row */
#topnav tr#r2 td { width:25%; }

/* visually kill the 3rd row of topnav */
#topnav tr.px1 td {  
   background-color:#ffffff;
   line-height:0px;   
   padding:0em;    
   margin:0em; 
   width:8%; /* Moz fix */  
}

/* set appearance of the active topic */

#active a:link, #active a:visited {
/*/*/background-color:#9999CC;
	 color: #ffffff; /* */
}

#active a:hover {
/*/*/background-color:#9999CC;
	 color:#FFF; /* */
}

/* end topnav */

/******** begin left navigation *********/

/* bgcolor for NS4 */
#leftnav table /*/*/td/* */  { background-color:#9999CC; }

#leftnav a {
     font-family:Verdana, Arial, Helvetica, Sans-serif; 
	 line-height:19px; 
	 padding-left:5px;
	 font-size:0.8em;
/*/*/display: block;
	 padding: 0.1em 0.1em 0.1em 0.5em;
	 width: 168px;
	 background-color: #999; /* */
 } 

#leftnav a:link, #leftnav a:visited {
     color:#FFFFFF;
	 text-decoration: none;
/*/*/background-color:#9999CC;/* */
}
#leftnav a:hover {	
	background-color:#666699;
	color:#FFFFFF;
}

/* home link at leftnav top */

td#home { background-color:#666699; }
.home { background-color:#666699; }

#home a:link, #home a:visited {
/*/*/letter-spacing:1px;
	 background-color:#666699;
	 color: #ffffff; /* */
}

#home a:hover {
/*/*/background-color:#666699;
	 color:#FFF; /* */
}

/* end navigation */

/*----------------- document-level styles -----------------*/  
.topnav {
   font-family: Verdana, Arial, Helvetica, Sans-serif;
   font-size:0.8em; 
   color:#FFFFFF; 
}  
.topnav:link, .topnav:visited, .topnav:hover, .topnav:active { 
   color:#FFFFFF; text-decoration:none; }
   
.gold { /* see index.css for gold colored links within the header include */
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:18px; 
   font-weight:bold;
   font-size:0.8em;   
   color:#CC9933;   
}

#footer a, .footer { 
   font-family:Arial, Helvetica, Sans-serif; 
   letter-spacing:1px;    
   font-size:0.8em; 
   color:#666666; 
}
#footer a:link, #footer a:visited { color:#666666; text-decoration:none; }
#footer a:hover   { color:#000099; text-decoration:underline; }
#footer a:active  { color:#666666; text-decoration:underline; }

.smtxt2 { /* unlike smtxt, this is bold and navy colored */
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:normal; 
   font-weight:bold; 
   font-size:0.8em;    
   color:#006699; 
}

/* if smtxt2 class is used inside the link*/
.smtxt2:link, .smtxt2:visited { color:#006699; text-decoration:none; }
.smtxt2:hover, .smtxt2:active { color:#6699CC; text-decoration:underline; }
/* if used inside td with link immediately following it */
td.smtxt2 a:link, td.smtxt2 a:visited { color:#006699; text-decoration:none; }
td.smtxt2 a:hover, td.smtxt2 a:active { color:#6699CC; text-decoration:underline; }

/* breadcrumbs */
td.bcrumbs { font-size:0.8em; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#666666; }
td.bcrumbs a:link, td.bcrumbs a:visited { color:#000000; text-decoration:none; }
td.bcrumbs a:hover, td.bcrumbs a:active { color:#E7AF21; text-decoration:underline; }

/* attribute selectors */

.address {
    font-family:"Trebuchet MS", Arial, Helvetica, Sans-serif; 
	font-weight:bold;	
    font-size:0.9em; 
    color:#CC9933;
}

.highlights {
    font-family:Arial, Helvetica, Sans-serif;
    line-height:normal;	
    letter-spacing:1px;   
    padding-left:5px;
    font-weight:bold;	
    font-size:0.8em;
    color:#FFFFFF;
}

.subhead {
    font-family:Arial, Helvetica, Sans-serif;
    font-size:0.9em; 
    color:#336699;
}

/******************** WHATS NEW section *******************/
#whatsnew /*/*/table/* */ td { color:#999999; font-size:0.9em; font-family:Tahoma, Verdana, Arial, Sans-serif; padding-left:6px; }
#whatsnew a { font-family:Arial, Helvetica, sans-serif; letter-spacing:1px; }
#whatsnew a:link, #whatsnew a:visited { color:#336699; text-decoration:underline; }
#whatsnew a:hover { color:#0099FF; text-decoration:none; }
#whatsnew a:active { color:#AA00FF; text-decoration:underline; }

.notice { /* big words outside */
    font-family:Arial, Tahoma, Sans-serif;
    font-weight:bold; line-height:20px;
    font-size:1.3em; color:#336699;
}

#whatsnew ul.resources { list-style-type:square; margin-top:0.5em; /*/*/margin-left:15px; padding-left:15px;/* */ white-space:nowrap; color:#6699CC; }
#whatsnew ul.resources li a { font-family:Verdana, Arial, Helvetica, sans-serif; text-decoration:none; letter-spacing:normal; }
#whatsnew ul.resources li a:link, #whatsnew ul.resources li a:visited { color:#336699; text-decoration:none; }
#whatsnew ul.resources li a:hover   { color:#0099FF; text-decoration:underline; }
#whatsnew ul.resources li a:active  { color:#AA00FF; text-decoration:underline; }
/* provide a tiny bit of space below each bullet */
#whatsnew ul.resources li { margin-bottom:2px; }
/******************** WHATS NEW section *******************/

.dash_top {
/*/*/border-top:dashed 1px #999999; /* */
}

.dash_right {
/*/*/border-right:dashed 1px #999999; /* */
}

.go { /* colors for the "GO" search button */
	font-family:Verdana, Arial, Sans-serif; 
/*/*/border-bottom:solid 2px #996600;
	border-right:solid 2px #996600;
	border-left:solid 2px #DFCA9E;		
	border-top:solid 2px #DFCA9E; 	
	height:22px;/* */
    background-color:#C9851A; 
	font-weight:bold;
	color:#FFFFFF;	
	font-size:0.8em;
	width:25px;
}

.searchtxt {
   font-family:Arial, Tahoma, San-serif;
   color:#CC9933;
   font-weight:bold;
   font-size:1.1em;
}

.nav {
/*/*/border-left:solid 1px #FFFFFF; 	
    border-top:solid 1px #FFFFFF; /* */
    vertical-align:middle;
    line-height:20px;
    text-indent:5px;
 }

.whitetxt { 
   font-family:"Trebuchet MS", Verdana, Sans-serif;
   font-weight:bold;   
   color:#FFFFFF; 
}

tr.px1 td {  /* collapse specific td rows for design */
     margin:0em; 
     padding:0em;
     line-height:0px; 
     background-color:#ffffff;
}

.topic-color { background-color:#DDDDEE; }

#body p { font-family:Arial, Helvetica, sans-serif; }

/* input fields - for developers only */
.yellow-field { /* light yellow bg */	
	font-family:Tahoma, Verdana, Arial; padding-left:3px;		
    background-color:#FFFFF1; color:#000000; /*/*/
	height:auto; /* */
}

.blue-field { /* light blue bg */	
	font-family:Tahoma, Verdana, Arial; padding-left:3px;	
    background-color:#DEEFFF; color:#000000; /*/*/
    height:auto; /* */
}

.blue-button { /* blue colored buttons - more colors maybe in phase 02 */
   font-family:Arial, Helvetica, sans-serif; /*/*/
   border-bottom:solid 2px #000066; border-right:solid 2px #000066;
   border-left:solid 2px #88AADD; border-top:solid 2px #88AADD;
   letter-spacing:normal; height:25px; /* */
   background-color:#6699CC; color:#FFFFFF;	
   font-weight:bold; font-size:0.9em; /* or 1em */ 
}
/* End Stylesheet */