body {
  margin: 0;
  padding: 0;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  text-align: center;
  color: #333333;
  background: #e0e0e0;
  }
 
.whitebody {
	background-color:#FFFFFF;
	text-align:left;
	padding:25px;
	} 

blockquote {
  margin: 0 0 0 30px;
  padding: 10px 0 0 20px;
  font-size: 98%;
  line-height: 1.5em;
  background: url(allison/images/quotes.gif) no-repeat top left;
  }

blockquote p {
  margin-top: 0;
  }

abbr, acronymn {
  cursor: help;
  font-style: normal;
  border-bottom: 1px dotted;
  }

code {
  color: #996666;
  }

hr {
  display: none;
  }

img {
  border: none;
  }

p  {
font-family: Verdana, sans-serif;
 font-size: 12px;
  }
  


/* unordered list style */

ul {
  margin: 0 0 10px 30px;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:0px;
  }

ul li {
	list-style: none;
	padding-left: 14px;
	padding-bottom:5px;
	background: url(allison/images/bullet.gif) no-repeat 0 3px;
  }
  

ol {
  margin: 0 0 20px 30px;
  padding: 0;
  }  
  

/* links   color: #6699cc; */

a:link {
  color: #0052A5;
  text-decoration: none;
  border-bottom: 1px dotted;
  }

a:visited {
  color: #333399;
  text-decoration: none;
  border-bottom: 1px dotted;
  }

a:hover {
  color: #0052A5;
  text-decoration: none;
  border-bottom: 1px solid;
  }

a:active {
  color: #0052A5;
  text-decoration: none;
  border-bottom: 1px dotted;
  }
  

/* ---( layout structure )---*/

#wrap {
  width: 847px;
  margin: 0 auto;
  text-align: left;
  background: url(allison/images/tile2.gif) repeat-y;
  }
  
#wrap-digital {
  width: 847px;
  margin: 0 auto;
  text-align: left;
  background: url(allison/images/tile-digital.gif) repeat-y;
  }

#wrap-white  {
  width: 847px;
  margin: 0 auto;
  text-align: left;
  background: url(allison/images/text-tile.gif) repeat-y;
  }

#content {
  margin-left: 62px;
  }

#main-content {
  width: 460px;
  margin: 20px 0 0 0;
  padding: 0;
  line-height: 1.5em;
  float:left;
  }
  
#text-wrap { /* for long texts that have just a white background and no marginal links */
  width: 847px;
  margin: 0 auto;
  text-align: left;
  background: url(allison/images/text-tile2.gif) repeat-y;
  }
  
 #text-main-content {
  width: 600px;
  margin-left: 50px;
  margin-right:50px;
  padding: 0;
  line-height: 1.5em;
  }

#wrap-allison {
  width: 847px;
  margin: 0 auto;
  text-align: left;
  }
  
  
  #absolute-center {
  	width:460px;
	height:250px;
	position:absolute;
	top:50%;
	left:50%;
	margin: -160px auto auto -365px;
	visibility: visible;
	/* text-shadow: #3E5C93 3px 3px 3px; */
}

#sidebar {
  margin: 0 41px 0 547px;
  padding: 20px 0 0 0;
  font-size: 85%;
  color: #333333;
  background: url(allison/images/sidebar-bg.gif) no-repeat 0 0;
  }
 
 #sidebar-white {
  margin: 0 41px 0 547px;
  padding: 20px 0 0 0;
  font-size: 85%;
  color: #fff;
  } 
  
#sidebar-digital {
  margin: 0 41px 0 547px;
  padding: 20px 0 0 0;
  font-size: 85%;
  color: #333333;
  background-color:#a6bbcf;
  }

/* ---( course header and site name )--- */

#course-header-110 {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(allison/images/course110bg.gif) no-repeat top left;
  }
   
#course-header-book {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(allison/images/coursebg2.gif) no-repeat top left;
  } 
 
#course-header-techno {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(allison/images/coursetechnobg.gif) no-repeat top left;
  } 
  
#course-header-digital {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(allison/images/digital-lit.gif) no-repeat top left;
  }   
  
#course-header-writinghelp {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS";
  background: #e0e0e0 url(allison/images/writinghelpbg.gif) no-repeat top left;
  } 
  
