/* CSS Document */

/* ------This section covers the main body formatting style for text, borders and images---------*/

/* Main body text for paragraph and body*/
p, body, li {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em;}

/*Page with purple border at 15px width*/
body {border: 15px solid #669933;
      margin: 10px;
	  padding:10px;
	  }

/*Banner*/
.banner {background-image: url(../images/banner.gif);
         background-repeat: repeat-x;
		 background-color: #FFBE00;
		 height: 75px;
		 border-bottom: 1px solid #999999;
		 border-top: 1px solid #999999;
	     }
		 
/*Banner for Module 1*/
.modBg {background-image: url(../images/banner_modBg.gif);
         background-repeat: repeat-x;
		 height: 70px;
		 }
		 
/*Heading for module objectives*/
.mod0bj {background-image: url(../images/icon_objectives.gif);
         background-repeat: no-repeat;
		 height: 69px;
		 }
			 		 
/*Layout of main content on page*/
#contentWithMenu {margin: 10px 250px 10px 15px;
       		  }
			  
/*Layout of main content on page*/
#contentNoMenu {margin: 10px 10px 10px 15px;
       		  }

/*Menu style*/
#Menu {
	position:absolute;
	top:120px;
	right: 40px;
	width: 200px;
	padding: 8px;
	background-color:#EEEEEE;
	border: 1px solid #999999;
	float:right;
	}	
	   
/*Footer font style*/
.footer {font-size: 0.75em; color: #999999; border-top: 1px dotted #CCCCCC; padding: 5px; margin-top: 30px;margin-bottom: 15px;}		

/*Main hypertext link colours.  Link is blue.  Hover is orange.*/		
a:link, a:visited {text-decoration: none; color: #0066FF;}		   
a:hover, a:active {text-decoration: none; color: #FF9900;}

/*Menu hypertext link colours.  Link is grey. Hover is orange.*/		
a.hypertxtMenu:link, a.hypertxtMenu:visited {text-decoration: none; color: #333333;}		   
a.hypertxtMenu:hover, a.hypertxtMenu:active {text-decoration: none; color: #FF9900;}

/*Alternate hypertext link colours for black background.  Link is light yellow. Hover is orange.*/		
a.hypertxt01:link, a.hypertxt01:visited {text-decoration: none; color: #FFFFCC;}		   
a.hypertxt01:hover, a.hypertxt01:active {text-decoration: none; color: #FF9900;}

/*Green bullets for list of objectives first page of a chapter or module*/
.bulletObj {list-style-image:url(../images/bul_arrowGreen.gif);
           	} 
			
/*Orange ticks bullets*/
.bulletTicks {list-style-image:url(../images/bul_tickOrange.gif);
           	} 
		
/*Small green square bullets*/
.bulletSquare {list-style-image:url(../images/bul_squareGreen.gif);
           	} 
					
/*Menu table with dotted borders at bottom of cells only*/
table.menuList {border: none; border-collapse: collapse; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif;}  
table.menuList td {border-bottom: 1px #666666; border-style: none none dotted none; vertical-align: top; padding: 4px;}

/*Table with dotted borders*/
table.dotted01 {border: 1px dotted #999999; border-collapse: collapse; width: 100%; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif;}  
table.dotted01 td {border: 1px dotted #999999; vertical-align: top; padding: 8px;}
table.dotted01 th {vertical-align: middle; text-align: left; font-weight: bold; background-color: #FFFFCC; border: 1px solid #999999; padding: 8px;  color: #669900;}

/*Table with dotted borders at bottom of cells only*/
table.solid01 {border: none; border-collapse: collapse; font-size: 0.75em; font-family: Verdana, Arial, Helvetica, sans-serif;}  
table.solid01 td {border-bottom: 1px #CCCCCC; border-style: none none solid none; vertical-align: top; padding: 8px;}
table.solid01 th {border-bottom: 1px #CCCCCC; border-style: none none solid none; vertical-align: middle; padding: 3px; font-weight: bold;}

/*Table with solid grey borders.  Header background colour is light yellow.*/
table.solid02 {border: 1px solid #999999; border-collapse: collapse; width: 100%; font-size: 0.85em; font-family: Verdana, Arial, Helvetica, sans-serif;}
table.solid02 td {border: 1px solid #999999; vertical-align: middle; padding: 8px;}
table.solid02 th {vertical-align: middle; text-align: left; font-weight: bold; background-color: #FFFFCC; border: 1px solid #999999; padding: 8px;  color: #669900;}

/*Table with dotted red borders*/
table.dotted02 {border: 1px dotted #FF0000; border-collapse: collapse; width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em;}  
table.dotted02 td {border: 1px dotted #FF0000; vertical-align: top; padding: 8px;  font-size: 1.0em;}

/*Table with no borders for pop-ups such as robodemos.*/
table.noborders01 {border: none; border-collapse: collapse; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF;}  

/*Table with no borders in general, but with borders for each individual cells. Text is align centered*/
table.noborders02 {border: none; border-collapse: separate; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; border-spacing: 8px;}  
table.noborders02 td {border: 1px; border-style: outset; padding: 5px; text-align: center;}

/*Paragraph with solid green borders*/
.box01 {font-size: 0.85em; color:#333333; padding: 8px; border: 1px solid #CCCC66; width: 65%;}

/*Paragraph with solid grey borders*/
.box02 {font-size: 0.85em; color:#333333; padding: 8px; border: 1px dotted #666666; width: 95%;}
 
.h1 {font-size:1.1em;
     color:#000000;
     font-weight:bold;
	 padding: 5px;
	 background-image:url(../images/bg_highlightH1.gif);
	 background-repeat:no-repeat;
	 }
	 
.h2 {font-size:0.95em;
     color:#000000;
     font-weight:bold;
     background-color: #EEEEEE;
	 padding: 3px;
	 border-style: outset;
	 border-width: 1px;
	 }
	 
.h3 {font-size:0.95em;
     color:#669900;
	 font-weight:bold;
	 border-bottom: 1px dotted #666666;
	 } 			
	 
.h4 {font-size:0.9em;
     color:#333333;
	 font-weight:bold;
	 } 	   
	 
.smallFont {font-size:0.85em;
     color:#333333;
	 }

/*Thin border around image*/
img.border01 {border: 1px solid #666666;}

/*Align left for image*/
img.left {float: left;}

/*Positions image 200px from left*/
img.align01 {margin-left: 200px;}