/* CSS Document */

/*<<<<<This text is to increase the file size>>>>>>>*/

/*Colors:*/

/*<<<<<Browser Elements Reset>>>>>>>*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 	margin: 0;
  	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*<<<<<End Browser Elements Reset>>>>>>>*/	

/*-------------------------------------------------------------------------------------------------------------*/

/*<<<<<<<Links, Headers, Lists and other common classes>>>>>>>*/	

a:link, a:visited {
	font-family:"Palatino Linotype", "Times New Roman", Times, serif;
	color: #0a6175;
}

a:hover, a:active {
	font-family:"Palatino Linotype", "Times New Roman", Times, serif;
	color: #0a6175;
	text-decoration:underline;
}

ul {list-style:disc; list-style-position:inside;}
li {padding-bottom:10px;}
h1, h2 {color:#017e9a; text-align:center; font-size:120%; font-weight:bold; padding-top:7px;}
h2 {text-align:left; padding-left:7px;}
h2.inline {display:inline;}
h3 {color:#c31200; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:100%; font-weight:normal; padding-left:7px;}
h3.formFields {padding-left:0;}
h3.inline {display:inline; text-align:top; padding-right:4px; padding-left:5px;}
h4 {font-size:105%; color:#333; margin-bottom:-10px; font-weight:bold;}

.strong {font-size:18px; font-weight:bold;}
.red {color:#c31200; padding:0; margin:0; display:inline; font-size:130%}
.warn {color:#c31200; font-weight:bold;}
p {padding:7px;}
.padding {padding-left:7px;}
.center {text-align:center;}
.clearBoth {clear:both}
.emph {font-weight:bold; font-size:110%; color:#fff; line-height:normal; background-color:#f39839;}
.emph a:link {color: #0a6175; text-decoration:underline;}
.divLine {
	border-top:2px dotted #666666;
	height:5px;
	width:830px;
	clear:both;
}

.small {font-size:75%; color:#045f73; vertical-align:middle;}

hr {	
	width:830px;
	clear:both;
	border:none;
	border-top:2px dotted #666666;
	margin:3px 0;
}

#about ul li {padding-left:3px; margin-bottom:-10px;}	

/*<<<<<<<End Links Headers, and Lists>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Page Structure>>>>>>*/

body {
	text-align:center;
	font-family:"Palatino Linotype", "Times New Roman", Times, serif;
	color:#343333;
	font-size:medium;
	background-color:#7d0d01;
}

#wrapper {
	position:relative;
	width:985px;
	text-align:left;
	/*min-height:700px;*/
	margin-right:auto;
	margin-left:auto;
	background-image:url(../images/paw.jpg);
	border:4px solid #bc4337;
	border-top:none;
}

/*<<<<<<<End Page Structure>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Forms>>>>>>>*/

#signIn {width:164px; margin-bottom:10px; border-bottom: dotted 5px #000000;}
#signIn input {width:139px;}
.legend {text-align:center; color:#c31200;}
label, input {margin-left:7px; font-size:90%;}
input {margin-bottom:7px;}
input.plain {margin:0; margin-right:20px;}
.submit {background:none; width:164px; height:45px; border:none; margin-bottom:7px; cursor:pointer;}
.center {margin-left:5px;}
#centerMain {margin-left:30px; margin-bottom:30px; margin-top:5px;}
#centerMainA {margin-bottom:10px; margin-left:30px; margin-top:5px;}
.moveLeft {margin-left:30px;}

.HrFloat {
	position:relative;
	width:270px;
	float:left;
}

#HrForm {
	position:relative;
	width:540px;
	margin:20px auto;
	background-color:#c3e3eb;
	border:solid 3px #017e9a;
	padding:10px;
	font-size:90%;
}

#HrForm {width:580px;}

#HrForm label {
	position:absolute;
	padding-top:7px;
	text-align:right;
	width:140px;
	margin-bottom:0;
}

#HrForm label {width:100px;}

#HrForm input {
	position:relative;
	width:150px;
	margin-top:7px;
	margin-left:150px;
	margin-bottom:2px;
}

#HrForm input {margin-left:110px;}

#HrForm select {width:180px; position:relative; margin-top:7px; margin-left:110px; margin-bottom:2px;}

#HrForm input.HRBtn {
	position:relative; 
	width:220px;
	top:25px;
	margin-bottom:25px;
	margin-left:-1px;
	cursor:pointer;
	clear:both;
	display:block;
}

input.check { 
	margin:0;
	padding:0;
	margin-right:3px;
	margin-top:5px;
}

h3.editForm {margin-left:196px;}

.lower {margin-bottom:0px; vertical-align:bottom; margin-left:17px; cursor:pointer;}

select.ddmenu {margin-left:7px;}

select.beside {
	width:300px;
	float:right;
}
/*<<<<<<<End Forms>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Header and Menus>>>>>>>*/

#header {
	position:relative;
	width:985px;
	height:314px;
	background-image:url(../images/headerImg.jpg);
	background-repeat:no-repeat;
}

/*<<<Top submenu>>>*/

ul.subMenu {
	position:absolute;
	left:400px;/*854px when all is not displayed*/
	top:61px;
	font-weight:bold;
	color:#ffffff;
	list-style:none;	
}

	ul.subMenu li {
		float:left;
		margin-right:7px;
		padding-top:0
	}

	ul.subMenu li a:link, ul.subMenu li a:visited {
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-decoration:none;
	}

	ul.subMenu li a:hover, ul.subMenu li a:active {text-decoration:underline;}

/*<<<End Top submenu>>>*/

/*<<<Main Menu>>>*/

#menuBgStripe {
	width:985px;
	height:35px;
	background-image:url(../images/menuBgStripe.jpg);
}

ul#mainMenu {
	position:absolute;
	top:281px;
	left:48px;
	width:915px;
	height:105px;
	list-style:none;
	z-index:1;
}

	ul#mainMenu li {
		float:left;
		margin-right:60px;
		padding-top:0
	}	

	ul#mainMenu li.last {margin-right:0}

