/*** WRAPPER ***/

body {
    font: normal 12px auto  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    /* background-color: #F88017; /*#FFFC17;*/
    background-color: white ; /* this is the background of the page */ 
    /*background-image: url('../images/TileBackground.gif');  */ 
    /*background-repeat:repeat-y x;*/
}

#main {
    border: 0px solid #666;
    clear: both;
    background: white; /* #FFFFFF; /* white, color of the background inside the box */
    padding: 0em;	
    width:1000px;
    min-height: auto;
    height: auto;
    margin:0px auto;    <!- this stuff centers it
    text-align:left;
}


.pagetitle{
    color:#680000;
    font-size: 24px;
    font-face: times;
    font-weight: none;  
}

#topiframe {
    width: 100%;
    height: 220px;
 }

#mainiframe {
    height: 3000px; 
    width: 100%;
}

#leftiframe {
    width: 100%;
    min-height: 660px;
	
}


#bottomiframe{
	width: 100%;
	height: 105px;
}

#contents a[href$=".pdf"]{
display:inline-block;
padding-left:15px;
padding-bottom:1px;
background:transparent url(pdficon.gif) center left no-repeat;
}


/*** PAGE TABLE  ***/

#pagetable{
    width: 100%;
    padding: 0px;
    margin: 0;
    cellspacing: 0;
    border: 0px  solid #C1DAD7;
}

#pagetable td {
    border: 0px solid  #C1DAD7; 
    padding: 10px;
}

#pagetable td.nopad {
    padding: 0px;
}

#pagetable td.somepad {
    padding: 30px;
    padding-top: 10px;
}

#pagetable td.somepad2 {
    padding: 80px;	
    padding-top: 10px;
    padding-right: 140px;
}

#pagetable td.leftwidth{
    width: 20%;
}

#pagetable td.rightwidth{
    width: 20%;
}

#pagetable td.mainwidth2cols{
    width: 80%;
}

#pagetable td.mainwidth3cols{
    width: 60%;
}


/*** GENERAL THINGS ***/

A:link {color:blue; text-decoration:none}
A:visited {color:blue; text-decoration:none}
A:hover {color:blue; text-decoration:underline}

p.item {   /* MOSTLY FOR OUTER FRAMES */
    text-indent: 12px;
    font-size: 11px;
    width: 100%;
    line-height: 1.2em;
    margin: 1em 0;
    margin-top: -5px;
    padding-top: 5px;  
    background:transparent url(../images/arrow_red_trans.gif) no-repeat;
    background-position: 0em 0.6em;  
}

p { 
  margin-top: 0; 
}

h2 {
   margin-bottom: 5px;
   color: #000000;
   padding: -1em 0em 0em 0 ;
   font-weight: normal;
}	

h3 {
   margin-bottom: 5px;
   color: #000000;
   padding: -1em 0em 0em 0 ;
   font-weight: normal;
}

ul.normal{
	line-height: 1.2;
}

li{
    margin-bottom: 3px;
}

/*** MAIN FRAME CONTENTS ***/

#contents {
	font: normal 14px auto  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
 	line-height: 1.3;
	color: #111;
}

.textborder {
border: 1px solid #000000;
}

/*** TOP FRAME ***/

#bodytop {
    background-color: white; 
    background-image:none;
    color:black;
}


#toptable {
    padding: 0px;
    padding-top: 0px;
    margin: 0;
    cellspacing: 0;
    border: 0px  solid #C1DAD7;
    width:1000px;
}

#toptable td {
    border: 0px solid  #C1DAD7; 
    padding: 0px;
    padding-top: 0px;
    font-size: 12px;
}

/**** Contact table ****/
#contacttable {
    padding: 0px;
    padding-top: 0px;
    margin: 0;
    cellspacing: 0;
    border: 0px  solid #C1DAD7;
    width:80%;
    
}

#contacttable td {
    border: 0px solid  #C1DAD7; 
    padding: 10px;
    padding-top: 20px;
    padding-left:50px;
    font-size: 14px;
}

/*** LEFT FRAME GENERAL ***/
 
#bodyleft {
    background-color: white; /*#303030;  */
    font: normal 12px auto "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    color: white;
    background-image:none;
}


