body {
	background: url(../img/PageBG02.jpg);
	font-size:62.5%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#643F30;
	margin:0;
	padding:0;
}
div#container {
	width:770px;
	margin:30px auto 40px auto;
	padding:0;
	background-image:url(../img/containerbg.gif);
}
/*----- Header ------------- */
div#header {
	background:url(../img/header.gif) no-repeat;
	width:770px;
	height:89px;
}
div#header h1 {
	margin-left:-2000px;
}
/*-----Content ------------- */
div#content {
	width:532px;
	margin:0 0 0 8px;
	padding:20px;
	float:left;
	font-size:1.2em;
	line-height:1.5em;
}
#content h1 {
	color:#4B5D81;
	font-family:"Trajan Pro", Optima, Georgia, Times, "Times New Roman", serif;
	font-variant: small-caps;
	text-align:center;
	font-size:2.5em;
	margin-top:0px;
}
#content h1 span.left {
	padding-left:60px;
	background:url(../img/h1decor-left.gif) left center no-repeat;
}
#content h1 span.right {
	padding-right:60px;
	background:url(../img/h1decor-right.gif) right center no-repeat;
}
#content h2 {
	font-family:"Trebuchet MS", Georgia, Times, serif;
	color:#4B5D81;
	padding-bottom:4px;
	border-bottom:1px solid #900;
	font-size:1.6em;
	margin:30px 0 10px 0;
}
#content h3 {
	margin:30px 0 0 10px;
	font-size:1.2em;
}
#content .center {
	text-align:center;
}
#content p {
	margin-left:30px;
}
#content p.alert {
	font-weight:bold;
	text-align:center;
	color:#900;
}
#content p.button {
	text-align:center;
}
#content p.button a {
	font-weight:bold;
	padding:4px 10px;
	border:2px solid #aaa;
	border-left-color:#666;
	border-bottom-color:#666;
	background-color:#4b5d81;
	color:#fff;
}
#content p.button a:hover {
	color:#900;
	background-color:#7588AE;
}
#content h2 + p {
	margin-top:10px;
}
#content h3 + p {
	margin-top:10px;
}
#content ul, #content ol {
	margin:10px 20px 10px 60px;
	padding:0;
}
#content ul ul {
	margin:0 0 10px 40px;
}
#content p.instructions {
	font-size:.9em;
}
#content a {
	color:#AA0033;
	font-weight:bold;
	text-decoration:none;
}
#content a:hover {
	color:#3366CC;
}
#content p.subheading {
	text-align:center;
}
.alert {
	color:#8d1c0c;
}
/*----- Nav ------------- */
div#nav {
	float:right;
	margin-right:8px;
	margin-top:8px;
	padding-top:100px;
	width:170px;
	background: url(../img/marinerscompass.gif) center top no-repeat;
}
div#nav ul {
	margin-left:20px;
	padding:0;
	list-style:none;
	margin-bottom:0;
	margin-top:0;
}
div#nav li {
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	margin-bottom:1px;
	margin-left:0;
	padding:0;
}
div#nav a {
	color:#643F30;
	text-decoration:none;
	padding:3px 0 10px 26px;
	background:url(../img/bullet.jpg) top left no-repeat;
	display:block;
}
div#nav a:hover {
	color:#CC6600;
}