/*<<<End Main Menu>>*/

/*<<<<<<<End Header and menus>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Content>>>>>>>*/

#mainContent, #mainContentHome {
	position:relative;
	width:869px;
	background-color:#ffffcd;
	border:5px solid #c31200;
	border-top:none;
	border-bottom:none;
	margin-left:52px;	
}

#mainContentHome {
	margin-top:-35px;
	z-index:1;
}

#lftCol, #lftColB {
	position:relative;
	width:562px;
	height:315px;
	margin:63px 13px 0 ;
	float:left;
	display:inline; /* fixes IE/Win double margin bug*/
}

	#SpenserNews, #OHC, #contentA, #links {
		position:relative;
		width:555px;
		background-color:#fff0a0;
		border:3px solid #f7c573;
		margin:3px 0 0 0;
		height:315px;
}

	#photo {
		position:relative;
		width:237px;
		height:261px;
		float:left;
		margin:20px 5px 0 10px;
		display:inline; /* fixes IE/Win double margin bug*/
	}

	#newsTxt {
		position:relative;
		float:right;
		width:270px;
		height:315px;
		overflow:auto;
		padding-right:7px;
}

		

#lftColB {width:635px; height:auto;}

#contentA {width:635px; height:auto;}

#rtCol, #rtColB {
	position:relative;
	width:252px;
	margin:63px 13px 0 7px;
	float:right;
	display:inline; /* fixes IE/Win double margin bug*/
}

	#OHC {width:248px; height:auto; overflow:visible; }


	#imgLink {
		width:142px;
		margin-left:52px;
		margin-bottom:-32px;
	}
	

	#imgLinkB {
		margin-left:7px;
		margin-bottom:-38px;
		width:142px;
		}

#rtColB {width:164px; margin-right:23px;}

#links {width:160px; height:auto;}

#links img {padding:3px; width:146px;}

