/*
==========================================
English Department Website
Last Edited: April 2005
Author: Timothy McIlvain
Author URI: http://www.wblue.org
==========================================

===== CONTENTS =====

	1: HTML and Body
	2: Layout
	3: Navigation
	4: Typography
	5: Images
	6: Specifics
		:Directory
		:Footnotes
	7:Font-Switcher
	
==================== 


/ ===== 1: Body ===== */

html {
	/* IE Horizontal scrollbar fix */
	overflow-y: scroll;
	/* force scrollbars in moz */
	height: 100%;
	margin-bottom: 1px;
	}

body{
	font-family: geneva, helvetica, sans-serif;
	font-size: 0.7em;
	color: #000;
	background-color:#663333;
	margin: 0 0 10px 0;
	}
	
	
	
/* ===== 2: Layout ===== */

#home-content {
	padding: 10px 20px 10px 20px;
	border-left: 1px solid #C5C6C1;
	line-height: 2em;
	text-align:justify;
	}

#directory { 
	text-align:left;
	}

#footer {
	margin: 10px 10px 10px 10px;
	font-size: 1em; 
	color:#CCCCCC;
	text-align:center;
	}
	

	
/* ===== 3: Navigation ===== */

.top-nav{
	text-align: right;
	color: #777;
	margin: 0px 8px 4px 4px;
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	border-bottom: 1px solid #C5C6C1;
	padding:5px 0 5px 0;
	}

.side-nav {
	margin:30px 10px 0 10px;
	line-height: 2em;
	}

.side-nav ul {
	padding:0;
	margin:10px 0 0 0px;
	list-style:none;
	}

.side-nav li {
	background-color:#fff;
	background: url(../images/sidebullet.png) no-repeat 0 4px;
	padding-left:17px;
	}

	
/* ===== 4: Typography ===== */

a { color: #4F1F7F; text-decoration: none; } 
a:hover {color: #990000; text-decoration: none; }
a:active { color: #990000; text-decoration: none; }

h1 {
	display: none;
	}

h2 {
	font-size: 2em;
	color: #999;
	letter-spacing: 2px;
	text-align:left;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 1.3;
	}

h3 {
	font-size: 1.2em;
	letter-spacing: 2px;
	color: #990000;
	text-align:left;
	}

h4 {
	font-weight:bold;
	font-size: 1em;
	}
	
h5 {
	}
	
p {	}
		
ul {
	list-style:none;
	}

li {
	background-color:#FEFEFE;
	padding-left:0px;
	background-image: url(../images/mainbullet.png);
	background-repeat: no-repeat;
	background-position: 0 1px;
	}

ol li {
	background: none;
	}

blockquote {
	padding:0;
	}	
	
.drop {
	float:left;
	font-family:"Times New Roman", Georgia, Times, serif; 
	font-size:5em;
	line-height:1em;
	margin:4px 10px 0px 0;
	padding: 4px 10px;
	border: 1px solid #ccc;
	background: #eee;
	}

hr {
	width:75%;
	height:.5px;
	color: #ccc;
	margin: 10px 0 10px 12%;
	}

.center {
	text-align: center;
	}
	
td.body { 
	font-family: verdana, arial, geneva, helvetica, sans-serif;
	color: #000;
	margin-top: 0px;
	}
	
.highlightbox {
	display: block;
	border: 1px solid #ccc;
	background: #eee;
	line-height: 1.2;
	padding-top: 10;
	padding-right: 10px;
	padding-bottom: 10;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

dt {
	font-weight:bold;
	}
	
dd  {
	margin-left: 0px;
	}
	
	
	
/* ===== 5: Images ===== */

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
	border: 1px solid #ccc;
	background: #eee;
	}

img.alignright {
	float: right;
	position:relative;
	margin:10px 10px 0px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background: #eee;
	}

img.alignleft {
	float: left;
	margin:17px 10px 0px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background: #eee;
	}



/* ===== 6: Specifics ===== */


#footnotes {
	background-color:#fff;
	 }
	
#footnotes h3, #footnotes_directory h3 {
	background: url(../images/footnotesbullet.png) no-repeat left 55%;
	padding: 3px 15px 3px 20px;
	border-top:1px solid #999;
	border-bottom:1px dotted #ccc;
	}
		
#footnotes h4 {
	font-style:italic;
	}
	
#footnotes h5 {
	font-size:1em;
	font-style:normal;
	margin: 10px 0 0 0;
	padding: 0 0 0 10px;
	border-left:10px solid #990000;
	}

#footnotes_directory ul {
	list-style:none;
	padding:0px;
	}

#footnotes_directory li {
	list-style:none;
	background:0;
	text-align:left;
	background-color:#fff;
	}
	
#footnotes_directory li a {
	padding: 3px 10px 3px 15px;
	background: url(../images/footnotesbullet2.png) no-repeat 0 5px;
	background-color:#fff;
	}