/*----- Footer ------------- */ 
div#footer {
	background:url(../img/footer.gif) center bottom no-repeat;
	padding:0 0 19px 0;
	margin:0;
	clear:both;	
}
div#footer p {
	background:url(../img/footerDecor.gif) center top no-repeat;
	padding:30px 0 0 0;
	margin:0 0 0 5px;
	width:572px;
	text-align:center;
	font-size:1.1em;
	line-height:1.3em;
}
#footer a {
	color:#AA0033;
	font-weight:bold;
	text-decoration:none;
}
#footer a:hover {
	color:#3366CC;
}
.bookTitles {
	text-decoration:underline;
}	
/*----- Special Pages ------------- */ 
/*----- Home Page ------------- */ 
#content h1#homePageTitle {
	height:56px;
	background:url(../img/welcome.gif) center no-repeat;
}
#content h1#homePageTitle span {
	margin-left:-8000px;
}
#content #SallyPic {
	float:left;
	margin: 0 10px 0 30px;
	width:110px;
	border:2px solid #643F30;
	padding:4px;
}
#content #SallyPic img {
	
}
div#content div#SallyPic p {
	font-size:.85em;
	line-height:1.2em;
	text-align:center;
	margin:4px 4px 0 4px;;
}
/*----- various pages------------- */
.pubPhoto {
	float:left;
	margin: 1em 10px 0 30px;
	border:2px solid #643F30;
	padding:4px;
}
.techGuideList li {
	list-style:none;
	margin-bottom:10px;
	text-indent:-12px;
}
#content .pubPhoto p {
	margin:0;
	text-align:center;
	font-size:.85em;
	line-height:1.2em;
	padding-top:5px;
}
div.photoLeft {
	float:left;
	margin: .5em 10px 0 30px;
	border:2px solid #643F30;
	padding:4px;
}
#content .photoLeft p {
	margin:0;
	text-align:center;
	font-size:.85em;
	line-height:1.2em;
	padding-top:5px;
}
div.photoRight {
	float:right;
	margin: .5em 0 0 10px;
	border:2px solid #643F30;
	padding:4px;
}
#content .photoRight p {
	margin:0;
	text-align:center;
	font-size:.85em;
	line-height:1.2em;
	padding-top:5px;
}
#content .photoCentered {
	text-align:center;
	margin:.5em auto 30px auto;
	border:2px solid #643F30;
	padding:4px;
	clear: both;
}
#content .photoCentered p {
	text-align:center;
	margin:4px 0;
}
p.address {
	margin-left:50px;
}
p.clearing {
	clear:both;
	font-size:1px;
	line-height:1px;
	margin:0;
}
ul#sectionNav {
	width:100%;
	margin:0;
	background-color:#4b5d81;
	text-align:center;
}
ul#sectionNav li {
	list-style:none;
	display:inline;
}
ul#sectionNav li a {
	color:#e7d8c8;
	padding:4px 20px;
}
ul#sectionNav li a:hover {
	color:#fff;
}
ol li {
	margin-bottom:8px;
}
ol.byLaws {
	list-style-type:lower-alpha;
}
#content p.searchDirections {
	margin:0 50px 10px 50px;
	font-size:0.9em;
	line-height:1.3em;
	color:#900;
}
/*----- Membership  Section------------- */
#content p.address {
	margin-left:100px;
}
table.reps {
	margin:0 auto;
	font-size:.9em;
	border:2px solid #8d1c0c;
}
table.reps td, table.reps th {
	border-bottom:1px dotted #8d1c0c;
	border-left:1px dotted #8d1c0c;
	padding:4px 8px;
}