#oneCol, #oneCol2, #oneCol3 { 
	position:relative;
	width:841px;
	margin:63px 16px 25px;
	float:left;
	display:inline; /* fixes IE/Win double margin bug*/
}

#oneCol2 {margin-top:45px;}

#oneCol3 {margin-top:100px;}

#canQuest {width:101px; height:85px; float:left; margin-right:15px;}

#about, #photos, #hrList, #admin, #member, #media, #booksellers, #members, #feedback, .thread, .replyPost {
	position:relative;
	width:830px;
	margin-top:3px;
	background-color:#fff0a0;
	border:3px solid #f7c573;
}

.thread, .replyPost {margin-bottom:15px; background-color:#FFFFFF; border-color:#017e9a;}

#abtleft {width:457px; float:left; border-color:#017e9a;}


.bros {
	position:relative;
	width:161px;
	height:432px;
	float:right;
	margin-right:7px;
	margin-left:7px;
	margin-top:7px;
}

.brosB {
	position:relative;
	width:366px;
	height:260px;
	float:right;
	margin:7px;
	margin-top:-220px;
}

#member form {margin-left:77px; margin-bottom:10px;}


.abtPhoto {
	position:relative;
	width:108px;
	float:left;
	margin: 10px 7px;
	display:inline; /* fixes IE/Win double margin bug*/
}

.abtTxt {
	position:relative;
	width:690px;
	float:right;
	margin:10px 7px;
	display:inline; /* fixes IE/Win double margin bug*/
}

.abtBookPhoto {
	position:relative;
	width:300px;
	float:left;
	margin:10px 7px;
	display:inline; /* fixes IE/Win double margin bug*/
}

.abtBookTxt {
	position:relative;
	width:498px;
	float:right;
	margin:10px 7px;
	display:inline; /* fixes IE/Win double margin bug*/
}

#photos ul, #images ul {
	list-style:none;
	width:830px;
	float:left;
	padding-left:25px;
	margin-top:15px;
	display:inline; /* fixes IE/Win double margin bug*/
}



#photos ul li, #images ul li {
	position:relative;
	width:100px;
	float:left;
	padding-right:35px;
	display:inline;
}

#images ul li {width:150px; height:150px;}

#images ul li {padding-right:10px;}

#images ul li img {width:100px;}

#photos ul li img {width:100px;}

#images ul li input {margin-left:3px;}

#map {position:relative; width:364px; height:291px; margin-left:116px;}

#portland {
	position:absolute;
	background: #fff url(../images/cityMarker.jpg) left no-repeat;
	top:60px;
	left:35px;
	padding-left:16px;
	padding-right:16px;
}

#savannah {
	position:absolute;
	background: #fff url(../images/cityMarker.jpg) left no-repeat;
	top:190px;
	left:300px;
	padding-left:16px;
	width:125px;;
}

#stLouis {
	position:absolute;
	background: #fff url(../images/cityMarker.jpg) left no-repeat;
	top:130px;
	left:226px;
	padding-left:16px;
	width:125px;;
}


#map a:link, #map a:visited {
	color:#006600;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;	
}


#map a:hover, #map a:active {
	font-size:110%;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#003366;
	text-decoration:none;
	cursor:pointer;	
}

#congrat {position:relative; margin-left:150px;}

a.forumSelect {
	position:relative;
	font-size:80%; 
	width:129px;
	float:left;
	margin:7px 0 5px 7px;
}

a.forumSelectA {
	position:relative;
	font-size:80%; 
	width:150px;
	float:right;
	margin:7px 15px 5px 7px;
}

.thread p, .replyPost p {padding:3px 5px;}

.post, .postReply {margin:7px 15px 5px 37px; width:129px; float:left;}

.postReply {margin-left:0px;}

.pagination, .paginationA {
	float:right;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	margin-right:7px;
	height:18px;
	padding:7px;
}

.paginationA {margin-right:35px;}

.pageNumbs {font-weight:bold; height:18px; vertical-align:top; padding:5px;}

.date {
	background-color:#017e9a;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:80%;
	color:#FFFFFF;
}

