/* BEGIN GLOBAL STYLING */

body {
	margin: 0;
	padding: 0;
	background: url('../images/bg-bar.png') repeat-x;
	height: 156px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%;	/* Necessary to keep the
						   resizing of text consistent
						   across all browsers */
}

#navMenu, #content {
	font-size: 0.75em;
	margin-left: 4em;
}

/*	END GLOBAL STYLING	*/


/*	BEGIN HEADER STYLING	*/

#fdTitle {
	position: relative;
	z-index: 0;
	border: 0;
}

#navMenu {
	width: auto;
	position: relative;
	z-index: 1;
	margin-top: -2.3em;
	white-space: nowrap;
	font-weight: bold;
}

#navMenu a {
	margin-right: 4.1em;
	color: #fff;
	border: none;
}

#navMenu a:visited {
	color: #fff;
	border: none;
}

#navMenu a:hover {
	color: #055B61;
	border: none;
}

#navMenu a#noMargin {
	margin-right: 0;
}

/*	END HEADER STYLING	*/


/* BEGIN LINK STYLING */

a:link {
	color: #378287;
	border-bottom: 1px dotted #378287;
	text-decoration: none;
}

a:visited {
	color: #378287;
	border-bottom: 1px dotted #378287;
	text-decoration: none;
}

a:hover {
	color: #378287;
	border-top: 1px dotted #378287;
	border-bottom: none;
	text-decoration: none;
}

.contentTitle a, .contentTitleFic a {
	font-weight: normal;
}

a.specifiedText {  /* this is so that when I use
				   <a href="#something">
				   and then target it to
				   <a name="something">Text</a>
				   the "Text" will not act as
				   a link in the sense that
				   it will bold, have an
				   underline, change color, etc.
				   It is used as such:
				   <a name="something" class="specifiedText">Text</a>  */
	color: #000;
	font-weight: normal;
	text-decoration: none;
	border-top: none;
}

/* END LINK STYLING */


/* BEGIN BODY STYLING */

#content {
	line-height: 1.51em;
}

.contentTitle, .contentTitleFic {
	padding: 10px 10px 12px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: normal;
	line-height: 1.5em;
	text-align: right;
}

.contentTitle {
	margin: 30px 0 20px 0;
	border-top: 1px solid #8194B8;
	border-right: 3px solid #253F6D;
	color: #315087;
}

.contentTitleFic {
	margin: 30px 4px 20px 0;	/* The 4px difference here is because
								   for fics, the text is flush-left,
								   ragged-right. Therefore, the text
								   does not go all the way up to the
								   edge as would be the case if the
								   text was justified. This would make
								   the contentTitleFic not look like
								   it's too far out to the right. */
	border-top: 1px solid #B9B9B9;
	border-right: 3px solid #000;
	color: #000;
}

p {
	margin: 17px 0;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.indent {
	margin-left: 40px;
}

.underline {
	text-decoration: underline;
}

.font8pt {
	font-size: 0.9em;
}

.grey {
	color: #666;
}

hr, .sceneChange {
	height: 1px;
	color: #909090;
	background: #909090;
	border: 0;
	margin: 3em 15%;
}

dl.normalLineHeight dd {
	line-height: 100%;
}

dl {
	margin-bottom: 25px;
}

dt {
	padding-bottom: 5px;
	border-bottom: 1px dotted #D9C6DE;
}

dd {
	padding-top: 5px;
}

/*	END BODY STYLING	*/


/*	BEGIN COPYRIGHT STYLING	*/

.backToTop {
	float: left;
	font-size: 1em;
	word-spacing: normal;
}

#copyright {
	margin-top: 45px;
	border-top: 1px solid #8194B8;
	padding-top: 8px;
	text-align: right;
	font-size: 0.9em;
	word-spacing: 0.3em;
}

/*	END COPYRIGHT STYLING	*/