@charset "ISO-8859-1";

#html, body {

	background-color:#ffffff;
	font-family:'Trebuchet MS', 'Lucida Grande', Arial, Helvetica, sans-serif; 
	color:#000000;
	font-size:62.5%; 
	font-weight:normal;

  left: 0;
  right: 0;
  width:752px;           /* Centres page. (Agrees with #main_table width below.) */
  height: 100%; 
  margin: auto;

	}

h1, h2, h3, p {
	text-align:left;
	margin:0 0 0 0;
	font-weight:normal;
	}

h1{
	font-size:1.8em;
	margin:25px 0 13px 27px;
	}

h1.welcome{
	margin:13px 0px 13px 0px;
}  
  
h1.degree{
	margin:0px 0 13px 27px;
}

h1.book{
	margin:25px 0 5px 27px;
}

h2{ 
	font-size:1.4em; 
	font-weight:bold;
	margin:0px 0 15px 5px;
	}

nonh2{ 
	font-size:1.4em; 
	font-weight:bold;
	margin:0px 0 15px 5px;
     padding: 0 0 10px 0;
	}  
     
h2.book{
	margin:0px 0 15px 27px;
}

h3.menu_section{
/*	font-family:Arial, Helvetica, sans-serif;*/ 
	font-size:1.3em; 
	font-weight:bold;
	margin:6px 0 3px 15px;
}

h4{
	font-size:1.0em; 
	color:#999999;
	}

strong {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	color:#666666;				/* Color is in fact determined by a.bullet_grey */
	font-weight:normal;
	margin:0 0 3px 15px;
}

em{
	color:#330000;
	font-style:normal;
}

p{  
	font-size:1.4em;
	}


p.box{
	margin:0 5px 10px 5px;
}	

p.box.faqanswer{
	margin:0 5px 25px 25px;
  font-style:italic;
}	

p.box_gapped{
	margin:10px 5px 10px 5px;
}	

p.small{
	font-size:1.2em; 
}

p.smaller{
	font-size:1.1em; 
}

p.smallest{
	font-size:1.0em; 
}
	
p#greeting{						/* For the 'Welcome' heading */ 
	font-size:1.8em; 
	font-weight:bold;
	margin:12px 0 11px 0;
	}

a{
	color:#800000;
	text-decoration:none;
	border:none;
}

a.grey{
	color:#999999;
	}

a:hover{
	color:#999999;
	}
	
a img{
	border: none;
	}
	
div.aphorism {
	float:left;
	width:200px;
	margin:0px 15px 15px -4px;
	padding:0px;
	border:0px solid black;
	text-align:center;
}

/* General custom classes */


.form{
	font-size:1.4em;
}

.italic{
	font-style:italic;
}

.bold{
	font-weight:bold;
}

.emphasise{
	font-weight:bold;
	font-style:italic;
}

.right{
	text-align:right;
	}

.left{
	text-align:left;
	}

.center{
	text-align:center;
	}

.fg_white{
	color:#FFFFFF;  
	}

.bg_claret{
	background-color:#800000;
	}
	
.bg_grey{
	background-color:#cccccc;
	}
	
.no_padding{
	padding:0 0 0 0;
	}
	
.hundred{
	width:100%;
	}


	
/* Universal site-wide custom ids and classes */

#page{
	position:absolute;
	top:5px;
	padding:0 0 25px 0;			/* White space at bottom of page */
	background-color:#f0f0f0;
	}

#main_table{
	width:752px;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#800000;
	background-color:#ffffff; 	/* Tried f0f0f0 */
	}
	
#banner_row{
	height:125px;
	}

#banner_position{
	position:absolute;  
	z-index:1; 
	left:1px; 
	top:1px;
	}

#rss_row{ 
  clear:both;
	height:30px;
	width:100%;
	background-color:#cfd7d3;
	}

#location{  
	font-size:1.1em; 
	color:#000000; 
	}
  
#philosophytutorid{
	font-size:1.8em;
	margin:25px 0 13px 27px;
}

#footer_row{ 
	margin:0 3px 0 3px;
	width:100%;
	}

#copyright{						/* The width of these final three ids must sum to 750 pxs */
	font-size:1.0em; 
	color:#999999; 
	text-align:left;
	width:270px;
	}
	
#footer_tabs{
	text-align:right;
	width:450px;
	}

#book_jacket{
	position:absolute; 
	z-index:2;
	left:566px;
	top:440px;
	}

#book_description{
	padding:12px 160px 7px 7px;
	background-color:#cfd7d3;
	width:100%;
	border-bottom: 1px solid #ffffff;
	}
	
#nietzsche{
	padding:0 0 0 2px;
	width:18px;
	}

.top_claret {					/* Draws claret lines at top of tables, (not rows). */
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#800000;
	width:100%;
	}
	
.footer{ 
	font-size:1.0em; 
	color:#999999; 
}

/* Occasional site-wide custom ids and classes */

#section_bullet_list{	
	padding:0px 0 20px 15px;	/* The gap between the list and the first grey text-box */
	}

#popup{
	padding:25px;			
	background-color:#ffffff;
	}


.shim_column{
	padding:0 0 0 0;
	width:30px;					/* 30px is the homepage border */
	}