.userName {
	background-color:#cee2e3;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#035668;
	font-size:110%;
}

.userName a.editPost {
	width:50px;
	text-align:right;
	float:right;
	font-size:80%;
	color:#000000;
	margin-top:-22px;
	margin-right:7px;
}

.postTitle {
	color:#000000;
	font-weight:bold;
}

.postText {padding:3px 5px;}
	

#honorRoll {
	position:relative;
	width:753px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	text-align:center;
	border:dotted 3px #666666;
	border-right:none;
	vertical-align:middle;
}

table#honorRoll tr {
	text-align:left;
	height:20px;
}

table#honorRoll tr td {
	padding:5px 5px 5px 5px;
	border-right:dotted 3px #666666;
}
.white {background-color:#ffffff;}
.tabHead {background-color:#cee2e3; text-align:center;}
table#honorRoll tr.tabHead2 {
	background-color:#cee2e3;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	color:#7d0d01;
}


.poster {width:200px;}
.postDate {width:100px;}
.replies {width:60px;}


.leftImg {
	position:relative;
	width:237px;
	height:261px;
	float:left;
	margin:3px 17px 3px 7px;
}

.docSelect {width:300px;}

#members h3 {margin-top:20px; margin-bottom:0; padding-bottom:0; text-align:left;}

#members ul, .docs {
	position:relative;
	list-style:none; 
	width:800px; 
	float:left;
	margin-left:7px;
	background-color:#daf4fa;
	padding:7px;
	border:1px dotted #000033;
	margin-bottom:7px;
	display:inline;
}	

#members ul li, #members ul.noImagel li {
	padding:0 10px 7px 23px;
	width:367px;
	float:left;
	background:url(../images/pdficon.gif) no-repeat top left;
}
	#members ul.noImage {margin-top:10px;}

#members ul.noImage li {background:none}

.noImage img {
	position:relative;
	width:24px;
	height:24px;
	margin-right:7px;
}

ul.memMenu, ul.signOut {
	position:relative;
	list-style:none;
	width:800px;
	float:right;
	text-align:right;
	font-size:90%;
	margin-right:7px;
	z-index:3;
}

ul.memMenu li, ul.signOut li {
	position:relative;
	padding:3px;
	width:auto;
	float:right;
}

ul.signOut {position:relative; bottom:-60px; padding-left:18px; float:left; text-align:left; padding-bottom:0}

ul.signOut li {float:left;}

#members form#book {background-color:#f7c573; padding:7px; padding-left:7px;}

#members form#grade, #members form#subject {
	position:relative;
	width:275px; 
	float:left;
	margin-bottom:15px;
}

#feedback input {margin-bottom:0; margin-right:7px; margin-left:0}

#feedback label {margin-left:7px; margin-right:1px;}

.memBtn {margin-left:236px; margin-top:25px;}

.memBtn2 {margin-left:65px; margin-top:25px;}

.decImg, .decImgL {
	position:relative;
	width:200px;
	height:175px;
	float:right;
	margin:0 7px 7px 7px;
}

.decImgL {float:left; margin-right:17px; margin-left:7px; margin-bottom:7px;}

/*<<<<<<<<City Vote Page>>>>>>>>*/
.poll {
	position:relative;
	width:405px;
	height:248px;
	background:#fff url(../images/cvPollHeader.png) top left no-repeat;
	margin:18px 20px 7px 45px;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#036379;
	vertical-align:text-top;
	padding:35px 0 7px 7px;
	line-height:250%;
}

.poll p {font-weight:bold; color:#000; margin-bottom:-10px; margin-top:-10px;}

.poll p.thanks {text-align:center; padding:75px 55px; color:#669900}

.cvBtn {border:none; background-color:#fff; margin-left:265px; cursor:pointer;}

.cvPic {
	position:relative;
	width:286px;
	height:248px;
	float:right;
	margin:18px 25px 7px 20px;
}

.cvWinner {
	position:relative;
	width:249px;
	height:33px;
	margin:5px 0 0 7px;
	clear:both;
}
	


/*<<<<<<<Media Resources>>>>>>>*/
img#FAQ {
	position:absolute;
	top:38px;
	left:26px;
}

img#proMat {
	position:absolute;
	top:109px;
	left:254px;
}

img#bios {
	position:absolute;
	top:100px;
	left:419px;
}