/*---------------- Seminar  Section------------- */
div#SeminarNav {
	float:left;
	width:150px;
	padding:10px;
	border:1px solid #8d1c0c;
	margin:10px 15px 0 30px;
	background-color:#DEC4AB;
	display: inline; /* Fixes IE6 double margin bug */
}
div#SeminarNav h1{
	font-size:1.5em;
	margin-bottom:10px;
}
div#SeminarNav ul {
	margin:10px 0px 20px 20px;
	padding:0;
	font-size:.9em;
}
div#SeminarNav li {
	margin-bottom:10px;
	line-height:1.2em;
}
div#SeminarNavRight {
	float:right;
	width:150px;
	padding:10px;
	border:1px solid #8d1c0c;
	margin:10px 0 0 20px;
	background-color:#DEC4AB;
}
div#SeminarNavRight h1{
	font-size:1.5em;
	margin-bottom:10px;
}
div#SeminarNavRight ul {
	margin:10px 0px 20px 20px;
	padding:0;
	font-size:.9em;
}
div#SeminarNavRight li {
	margin-bottom:10px;
	line-height:1.2em;
}
div#centeredSemNav {
	padding-left:15px;
	width:232px;
	margin:20px auto;
	
}
div#content h2#signup {
	margin-left:200px;
}
p#SeminarSectionTitle {
	font-size:1.4em;
	text-align:center;
	color:#4B5D81;
	margin:0 0 15px 0;
	font-weight:bold;
}
#content p.aboutAuthor {
	font-size:.9em;
	line-height:1.3em;
}
#roundtableTable {
	font-size:.95em;
}
#roundtableTable td, #roundtableTable th {
	vertical-align:top;
	padding-top:5px;
	border-bottom:1px dotted #4B5D81;
}
#committeeTable {
	font-size:.95em;
	text-align:center;
}
#committeeTable td {
	vertical-align:top;
	padding:10px 5px;
}
dl {
	margin:0 0 20px 0;
}
dt {
	margin-left:30px;
	margin-top:15px;
	font-weight:bold;
	border-bottom:1px dotted #643F30;
}
dd {
	margin: 0 0 5px 70px;
	text-indent:-20px;
	padding-left:30px;
	background:url(../img/scheduleBullet.gif) 0 5px no-repeat;
	line-height:1.2em;
}
.full {
	color:#8d1c0c;
}
div#mainSeminarCols {
	overflow:auto;
	padding-top:10px;
}
div#mainSeminarCols div#SeminarNav {
	margin-top:0;
}
div#whenWhere {
	float:right;
	width:300px;
	padding:0;
	margin:0;
}
#content #whenWhere ul {
	margin-left:20px;
}
#content #whenWhere h3 {
	margin-left:0;
}
h3#what {
	clear:both;
}
td.roundtableNumber {
	text-align:right;
}
.leaderName {
	color:#4B5D81;
}
div.seminarPhotoLeft {
	float:left;
	margin: 25px 10px 0 30px;
	border:2px solid #643F30;
	padding:4px;
}
div.seminarPhotoRight {
	float:right;
	margin: 25px 0 0 10px;
	border:2px solid #643F30;
	padding:4px;
}
div.seminarStudyImgRight {
	float:right;
	margin: 20px 10px 0 15px;
	border:2px solid #643F30;
	padding:4px;
}
h3#when {
	margin-top:0;
}
div#studyCenters h2 {
	margin-bottom:0;
}
div#studyCenters h3 {
	margin:0 0 6px 0;
}
/*---- General Tables -----*/
#content table {
	font-size:.95em;
	width:auto;
	margin:0 auto;
}
#content table td, #content table th {
	vertical-align:top;
	padding:5px 5px 2px 5px;
	border-bottom:1px dotted #4B5D81;
}
#content table.staffListTable {
	font-size:.9em;	
}
#content table.staffListTable td.buttonCell input#button  {
	font-size:.9em;	
}
/*----------- Forms --*/
form {
	margin:0;
}
fieldset {
	border: 1px solid #643f30;
	padding-top:10px;
	margin-bottom:20px;
}
legend {
	color:#8d1c0c;
	font-weight:bold;
}
#content .formTable td {
	border-width:0;
	text-align:left;
	padding:4px;
}
#content .formTable th {
	text-align:right;
	border-width:0;
	padding:4px;
}
input, textarea {
	width:350px;
}
input.radio {
	width:auto;
	padding:0;
	margin:0 0 0 10px;;
}
input.checkbox {
	width:auto;
	padding:0;
	margin:0 0 0 10px;;
}
input#Contribution {
	width:100px;
}
input#Gift {
	width:100px;
}
input#Pledge {
	width:100px;
}
input#PledgeYears {
	width:100px;
}
#content td.numberCell {
	text-align:right;
}
#content td.titleCell {
	font-weight:bold;
	text-align:center;
}
#content td.buttonCell {
	text-align:center;
	white-space:nowrap;
}
#content td.buttonCell input {
	width:auto;
}

/*--- Specific Forms ---*/
#content #memberLevelTable {
	margin:0 50px;
}
#content .topFormInstructions {
	padding:0 50px;
}
input#OtherInterest {
	width:350px;
}
#content td.checkboxCell {
	text-align:right;
}
#content p.submitButton {
	text-align:center;
	margin-left:0;
}
#content p.submitButton input {
	width:auto;
}
#content .searchform label {
	width:200px;
	text-align:right;
	float:left;
	padding-right:6px;
}
#content .searchform input#Keyword {
	width:150px;
}
#content .searchform input#button {
	width:auto;
}
#content .searchform {
	margin:0 0 50px 0;
}
#content fieldset#creditCardInfo input {
	width:200px;
}
#content fieldset#creditCardInfo input.radio {
	width:auto;
}
/*----------- Membership Form Page ---------------- */
#donation input { width:50px;}
#donation input.fund { width:auto;}
#donation input.radio { width:auto; }
#content #donation .formTable th { text-align:center;}

