body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 100%/1.2em;
	text-align: center; /*IE 5 work-around for centering issue*/
	margin: 0;
	padding: 0;
	background-color: #000;
}

/* wrapper gives the main page area a defined width and specifies positioning on the screen. If width is changed, then dimensions of the header image and the left margin for the sidebar will also need to change.*/

#wrapper {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	width: 750px;	
	color: #000;
	background-color: #FFF;
	padding: 0px;
	text-align: left;
	margin: 0 auto;
}


#header {
	background-color: #FC3;
	background-image: url(../images/header-bridge-cards-left-full.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	margin: 0 0 0 0;
	height: 224px;
	width: 750px;
}

#header h1 {
	font-size: 2.2em;
	font-style: normal;
	font-variant: normal;
	color: #900;
	margin-left: 300px;
	margin-top: 0px;
	padding-top: 50px;
	padding-bottom: 0px;
	vertical-align: baseline;
	text-align: left;
}

/*styles for navigation bar top of header*/

#nav {
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 1px;
	padding-top: 5px;
	padding-bottom: 2px;
	text-align: right;
	word-spacing: 1.5em;
	background-color: #900;
}

#nav a {
	color: #FFF;
	text-decoration: none;
	background-color: #930;
	letter-spacing: 0.3em;
	word-spacing: 3em;
	margin: 5px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-variant: small-caps;
}

#nav a:link {
	color: #FFF;
	text-decoration: none;
	background-color: #930;
	letter-spacing: 0.3em;
	word-spacing: 3em;
	margin: 5px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 0px;
	font-variant: small-caps;
}

#nav a:visited {
	color: #FFF;
	text-decoration: none;
	background-color: #930;
	letter-spacing: 0.3em;
	word-spacing: 3em;
	margin: 5px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-variant: small-caps;
}

#nav a:hover,#nav a:focus {
	color: #930;
	text-decoration: none;
	background-color: #FC0;
	letter-spacing: 0.3em;
	word-spacing: 3em;
	margin: 5px;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
	font-variant: small-caps;
	font-weight: bold;
}

 /*style for main content area*/
 
#content {
	font-size: 0.9em;
	line-height: 1.5em;
	text-align: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	list-style-type: disc;
	list-style-position: outside;
}

#content h2 {
	font-size: 1.5em;
	font-style: oblique;
	font-weight: bold;
	color: #930;
}

#content a {
	color: #900;
	text-decoration: none;
}

#content a:link {
	color: #900;
	text-decoration: none;
}
#content a:visited {
	color: #900;
	text-decoration: none;
}


#content a:hover, #content a:focus  {
	color: #900;
	text-decoration: underline;
}

#content a img {
	text-decoration: none;
	border: 0;
}

#content a:link img {
	text-decoration: none;
	border: 0;
}

#content a:hover img {
	border: solid red 2px;
}

/*class to specify larger, heavier font for introductory bullets on landing pages*/

#content .introbox {
	font-size: 1.2em;
	font-weight: bold;
	margin-left: 210px;
}

#content ul .introbox {
	padding-bottom: 10px;
}

/*Sidebar positioning and styles.*/ 
/*Note: if content in sidebar is longer than that in the content area, the sidebar will extend into the footer area, pushing the footer to one side and even extending below the footer. Non-breaking space paragraphs have been inserted into the text of the content on shorter pages to "push" the footer area down below the end of the sidebar.*/

#content #sidebar {
	float: right;
	width: 175px;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}


/*footer styles*/

#footer {
	font-size: 0.75em;
	line-height: .9em;
	color: #666;
	text-align: center;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #930;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:link {
	color: #333;
	text-decoration: none;
}
#footer a:hover, #footer a:focus {
	color: #333;
	text-decoration: underline;
}

/*General classes for layout*/

.booktitle {
	font-style: oblique;
	font-weight: bold;
}

.left {
	float: left;
	padding-right: 10px;
}

.center {
	text-align: center;
}

.right {
	float: right;
}