img#newsCov {
	position:absolute;
	top:99px;
	left:702px;
}

img#MRphoto {
	position:absolute;
	top:177px;
	left:700px;
}

img#SocialMedia {
	position:absolute;
	top:265px;
	left:688px;
}

img#OHCNews {
	position:absolute;
	top:241px;
	left:273px;
}

img#PressRelease {
	position:absolute;
	top:340px;
	left:338px;
}

img#bookCovers {
	position:absolute;
	top:286px;
	left:171px;
}

img#archives {
	position:absolute;
	top:415px;
	left:102px;
}

ul.MRsubMenu {
	position:relative;
	margin-top:-25px;
	margin-left:10px;
	width:841px;
	list-style:none;
	text-align:center;
	z-index:2;
}

	ul.MRsubMenu li {
		float:left; 
		display:inline; 
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fefecc;}

	ul.MRsubMenu li a:link, ul.MRsubMenu li a:visited{
		font-family:Geneva, Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#fefecc;
		text-decoration:none;
	}
	
	ul.MRsubMenu li a:hover, ul.MRsubMenu li a:active{ text-decoration:underline}
	
.explPara {
	display:block;
	margin-top:22px;
}
	
.pushDown {
	position:relative;
	margin-top:20px;
}

#returnMR {
	position:relative;
	width:196px;
	margin:-25px 0 10px 628px;
}

/*<<<<<<<<<<<Little Friends Series>>>>>>>>>>*/

.LFSpenser {
	position:relative;
	width:263px;
	height:265px;
	float:left;
	margin:10px; 
}

.LFMainPara {
	position:relative;
	width:496px;
	float:right;
	margin: 30px 15px 10px;
}

.heartRt, .heartLft {
	background:url(../images/LFheartRt.png) no-repeat;
	min-height:34px;
	padding-left:34px;
}

.heartLft {background:url(../images/LFheartLft.png) no-repeat;}

.LFDownloads {
	position:relative;
	width:345px;
	float:left;
	margin-left:15px;
	margin-top:10px;
}

.lfdl {width:200px; margin-left:7px;}

form.lf {margin:-15px 10px 30px 15px}
	


/*<<<<<<<End Content>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/
/*<<<<<<<Footer>>>>>>>*/

#csm {
	position:relative;
	width:869px;
	clear:both;
	margin-bottom:10px;
	padding-top:58px;
	color:#c31200;
	text-align:center;
			
}

#csm p {
	position:relative;
	display:inline;
	vertical-align:middle;
	padding-bottom:25px;
}

.blogLink {
	position:relative;
	padding-left:30px;	
	padding-top:25px;
	vertical-align:middle;	
}

.rippleLink {
	position:relative;
	padding-right:30px;
	margin-top:25px;
	padding-top:25px;
	vertical-align:middle;
}

#footer {
	position:relative;
	width:869px;
	height:55px;
	background-color:#017e9a;
	bottom:0;
	text-align:center;
	color:#ffffcd;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:130%;
	text-align:center;
}

#footer ul{
	padding:10px;
	width:95%;
	list-style:none;
	text-align:center;
	margin-left:35px;
}

#footer ul li {float:left; padding-right:5px; padding-top:0; padding-bottom:0; text-align:center; display:inline;}

#footer a:link, #footer a:visited {
	color:#ffffcd;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
}

#footer a:hover, #footer a:active {text-decoration:underline;}

#footer p {color:#ffffcd; padding:0; font-family:Arial, Helvetica, sans-serif;}	

/*<<<<<<<End Footer>>>>>>>*/
/*-------------------------------------------------------------------------------------------------------------*/