/*----------- Endowment Form Page ---------------- */
#content p.endowmentFormTitle {
	color:#4B5D81;
	font-family:"Trajan Pro", Optima, Georgia, Times, "Times New Roman", serif;
	font-variant: small-caps;
	text-align:center;
	font-size:2em;
	margin-top:0px;
	font-weight:bold;
	line-height:1.2em;
}

#giftInfo input { 
	width:50px;
}
#payInfo input {
	width:150px;
}
#payInfo input.radio {
	width:auto;
}
#payInfo input.checkbox {
	width:auto;
}
#payInfo td.sectionHead {
	padding-top:30px;
}
#gift{
	padding:20px 15px;
}
#gift input {
	width:300px;
}
#gift textarea {
	width:300px;
	height:100px;
}
#gift input.radio {
	width:auto;
}
#gift table.formTable th {
	vertical-align:top;
}

/*----------- Detail Pages -----------*/

#content #volumeDetail #picture{
	float:left;
	width:100px;
	height:auto;
}
#content #volumeDetail #text{
	margin-left:105px;
}
#content #volumeDetail h1 {
	text-align:left;
	font-size:1.3em;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#643F30;
	font-weight:bold;
	font-variant:normal;
}
#content #volumeDetail h2 {
	font-size:1.1em;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#643F30;
	font-weight:bold;
	border:none;
}
#content #volumeDetail p.volumeInfo {
	margin:5px 0 5px 0;
	font-size:.9em;
}
#content #volumeDetail p {
	margin:20px 0 4px 0;
}
#content #volumeDetail ul {
	margin:0 0 20px 50px;
}
#content #volumeDetail li {
	line-height:1.2em;
	margin-bottom:10px;
	font-size:.9em;
}
#content #volumeDetail #picture img {
	width:80px;
	height:auto;
	padding-right:16px;
	padding-bottom:16px;
	background:url(../UCimages/UCbg.jpg) right bottom no-repeat;
}
#searchResult span {
	text-decoration:underline;
	font-weight:500;
}
#searchResult li {
	margin-bottom:10px;
}

/*-------------- Calendar Page ----------------- */
#studyQuilts {
	border: 1px solid #8d1c0c;
	/*background-color:#DEC4AB;*/
	padding:30px 30px 10px 10px;
	margin:0 0 30px 0;
}
#content #studyQuilts h1 {
	font-size:1.8em;
}
/*---------- Seminar 2008 Recap Page ----------- */
#seminarRecap h3 {
	clear:both;
}
#seminarRecap {
	text-align: center;
}
#seminarRecap div.photoCentered {
	width:500px;
}
#seminarRecap div.photoCentered p {
	margin: 0 0 5px 0;
}
#seminarRecap div.twoPhotos {
	width:512px;
	margin:5px auto 20px auto;
	overflow:auto;
}
#seminarRecap div.twoPhotos .photoLeft {
	margin:0;
}
#seminarRecap div.twoPhotos .photoRight {
	margin:0;
}
#seminarRecap .textBlock {
	text-align: left;
	padding:0 15px;
	width:478px;
	margin:0 auto 30px auto;
	border:2px solid #643F30;
}
#seminarRecap .textBlock p {
	margin:10px 0;
}
#seminarRecap .columnArea {
	width:512px;
	margin:0 auto; 
	overflow:auto;
}
#seminarRecap .columnArea .recapRightColumn {
	width:280px;
	float:right;
}
#seminarRecap .columnArea .recapRightColumn p {
	text-align:left;
	width:250px;
	margin:5px auto 10px auto;
}
#seminarRecap .columnArea .recapRightColumn div.photoCentered {
	width:250px;
	margin-bottom:0;
}
/*--------- ClickButton --------------*/
div.clickButton {
	width:auto;
	text-align:center;
	margin:30px 0;
}
#content div.clickButton a {
	color:#e7d8c8;
	background-color:#900;
	font-weight:bold;
	padding:5px 10px;
	border:2px solid #601;
	border-top-color:#bb8888;
	border-left-color:#bb8888;
}
#content div.clickButton a:hover {
	color:#fb0;
}
/*------------- Fund Pages -------------- */
#fundPage {
	width:580px;
	padding:0;
	margin:20px auto 10px;
	background-color:#e7d8c8;
	border:4px groove #4B5D81;
	overflow:auto;
}
#fundExplain {
	margin:10px 20px 0;
	height:auto;
	border-top: 20px solid #4B5D81;
}
