﻿@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding:0
}
html {height:100%; background-image:url(images/graybg.jpg)}
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: transparent;
	background-image:url(images/stripe.gif);
	text-align: center;
	background-position:center;
	background-repeat:repeat-y;
	color: #FFF;
	font-size:11px;
	height:100%;
}
.clear {clear:right; width:100%}
a:link {color:#FFF; text-decoration:none; border-bottom:1px dotted #C9C9C9}
a:visited  {color:#C9C9C9; border-bottom:1px dashed #CCC; text-decoration:none}
a:hover {background-color:#6b2b8a; color:#FFF; border-bottom:1px dotted #FFF; text-decoration:none}
a:active {background-color:#000; color:#6b2b8a; border-bottom:1px dotted #FFF; text-decoration:none}
div#container {
	width: 700px;
	background-color: #414141;
	margin: 0 auto;
	border: 0;
	text-align: left;
	height:auto;
	background-image:url(images/stripe.gif);
	background-repeat: repeat-y;
}
div#left {
	width:300px;
	background-color: #414141;
	float: left;
	height: 100%;
}
h1#title {background-image:url(images/elizabeth_stuart.gif); width:100%; background-position: top right; height:275px; display:block}
h1 span {display:none}
ul#nav {
	list-style-type:none;
	margin-top: 35px;
	margin-bottom:60px
}
ul#nav li {
	margin: 0 0 10px 0
}
ul#nav span {
	display: none
}
ul#nav a {
	display:block;
	height: 16px;
	width:300px;
	border: 0;
}
li#news a:link, li#news a:visited {
	background-image:url(images/news_x.gif)
}
li#news a:hover, li#news a:active, li#news.current a {
	background-image:url(images/news_o.gif)
}
li#solo a:link, li#solo a:visited {
	background-image:url(images/solo_x.gif)
}
li#solo a:hover, li#solo a:active, li#solo.current a {
	background-image:url(images/solo_o.gif)
}
li#opera a:link, li#opera a:visited {
	background-image:url(images/opera_x.gif)
}
li#opera a:hover, li#opera a:active, li#opera.current a {
	background-image:url(images/opera_o.gif)
}
li#education a:link, li#education a:visited {
	background-image:url(images/education_x.gif)
}
li#education a:hover, li#education a:active, li#education.current a {
	background-image:url(images/education_o.gif)
}
li#bio a:link, li#bio a:visited {
	background-image:url(images/bio_x.gif)
}
li#bio a:hover, li#bio a:active, li#bio.current a {
	background-image:url(images/bio_o.gif)
}
li#references a:link, li#references a:visited {
	background-image:url(images/references_x.gif)
}
li#references a:hover, li#references a:active, li#references.current a {
	background-image:url(images/references_o.gif)
}
.vcard {font: normal 10px "Trebuchet MS", arial, sans-serif; color:#C9C9C9; margin:5px; text-align:center; border-top: 1px dotted #707070; padding: 10px 3px 15px 3px}
.vcard div {margin: 3px 0 3px 0;}
div#content {
	background-image:url(images/stripe.gif);
	background-repeat: repeat-y;
	width:100%;
	background-color: #707070;
	padding-bottom: 5px;
}
h2 {font: bold 16px "Trebuchet MS", arial, sans-serif; margin: 30px 15px 15px 315px; background-repeat:no-repeat}
h3 {font: bold 13px "Trebuchet MS", arial, sans-serif; margin: 0px 15px 5px 315px; color:#C9C9C9; border-bottom: 1px solid #C9C9C9}
h2 span {display:none}
h2#news {background-image:url(images/news.gif); height:17px; width:335px}
h2#solo {background-image:url(images/solo.gif); height:16px; width:326px}
h2#opera {background-image:url(images/opera.gif); height:16px; width:207px}
h2#education {background-image:url(images/education.gif); height:16px; width:229px}
h2#bio {background-image:url(images/bio.gif); height:16px; width:109px}
h2#references {background-image:url(images/references.gif); height:17px; width:120px}

div#content blockquote {margin: 20px 15px 25px 315px; background-color: #949494; padding:5px; border: 1px dotted #C9C9C9; line-height:20px; text-align:justify;  width:355px; font-size: 14px}
div#content blockquote:first-letter {font-size:18px}
div#content blockquote cite {display: block; font-style:italic; margin: 10px}
div#content p {margin: 0px 15px 15px 315px; line-height:16px; text-align:justify;  width:370px}
div#content p:first-letter {font-size:15px}

div#content ul {margin: 0px 15px 15px 320px; line-height:16px; text-align:justify;  width:370px; list-style-position:inside; list-style-type: square}
