body {font-family: 'Gudea', sans-serif;
font-family: 'Buenard', serif;
font-family: 'Crete Round', serif;
}

header {background-color: #ff6600;
text-align:center;
font-size:2.5em;
padding:0px 0px 5px 0px;}

#border {
width: 800px;
margin-left: auto;
margin-right: auto;
background-color: #ffffff;
border: 15px solid #ff6600;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;
border-radius: 50px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 9px 9px 20px #000000;
-webkit-box-shadow: 9px 9px 20px #000000;
box-shadow: 9px 9px 20px #000000;
filter: progid: DXImageTransform.Microsoft.Shadow(strength = 9, direction = 135, color = '#000000');
-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 9, Direction = 135, Color = '#000000')";}
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/

.tabletext {margin-left:20%;
margin-right:20%;
font-size: larger;}

.tabletext a:link {text-decoration: underline;}

.highlight {margin-left:20%;
margin-right:20%;
border: 4px solid #ff6600;
/*background-color: #867ED6;*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: .5em 1.5em;
font-family: 'Buenard', serif;
font-size: larger;}

a.external {background: transparent url(External.png) center left no-repeat;
background-size:1em;
padding-left:1.1em;
}

#text {float: left;
display: block;
width: 600px;
background-color: #ffffff;

}
p {margin-left: 5%;
margin-right: 5%;}
#textnobook {float: left;
display: block;
width: 750px;
background-color: #ffffff;
clear: both; 	
text-align:left;
}
#lecturebox { display: block;
float: left;
width: 75%;
border-top-right-radius: .3em;	-moz-border-radius-topright: .3em;	-webkit-border-top-right-radius: .3em;}

#lecturebox a:link {
	color: #000000;}
a:link {
	color: #ff6600;
	text-decoration: none;
	font-variant: small-caps;
	}
	
	a:visited {
	color: #000000;
	text-decoration: none;
	font-variant: small-caps;
	}
	
	a:hover {
	color: #000000;
	text-decoration: none;
	}
	
	a:active {
	color: #666666;
	text-decoration: none;
	}
	
	a:focus {
	color: #000000;
	text-decoration: none;
	}

#bookcover {
float: left;
display: inline;
width: 180px;
background-color: #ffffff;
}

hr {
width:60%;
}

#bookcover figure {margin: 100% 0px;
padding: 100% 0px;}

nav {background-color:  #FF6600;
display:block;
list-style-position:inline;
float:none;
clear: both;}

#rotate {margin-left:50px; float:left; display:inline; height:4em; width:6em; /* -o-transform: rotate(-90deg);-moz-transform: rotate(-90deg); -ms-transform:rotate(-90deg); */
border-top-left-radius: 1em;	-moz-border-radius-topleft: 1em;	-webkit-border-top-left-radius: 1em;
clear: both;
text-align: right;
padding-right: 0.6em;
padding-top: 0.3em;
} 	
.center {text-align:center;}

#lecturebox ul {list-style-type: none;}

#slidenav {margin: 0px;
 	padding: 1em;
text-align: center;
list-style-type: none;
clear: both;}

#slidenav li {display:inline;}

nav ul {margin: 0px;
 	padding: 1em;
text-align: center;
list-style-type: none;

}

nav li {text-align: center;
display:inline;
}

nav li a {text-decoration: none;
 background-color: #FF6600;
	font-weight:bold;
	font-stretch:expanded;
	font-size:large;
	font:"Times New Roman", Times, serif;
	color: #000000;
	padding: 0em 1em;
	border-right: none;
	font-variant: normal;}
	
nav li a:link
{
margin: 0;
color: #000000;
}
nav li a:visited
{
margin: 0;
color: #000000;
}

nav li a:hover
{
background-color: #000000;
margin: 0;
color: #FF6600;
}


figcaption {font-size: small;}

#active
{
	text-decoration: underline;
	}
	
	footer {font-size: small;
	padding:3em;
	text-align:center;
	clear:both;}