#bkgdl {
     background-color: white; 
}



/*** BOTTOM FRAME ***/

#bodybottom {
    background-color: white; 
    background-image:none;
}

#bottomtable {
	padding: 0px;
	padding-top: 0px;
	margin: 0;
	cellspacing: 0;
	border: 0px  solid #C1DAD7;
}

#bottomtable td {
    border: 0px solid  #C1DAD7; 
    padding: 10px;
    padding-top: 0px;
    font-size: 12px;
}
    

/*** LEFT FRAME MAIN MENU ***/

#navlist {
    list-style: none;
    margin: 0;
    padding: 0;
    font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
}

#active:hover li { 
    display: block; 
    margin: 0;
    padding: 0;
    font-size: 95%; 
}

#active li { 
    display: none;
    margin: 0;
    padding: 0;
}

#navcontainer  {
    float: left;
    width: 100%;
}

#navcontainer a {
    color: white;
    background: #303030;
    border-bottom: 2px solid black;
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    margin: 0;
}

#navcontainer li {
    padding: 0;
    margin: 0;
}

#navcontainer ul ul{
    margin-left: 0;
    padding:0;
    text-indent: 25px;
}

#navcontainer a:active {
    color: white;
    background: black;
}

#navcontainer a:hover {
    background:#600000; 
    color: #FFCCFF ;
    padding-bottom: 8px;
    font-weight: 600;
}



/*** FOR HTML IMAGES ***/

.floatright {
    float: right;
    /* width: 270px; put the width in the actual div call */
    margin: 0 0 2px 10px; /* push text away from left and bottom */
    border: 1px solid #666;
    background-color: #ddd;
    padding: 2px;	
    text-align: center;
    font-style: italic;
	color: #000000;
	font-size: 12px;
	
}

div.floatright img{
	       border: 0px solid #000;
}
 

/*** PEOPLE TABLE ***/

#peopletable{
    width: 100%;
    padding: 0px;
    margin: 0;
    cellspacing: 0;
    border: 0px  solid #C1DAD7;
    color: #4f6b72;
    font-size:13px;
}



#peopletable td {
    border: 0px solid  #C1DAD7; 
    padding: 5px;
    padding-bottom: 30px;
    padding-left: 0px;
    text-align: left;
}

#peopletable td.person {
    padding-left: 0px;
    padding-right: 20px;
    /*width:250px;*/
    width:50%;
}


#peopletable ul {
    margin-top: 6px;
}

.tit{
    color: #000000;
    font-size:13px;
}


/***** FOR THE TABLE OF LECTURES AND ASSIGNMENTS ********/
table#notes {
	    border: solid 1px;
	    width: 100%;
}

table#notes th {
	    padding: 5px;
	    border: solid   #99CCCC 1px;
	    background-color:  #99CCCC;
}

table#notes td {
	    padding: 5px;
	    border: solid  #99CCCC 1px;
	    font-size: 12px;
	    text-align: left;
}

td.lab {
        padding: 5px;
        border: solid  #99CCCC 1px;
        font-size: 12px;
	text-align: left;
	background-color: #EDE275;    
}

tr.lab {
	background-color: #FFF380;    
}

tr.exam {
       	background-color: red;
	color:white;
	font-weight:bold;
}   

tr.special {
    background-color: #99FF99;
    color:black;
}
/************************************/



/* FOR THE LISTS IN THE TABLE OF THE CLASS NOTES */
#lists ul{
      margin-left: 15px;
      margin-top: 0px;
      padding: 0px;
}

#lists li{
      padding-left:0px;		
      padding-right:0; 
      padding-top: 4px; 
      padding-bottom:0px;
}

#lists li.assign{
    margin-left:20px;
    list-style:circle;
}

#lists li.assignhw{
    margin-left:20px;
    list-style:circle;
    font-weight:bold;
    color:maroon;
}

#lists li.due{
    color:red;
    margin-left:20px;
    font-weight:bold;
    text-transform:uppercase;
}

#lists li.tut{
    color:#006600;
    font-weight:bold;
    text-transform:capitalize;
}


#lists li.quiz{
    color:red;
}