.section_bullet{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	color:#666666;				/* Color is in fact determined by a.bullet_grey */
	font-weight:normal;
	margin:0 0 3px 15px;
	}

.text_box{
	background-color:#cfd7d3;
	padding:12px 7px 13px 7px;
	width:100%;
	border-bottom: 1px solid #ffffff;
	}

.top_arrow_box{
	margin:6px 0 7px 0;
	width:100%;
	}	
	
.top_arrow {  
	font-size:0.8em; 
	color:#800000; 
	text-align:right;
	float:right;
	}
	
.data_table{  
	font-size:1.2em; 
	padding:10px 12px 10px 12px;
	background-color:#f0f0f0;
	text-align:left;
	}
	
.small{  
	font-size:1.0em; 
	}
	
.center{
	text-align:center;
	}
	
.bold{
	font-weight:bold;
	}

/* Special page custom ids and classes */

#welcome_box{
	z-index:1; 
	left:266px; 
	width:430px; 
	position:absolute; 
	top:231px; 
	height:25px;
	background-color:#cfd7d3;	
	}

#blog_box{
	background-color:#cfd7d3;
	padding:12px 7px 12px 7px;
	width:480px;						/* Sets width of blog box */
	border-bottom: 1px solid #ffffff;
	}


#blog_search{
	position:absolute; 
	width:573px; 
	height:22px; 
	z-index:1; 
	left:511px; 
	top: 206px;
}
	
#blog_sidebar{
	padding:12px 12px 12px 12px;
	background-color:#f0f0f0;
	float:right;
} 

	
/* Blog classes */

.blog_title{ 
	font-size:1.8em;
	margin:25px 0 13px 27px;
	}

/* Drop down menus */


/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */
 
ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
/* zoom: 1; 					/* Not CSS2.1 compliant */
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
/* width: 100%; */
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/**
 * Horizontal Linear CSS Drop-Down Menu Component
 *
 * @file		dropdown.linear.css
 * @package		Dropdown
 * @version		0.1
 * @type		Transitional
 * @requires	dropdown.css
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */


ul.dropdown-linear {
/* width: 100%; */
}

ul.dropdown-linear li.hover,
ul.dropdown-linear li:hover {
 position: static;
}

ul.dropdown-linear ul ul {
 display: none !important;
}


ul.dropdown-linear ul li {
	padding:11px 15px 12px 15px;
 	float: left;
	font-size:0.8em;
	border-style: solid;
	border-width: 0 0 0 0;
	border-color: #800000;
}


/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

/* @import "helper.css"; */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {
}

	ul.dropdown li {
	 border-style: solid;
	 border-width: 1px 0 1px 0;
	 border-color: #800000;
	 background-color: #cde8d9;
	 color: #800000;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #f0f0f0;
	 border-width: 1px 0 0 0;
	 border-color: #800000 #f0f0f0 #f0f0f0;

	 color: #999999;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #800000; text-decoration: none; }
	ul.dropdown a:hover		{ color: #999999; }
	ul.dropdown a:active	{ color: #800000; }


	/* -- level mark -- */

	ul.dropdown ul {
/*	 width: 150px; */
	 margin-top: 1px;
	}

/*
		ul.dropdown ul li {
		 font-weight: normal;
		}

*/

/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {
 	/* padding-right: 20px;			/* For drop down icon */
<!--	background-image: url(images/nav-arrow-down.png); -->
 	background-position: 100% 50%;
 	background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}

/** 
 * Default Linear CSS Drop-Down Menu Theme
 *
 * @file		default.linear.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown {
/*	width: 750px;						/* My page width (PJ) */

/* 	border-bottom: solid 1px #ccc;		/* Puts line on bottom of button (PJ) */
	font-size:1.4em;
}

	ul.dropdown li {
	 	padding: 4px 0 4px 0;			/* Sets button height (PJ) */
	 	border: none;
	 	background-color: #cfd7d3;		/* Default button colour (PJ) */		
		text-align:center;
	 	border-style: solid;
	 	border-width: 1px 0 0 0;
	 	border-color: #800000;
		}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 	background-color: #f0f0f0;		/* Hover button colour (PJ) */
	 	color: #999999;
	}

	ul.dropdown ul {
	 	width: 750px;					/* Wipes RSS/Google Row clean to my page width (PJ) */
	 	margin-top: 0;
	 	background-color: #f0f0f0;
	 	border-style: solid;
	 	border-width: 0 0 1px 0;
	 	border-color: #800000;
	}

		ul.dropdown ul li {
		 background-color: #f0f0f0;
		}

		
		ul.dropdown ul li:hover {
		 margin: 0;
		 border: none;
		 background-color: #f0f0f0;
		 color: #999999;

/*		 background-color: #cccccc;	/* Hover colour of dropped menu */
		}

		ul.dropdown ul li		a:hover		{ color: #999999; }
		
ul.dropdown ul *.dir {
/* 	padding-right: 7px;				/* For drop down icon */
 	background-image: none;
}


.drop_right{
	float:right;
}

.home {
 	width:89px;
}

.tutor {
	width:153px;
	}

.research{
	width:112px;
}

.career {
	width:90px;
	}


.online{
	width:90px;
}

.mountains{
	width:108px;
}

.contact{
	width:108px;
}