#course-header-allison {
  margin: 0;
  padding: 0;
  font-family: "Lucida Grande", "Trebuchet MS"; 
  background: url(allison/images/allisonbg.gif) no-repeat top left;
  }  

h1.course-header {
  margin: 0;
  padding: 40px 50px 40px 100px;
  font-size: 200%;
  color: #fff;
  text-shadow: #3E5C93 2px 2px 2px;
  background: url(allison/images/top_h1_blue.gif) no-repeat bottom left;
  }
  
  
 #course-header-digital h1.course-header {
  margin: 0;
  padding: 30px 50px 40px 100px;
  font-size: 200%;
  color: #fff;
  text-shadow: #3E5C93 2px 2px 2px;
  background: url(allison/images/top_h1_blue.gif) no-repeat bottom left;
  }

/* ---( main column )--- */

h2.courseinfo-header {
  margin-top: 3px;
  padding-left: 16px;
  font-size: 85%;
  color: #333333;
  background: url(allison/images/courseinfo_icon.gif) no-repeat 0 0px;
  }
  
h2.content-title {
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  letter-spacing: -1px;
  color: #993333;
  }
  
h3.content-subtitle {
  margin-top: 30px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 120%;
  color: #333333;
  } 

.content {
  margin: 0 0 1.5em 0;
  padding: 0 0 1.5em 14px;
  border-bottom: 1px solid #ddd;
  }

.content-footer {
  margin: 0;
  padding: 0 0 0 14px;
  font-size: 90%;
  color: #666;
  background: url(allison/images/tictac_grey.gif) no-repeat 0 8px;
  }

.content img {
  padding: 6px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #c0c0c0;
  border-right: 1px solid #c0c0c0;
  }
  
 .small {
   font-size:xx-small;
   }

/* tables with borders */


#grid table {
  border: 0px;
  background-color:#CCCCCC;
  font-family: Verdana, sans-serif;
  font-size: 12px;
  }

#grid td  {
  border: 0px;
  background-color:#FFFFFF;
  }
  
#grid td.gray  {
  background-color:#EBEBEB;
  }
  
#grid td.graylight  {
  background-color:#F8F8F8;
  }
  
#grid ul, li {
  margin-bottom:0;
  }

/* ---( sidebar )--- */

h1.sidebar-title {
  margin: 0 0 0 0;
  padding: 50px 0 0 15px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 140%;
  color: #333;
  height: 32px;
  height: 32px !important; /* for most browsers */
  height /**/:57px; /* for IE5/Win */
  }
  
  h2.sidebar-title {
  margin: 0 0 0 0;
  padding: 27px 20px 0px 30px;
  line-height: 15px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #333333;
  background: url(allison/images/sidebar_icon.gif) no-repeat 18px 15px;
  }
  
h2.sidebar-title-digital {
  margin: 0 0 0 0;
  padding: 27px 20px 0px 30px;
  line-height: 15px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #333333;
  }  

h2.sidebar-title-book {
  margin: 0 0 0 0;
  padding: 27px 20px 0px 30px;
  line-height: 15px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #333333;
  background: url(allison/images/sidebar_icon.gif) no-repeat 18px 15px;
  }
  
  h2.sidebar-title-monster {
  margin: 0 0 0 0;
  padding: 28px 20px 0px 30px;
  font-family: "Lucida Grande", "Trebuchet MS";
  font-size: 130%;
  color: #333333;
  height: 25px;
  background: url(allison/images/monstericon.gif) no-repeat 5px 19px;  
  height: 25px !important; /* for most browsers */
  height /**/:50px; /* for IE5/Win */
  }

#sidebar ul {
  margin: 0;
  padding: 5px 20px 10px 20px;
  /*border-bottom: 1px solid #B5AFA6;*/
  }

#sidebar li {
	background: url(allison/images/bullet.gif) no-repeat 0 2px;
	color: #333333;
	margin-bottom: 5px;
  }

 #sidebar p {
    margin: 0;
  	padding: 0px 30px 0px 31px;
	}


#sidebar-digital ul {
  margin: 0;
  padding: 5px 20px 10px 20px;
  }

#sidebar-digital li {
	color: #333333;
	margin-bottom: 5px;
  }

 #sidebar-digital p {
    margin: 0;
  	padding: 0px 30px 0px 31px;
	}



