body {margin:5px; padding:0; background-color: #ccf; color:#000;
	font-family: Optima, Georgia, 'Arial Narrow', 'Trebuchet MS', sans-serif;
	font-size: 1em;}

#container {border:1px solid #306; margin: 10px; background-color: #fff;}

h1 {margin-left: 1em; color: #306; letter-spacing: .1em; text-align: center;}

#intro {margin-left: 1em; font-size: 1.2em; padding-bottom: 1em;}

#banner {display: block; margin: 0 auto -1px auto; 
	border:1px solid #306; padding: 3px;}

#review {display: block; margin: 0 auto;
	border:5px double #306; padding: 3px;
	background-color: #ccf;}

#intro img {border:1px solid #306; padding: 3px;
	float: right; background: #fff; margin-right: -1px; margin-left: .5em;}

.blurb {margin-left: 1em; color: #000; background-color: #fff;}

.contactblurb {text-align: center; color: #000; background-color: #fff;}
	
.blurblink {margin: 0 10em; text-align: center; line-height: 2em;
	color: #306; padding: 1em 0; border-bottom: 1px dotted #306;}
.blurblink img {display: block; margin: 0 auto;}

#email a {text-decoration: none; font-style: italic; color: #306;
	border-top: 1px dotted #99c; border-bottom: 1px dotted #99c;}
#email a:hover {text-decoration: none; font-style: italic; color: #c00;
	border-top: 1px dotted #c00; border-bottom: 1px dotted #c00;}
#email a:active {font-style: italic; color: #900;
	border-top: 1px dotted #900; border-bottom: 1px dotted #900;}
	
#list {color: #306; font-style: italic; padding-bottom: 1em;
	line-height: 1.5em;}
#list li {list-style: url(images/note.gif) inside;}

#links {padding: 3px 0; margin-left: 1.3em; border-bottom: 1px solid #306; 
	font: bold .8em 'Trebuchet MS', sans-serif; letter-spacing: .1em;}
#links li {list-style: none; display: inline;}
#links li a {padding: 3px 0.8em; margin-right: 1em; 
	border: 1px solid #306; background: #ccf; text-decoration: none;}
#links li a:link {color: #306;} 
#links li a:visited {color: #666;} 
#links li a:hover {color: #fff; background: #96c;}
#links li a:active {color: #f00; background: #ccf;}

li#notab a {font-weight:normal; font-family: 'Trebuchet MS',sans-serif;
	color: #666; background:#fff; border: none;}
li#notab a:link {color: #306; background: #fff; border: none;} 
li#notab a:visited {color: #666; background: #fff; border: none;} 
li#notab a:hover {color: #93f; background: #fff; border: none;}
li#notab a:active {color: #f66; background: #fff; border: none;}	
#notab {font: normal .9em 'Trebuchet MS',sans-serif; color: #666;}
	
#us {font: italic .75em 'Verdana', sans-serif; color: #666;
	margin-left: 1em; padding: 2em 0 1em 0; text-align: center;}
#us a {text-decoration: none;}
#us a:link {color: #60f; background: #fff;}                        
#us a:visited {color: #93f; background: #fff;}                         
#us a:focus {color: #90c; background: #fff;}                       
#us a:hover {color: #306; background: #fff;             
	border-top: 1px dotted #c00; border-bottom: 1px dotted #c00;}                    
#us a:active {color: #c00; background: #fff;}    

#topbutton {text-align: center; color: #333; font-style: italic; line-height: 3em;}
#topbutton a {text-decoration: none; color: #60f;}
#topbutton a:hover {color: #60f;
	border-bottom: 1px dotted #c00; border-top: 1px dotted #c00;}
#topbutton a:active {color: #c00;
	border-bottom: 1px dotted #c00; border-top: 1px dotted #c00;}

.bold {font-weight: bold; color: #306;}

/* Colours
ccf - purple steel (background color)
306 - darkest purple
90c - purple
93f - light purple
fcf - palest purple
900 - darkest red
c00 - dark red
f00 - red
666 - dark grey 
333 - grey
99c - dark blue
*/