/* Note that all links to images must start with ../images since they are relative to the stylesheets folder */

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

body {
	background-color: black;
	background-image: url("images/ribbon.gif");
	background-position: 0px 84px;
	background-repeat: repeat-x;
	color: black;
	font-family: Georgia, Times New Roman, Serif;
	font-size: small;
}

/* IE6 Hack to fix tables with 100% width so they properly fit next to floating divs */
* html .ie6floatingtablehack {
	height: 1%;
}

a {
	color: #dc0096;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

h1, h2, h3 {
	font-family: Myriad Pro, Myriad, Arial, Sans-Serif;
	font-weight: normal;
}

h1 {
	border-bottom: 4px dotted #ff61ca;
	color: #6e004b;
	font-size: xx-large;
	padding-bottom: 5px;
}

h2 {
	color: Gray;
	font-size: x-large;
	margin-bottom: 5px;
}

h3 {
	color: Gray;
	font-size: large;
	margin-bottom: 5px;
}

th {
	border-bottom: 1px solid silver;
	font-weight: normal;
	font-style: italic;
	padding-right: 5px;
	text-align: left;
	vertical-align: bottom;
}

th.noborder {
	border: 0px;
}

table.bordered td {
	border: 1px solid #eeeeee;
	border-width: 0px 1px 1px 0px;
}

table.fixed {
	table-layout: fixed;
}

td.highlighted {
	background-color: #ffeeff;
}

table.highlighter tr:hover {
	background-color: Yellow;
}

tr.alt td {
	background-color: #f8f8f8;
}

tr.super th {
	border-bottom: 0px;
	font-size: large;
	text-align: center;
}

#address {
	font-family: Myriad Pro, Myriad, Arial, Sans-Serif;
	font-size: small;
	color: #ff61ca;
	right: 55px;
	position: absolute;
	text-align: right;
	top: 5px;
}

.big {
	font-size: x-large;
}

.bio {
	margin-bottom: 40px;
	text-align: justify;
	text-justify: newspaper;
}

.biophoto {
	clear: both;
	float: left;
	height: 162px;
	margin-right: 15px;
	width: 100px;
}

#bow {
	background-image: url("images/bow.gif");
	height: 38px;
	right: 50px;
	position: absolute;
	top: 72px;
	width: 153px;
}

.boxed {
	border: 1px solid gray;
	padding: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.brsilver {
	border-right: 1px solid silver;
}

.clearfloat {
	clear: both;
}

.clearfloatleft {
	clear: left;
}

.clearfloatright {
	clear: right;
}

#content {
	background-color: White;
	margin: 0px 50px;
	padding: 20px 40px;
}

#footer {
	background-color: #dc0096;
	color: White;
	font-family: Myriad Pro, Myriad, Arial, Sans-Serif;
	font-size: smaller;
	margin: 0px 50px 20px 50px;
	text-align: center;
}

#footercontent {
	margin: 10px 20px;
}

#footer a {
	color: silver;
	letter-spacing: 1px;
	padding: 0px 5px;
}

#footerbottomleft, #footerbottomright {
	background-repeat: no-repeat;
}

#footerbottomleft {
	background-image: url("images/pinkbottomleft.gif");
	background-position: bottom left;
}

#footerbottomright {
	background-image: url("images/pinkbottomright.gif");
	background-position: bottom right;
}

.gray {
	color: Silver;
}

.justify {
	text-align: justify;
	text-justify: newspaper;
}

.larger {
	font-size: larger;
}

#logo {
	background-image: url("images/logo.gif");
	height: 110px;
	left: 33px;
	position: absolute;
	top: 0px;
	width: 213px;
}

#logobottom {
	background-image: url("images/logobottom.gif");
	background-repeat: no-repeat;
	height: 10px;
	left: 50px;
	position: absolute;
	top: 110px;
	width: 196px;
}

#motto {
	font-family: Georgia, Times New Roman, Serif;
	font-size: medium;
	font-style: italic;
	color: silver;
	left: 265px;
	position: absolute;
	top: 60px;
}

#nav {
	background-color: White;
	background-image: url("images/shadow.gif");
	background-repeat: repeat-x;
	margin: 110px 50px 0px 50px;
}

#navborder {
	background-color: #a0a0a0;
	margin: 15px 13px 0px 13px;
}

#navitems 
{
	color: White;
	font-family: Myriad Pro, Myriad, Arial, Sans-Serif;
	font-size: larger;
	padding: 10px 0px;
	text-align: center;
}

#navitems a {
	color: White;
	margin: 0px 10px;
	padding: 5px;
	text-decoration: none;
}

#navitems a:hover {
	background-color: White;
	color: #dc0096;
}

#navtopleft, #navtopright, #navbottomleft, #navbottomright {
	background-repeat: no-repeat;
}

#navtopleft {
	background-image: url("images/graytopleft.gif");
	background-position: top left;
}

#navtopright {
	background-image: url("images/graytopright.gif");
	background-position: top right;
}

#navbottomleft {
	background-image: url("images/graybottomleft.gif");
	background-position: bottom left;
}

#navbottomright {
	background-image: url("images/graybottomright.gif");
	background-position: bottom right;
}

.pink {
	color: #dc0096;
}

.pinkAll {
	border: 1px solid #dc0096;
	background-color: #f2d5e9;
}

.pinkBG {
	background-color: #dc0096;
	color: White;
}

.pinkBorder {
	border: 1px solid #dc0096;
}

#rightsidezone {
	float: right; 
	margin: 25px 0px 0px 50px;
	width: 275px;
}

.smaller {
	font-size: smaller;
}

/* 	The style below is necessary because the box model is idiotic and doesn't honor margins 
	and related items if a DIV has no children except for another div (I don't like border collapsing.) */
.spacerfix {
	height: 1px;
	width: 1px;
}

th.subtime {
	border-right: 1px solid silver;
	font-size: smaller;
	padding-left: 10px;
}

#textzone {
	margin-right: 325px;
}

.tight {
	margin-top: 5px;
}

tr.hour th, tr.hour td {
	border-top: 1px solid silver;
}

tr.hour th {
	border-right: 1px solid silver;
}

.tiny {
	font-size: smaller;
}

.white {
	color: White;
}