/* ---( footer )--- */

.clear { /* to fix IE6 padding-top issue */
  clear: both;
  height: 0;
  }

#footer {
  margin: 0;
  padding: 0 0 9px 0;
  font-size: 85%;
  color: #ddd;
  background: url(allison/images/bottom_sill.gif) no-repeat bottom left;
  }
  
  

#footer p {
  margin: 0;
  padding: 20px 320px 20px 95px;
  background: url(allison/images/bottom_sash.gif) no-repeat top left;
  }
  
  
  
#footer-texts {
  margin: 0;
  padding: 0 0 9px 0;
  font-size: 85%;
  color: #ddd;
  background: url(allison/images/bottom_sill2.gif) no-repeat bottom left;
  }
  
  

#footer-texts p {
  margin: 0;
  padding: 20px 320px 20px 95px;
  background: url(allison/images/bottom_sash2.gif) no-repeat top left;
  }

.highlight {
	color: #993333;
}


.quotation-typeface {
    margin: 0 0 0 30px;
    padding: 10px 0 0 20px;
	font-family: "Courier New", Courier, mono;
	color: #000000;
    font-size: 14px;
    line-height: 1.5em;
    background: url(allison/images/quotes.gif) no-repeat top left;
}

.typefacehangingindent {
	font-family: "Courier New", Courier, mono;
	font-size: 14px;
	color: #000000;
	line-height: 30px;
	margin-left: 80px;
	text-indent: -50px;
	text-align: left;
}

.hangingindent {
	margin-left: 50px;
	text-indent: -30px;
	text-align: left;
	margin-bottom: -8px;
}


.indent {
	margin-left: 40px;
}



/* rounded boxes */

#boxcontainer .roundedbox	{ 
	border-style:solid;
	border-color:#ccc;
	border-width:1px;
	padding:15px;
	margin-bottom: 25px; 
	width:600px;
	background: url(images/rounded-fade-grey.gif) 50% 0 repeat-x; 
	position: relative; 
	text-align:left;
	float:left;
	}	


#boxcontainer .box b.cn {background-image: url(images/rounded-silver.png);}
#boxcontainer .toplinksbox b.cn {background-image: url(images/rounded-silver.png);}
#boxcontainer .roundedbox b.cn {background-image: url(images/rounded-silver.png);}



b.cn { 
	position: absolute; 
	height: 10px; 
	width: 10px; 
	margin: 0; 
	padding: 0; 
	background: url(images/white-corner.png) no-repeat; 
	line-height: 1px; 
	font-size: 1px;
	} 

b.tl {
	top: -1px; 
	left: -1px; 
	background-position: top left;
	}

b.tr {
	top: -1px; 
	right: -1px; 
	background-position: top right;
	}
	
b.bl {
	bottom: -1px;
	left: -1px; 
	background-position: bottom left;
	}
	
b.br {
	bottom: -1px;
	right: -1px;
	background-position: bottom right;
	}

     /* IE Filters */
    * html b.bl {bottom:-2px}
    * html b.br {bottom:-2px}
    * html b.cn {background-image: url(images/white-corner.png);}




/* specialized link icons */


a[href $=".doc"]{
	background: url(images/icons/doc.gif) bottom left no-repeat;
	padding-left:25px;
}
a[href $=".wp"]{
	background: url(images/icons/wpd.gif) bottom left no-repeat;
	padding-left:20px;
}
a[href $=".wpd"]{
	background: url(images/icons/wpd.gif) bottom left no-repeat;
	padding-left:20px;
}
a[href $=".pdf"]{
	background: url(images/icons/pdf.gif) bottom left no-repeat;
	padding-left:18px;
}
a[href $=".ppt"]{
	background: url(images/icons/ppt.gif) bottom left no-repeat;
	padding-left:25px;
}
a[href $=".xls"]{
	background: url(images/icons/xls.gif) bottom left no-repeat;
	padding-left:25px;
}
a[href $=".zip"]{
	background: url(images/icons/zip.gif) bottom left no-repeat;
	padding-left:25px;
}
a[href $=".mov"]{
	background: url(images/icons/mov.gif) bottom left no-repeat;
	padding-left:25px;
}
a[href $=".ra"]{
	background: url(images/icons/ra.gif) bottom left no-repeat;
	padding-left:25px;
}
