/* This is the stylesheet associated with the Materializing Sheffield e-book.
   Author: Katherine Rogers, HRI, the University of Sheffield July, 2006 
   
   The styles area arranged in the following groups:-
   - 1. Top Level styles
   - 2. Generic classes
   - 3. Heading styles
   - 4. div and span styles
   - 5. List styles
   - 6. Paragraph styles
   - 7. Image styles
   - 8. Link styles
   - 9. Table styling
   */


/* 1. Top level styles */
body { 
	font-family: verdana; 
	background-attachment: scroll;
}
	       
	       
/* 2. Generic classes */
.booktitle {
	font-style: italic;
	font-weight: bold
}

.centred {text-align:center}

.cleared {clear: both }

.decorative { /* only used with tables */
	background-color: #00dddd;
	border-style:ridge;
	border-width: medium;
	border-color:#dddddd;
	border-collapse:collapse;
	font-family:verdana;
	font-size:14px;
	text-align:center;

}

.fig {
	font-style: italic; 
	font-size:12px;
}

.floatleft { 
    float: left;  
    margin: 8px;
}

.floatright { 
    float: right; 
    margin: 8px;
    clear: right;
}

.floatright2{
    float: right; 
    margin: 8px;
}
.intro{
	font-size:14px;
	text-align:justify;
}

.intro1{
	font-size:14px;
	font-weight:bold;
}

.quote {
	margin-left: 2cm;
	margin-right: 2cm;
}

.padded{ /* only used with tables */
	text-align:center;
	vertical-align:top;
	padding:20px
}

.supertext {
	vertical-align: super;
	font-size:8px;
	color: #000000;
	font-weight:bold
}

.underline{text-decoration:underline}


/* 3. Heading styles */
h1 {
	text-align:left;
	font-size:22px;
	color: #000000
}

h1.title {test-align: center;}

h2 { 
	font-size:20px;
	text-align:left;
	color: #000000
}

h3 {
	font-size: 16px;
	text-align: left;
	color: #000000
}

h2.namelink {text-align:right}

h4.printauthor {display:none}


/* 4. div and span styles */
div.header
{
    text-align:left;
    padding:0px;
    color: #191970  
}

div.footer 
{ text-align:right;
  font-size:10px;
  width: 980px
}

div.logo {
	vertical-align: bottom;
	text-align: left
}

div.lhsnav {
	font-family: verdana; 
	font-size: 10px; 
	font-weight: bold; 
	color: #191970; 
	background-repeat: no-repeat; 
	text-align: left; 
	background-position: center 50%;
	width:155px;
	height: 20px;
	line-height: 20px;
	padding: 8px 0px 5px 5px;
}




/* 5. list styles */

li {
	font-family: verdana;
	font-size:12px;
}

ul.nobullet {list-style-type: none}

ul.nobulletplain {
	list-style-type: none;
	font-family: verdana;
	font-size:12px;
	line-height: 140%
}

ul.square {list-style-type: square}


/* 6. paragraph styles */
p {
	font-family: verdana;
	font-size:12px;
	line-height: 140%
}

p.footnote{font-size:10px}

p.printlink { text-align: center}




/* 7. image styles */

img.linkImage { border: 0px}


/* 8. link styles */
a.authorlink {
	color:#000000;
	font-size: 14px;
	font-family:verdana;
	text-decoration:none;
	font-weight:bold; 
	float: right; 
	clear:both
}

a.currentlink {	
	text-decoration:none;
	font-size:12px;
	font-family:verdana;
	color:#1f315f
}

a.genlink{
	font-family:verdana;
	color: #5c6a8d
}

a.genlink:hover{color:#9932cc}

a.fnote {
	font-family:verdana;
	color: #5c6a8d;
	font-weight:bold;
	vertical-align: super;
	text-decoration:none;
	font-size:8px;
}

a.fnote.hover {color:#9932cc}

a.menulink {
	text-decoration:none;
	font-size:12px;
	font-family:verdana;
	color: #5c6a8d
}

a.menulink:hover {color:#9932cc}

a.totop {
	font-size:14px;
	font-family:verdana;
}




/* 9. table styles */
table { border-collapse: collapse } 

table.contents{
	width:90%;
	text-align:center;
	padding:10px}
		 
table.dee {
	width:100%;
	text-align: left;
	vertical-align:top
}

table.header {
	width:980px;
        padding:0;
}

table.imagetable{
	text-align: center;
	vertical-align:top;
}

table.navtable { width: 180px;}
		 
tr.dechead1{ 
	font-weight:bold;
	color: #808080;
	font-style:italic;
}

tr.dechead2{
	font-weight:bold;
	color:#408080
}

td { padding: 4px }

td.decorative {
	border-width:thin;
	padding: 3px
}
	
td.imagecol {
	width:360px;
	vertical-align:top;
	border-style:ridge;
	border-width: medium;
	border-color:#dddddd;
	border-collapse:collapse;
	text-align:center;
}

td.menulink  { 
	font-family: verdana; 
	font-size: 10px; 
	font-weight: bold; 
	color: #191970; 
	background-image: url('button.gif'); 
	background-repeat: no-repeat; 
	text-align: center; 
	padding: 12px; 
	background-position: center 50% 
}

td.navtable{ vertical-align:top;}


td.textbody{
	vertical-align:top;
	text-align: left;
	padding: 8px;
}

td.mainbody {
	width: 800px;
	vertical-align: top
}

td.title1{
	font-weight: 900;
	font-family: verdana;
	font-size:36px;
	padding:10px; 
	text-align:right;
	width: 980px;
}
td.title2 {
	width: 200px;
	text-align:center;

}
p.title2 {

	margin: 10px;
	padding: 2px;
	text-align:center;
	
		font-family: verdana;
	color: #5c6a8d;
	font-weight:bold;
	font-size: 20px;


	
}