/**	ALL **/
*	{
	padding: 0px;
	margin: 0px;
	}


/** ELEMENTS **/
body {
	background: url('/hope/images/background-tile.jpg');
	margin: 0px;
	padding: 0px;
	font-family: Tahoma;
	font-size: 10pt;
	color: #636363;
	}
		
a {
	color: #0d9394;
	text-decoration: underline;
	font-family: Times;
	font-size: 16px;
	}
 a:hover {
	color: #206c6d;
	}
	
a img {
	border: none;
	}
li a {
	text-decoration: none;
	}
	
a.redLink {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #660000;
	}
a.redLink:hover {
	color: #d00000;
	}
	
h1 {
	color: #8E8981;
	font-family: Tahoma;
	font-size: 24px;
	margin-top: 20px;
	}
h2 {
	margin-left: 10px;
	color: #444444;
	font-family: Tahoma;
	font-size: 12px;
	}
h3 {
	}
h4 {
	}


/** CLASSES **/
.checkboxMini {
	width: auto !important;
	}
.clearBoth {
	clear: both;
	}
.marginTop10px {
	margin-top: 10px;
	}
.marginTop50px {
	margin-top: 50px;
	}
.marginTop150px {
	margin-top: 150px;
	}
.marginLeft10px {
	margin-left: 10px;
	}
.marginRight10px {
	margin-right: 10px;
	}
.marginBottom10px {
	margin-bottom: 10px;
	}
.fontFamilyCourier {
	font-family: Courier;
	}
.weightNormal {
	font-weight: normal;
	}
.weightBold {
	font-weight: bold;
	}
.displayNone {
	display: none;
	}
.displayNoneForced {
	display: none !important;
	}
.displayInline {
	display: inline;
	}
.displayInlineForced {
	display: inline !important;
	}
.visibilityHidden {
	visibility: hidden;
	}
.floatLeft {
	float: left;
	}
.floatRight {
	float: right;
	}
.floatNone {
	float: none;
	}
.floatNoneForced {
	float: none !important;
	}
.widthThirtyPct {
	width: 30%;
	}
.widthFortyPct {
	width: 40%;
	}
.widthFortyPctForced {
	width: 40% !important;
	}
.widthFiftyPct {
	width: 50%;
	}
.widthFiftyPctForced {
	width: 50% !important;
	}
.widthSixtyPct {
	width: 60%;
	}
.widthSeventyPct {
	width: 70%;
	}
.widthEightyPct {
	width: 80%;
	}
.widthHundredPctForced {
	width: 100% !important;
	}
.textAlignJustify {
	text-align: justify;
	}
.textAlignCenter {
	text-align: center;
	}
.textAlignRight {
	text-align: right;
	}
.textAlignleft {
	text-align: left;
	}
.fontSize10px {
	font-size: 10px;
	}
.fontSize22px {
	font-size: 22px;
	}
.fontSize16px {
	font-size: 16px;
	}
.width320px {
	width: 320px;
	}
.height100PctForced {
	height: 100% !important;
	}
.height380px {
	height: 380px;
	}
.height400px {
	height: 400px;
	}
.grayText {
	color: #666666;
	}
.blueText {
	color: #45798f;
	}
.fontFamilyTimes {
	font-family: Times, 'Times New Roman';
	}
	
.currentlyTracking {
	font-weight: bold;
	color: #4e8281;
	}

		
.paraBlock {
	font-size: 14px;
	line-height: 130%;
	text-align: justify;
	}
.paraBlock.smaller {
	width: 325px;
	margin-left: 10px;
	}
	
.spacer {
	border-bottom: solid 1px #bcb7af;
	margin-right: 20px;
	}
	
form {
	font-weight: bold;
	color: #666666;
	font-family: Times New Roman;
	font-size: 16px;
	}
form h3 {
	margin-top: 20px;
	}
form span {
	margin-left: 10px;
	float: left;
	width: 150px;
	display: block;
	}
form span.validation {
	color: #912222;
	font-weight: bold;
	font-size: 13px;
	width: 50%;
	display: none;
	}
form span.validation.valid {
	display: inline;
	color: #2f9222;
	}
form span.validation.invalid {
	display: inline;
	}
form input.textfield {
	width: 145px;
	float: left;
	}
form select.dropdown {
	width: 145px;
	float: left;
	}
form label, form .likeLabel {
	margin-top: 5px;
	clear: both;
	width: 100%;
	display: block;
	height: 20px;
	}
form fieldset {
	border: none;
	}
	
form.nameYourHopeForm {
	margin-top: 100px;
	padding: 0px;
	width: 100%;
	text-align: center;
	line-height: 200%;
	font-size: 32px;
	}
form.nameYourHopeForm span {
	width: 100%;
	padding: 0px;
	margin: 0px;
	font-size: 32px;
	font-family: Tahoma;
	}
form.nameYourHopeForm .textfield {
	font-weight: bold;
	float: none;
	text-align: center;
	width: 50%;
	padding: 0px;
	margin: 0px;
	font-size: 28px;
	font-family: Tahoma;
	color: #206c6d;
	}
	
form.registerForm {
	font-family: Times New Roman;
	}
form.registerForm h3 {
	margin-top: 20px;
	}
form.registerForm span {
	margin-left: 0px;
	float: left;
	width: 180px;
	display: block;
	font-weight: normal;
	}
form.registerForm span.validation {
	color: #912222;
	font-weight: bold;
	font-size: 13px;
	width: 50%;
	display: none;
	}
form.registerForm span.validation.valid {
	display: inline;
	color: #2f9222;
	}
form.registerForm span.validation.invalid {
	display: inline;
	}
form.registerForm input.textfield {
	width: 145px;
	float: left;
	}
form.registerForm select.dropdown {
	width: 145px;
	}
form.registerForm label {
	margin-top: 5px;
	clear: both;
	width: 100%;
	display: block;
	height: 20px;
	}
	
form.logInForm {
	}
	
	
.registerHopeReceived {
	width: 317px;
	height: 49px;
	background: url('/hope/images/receiver-of-hope-blue.jpg') center center;
	display: block;
	}
.registerHopeReceived:hover {
	background: url('/hope/images/got-hope-icon.png') center center;
	}
.registerHopeGave {
	width: 317px;
	height: 49px;
	background: url('/hope/images/gave-hope-icon.png') center center;
	display: block;
	}
.registerHopeGave:hover {
	background: url('/hope/images/giver-of-hope-pink.jpg') center center;
	}
	
	
.adminLinkList {
	width: 70%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.adminLinkList li.label {
	margin-top: 20px;
	}
.adminLinkList li.subLabel {
	color: #912222;
	font-weight: bold;
	font-size: 14px;
	}
.adminLinkList li {
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	}
.adminLinkList li ul {
	margin-left: 20px;
	margin-top: 0px;
	font-size: 14px;
	}
.adminLinkList li ul li {
	font-size: 14px;
	font-weight: normal;
	}
.adminLinkList li ul ul {
	margin: 0px;
	}
	
.userLinkList {
	width: 30%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
.userLinkList li.label {
	margin-top: 20px;
	}
.userLinkList li.subLabel {
	color: #912222;
	font-weight: bold;
	font-size: 14px;
	}
.userLinkList li {
	font-size: 16px;
	font-weight: bold;
	list-style: none;
	}
.userLinkList li ul {
	margin-left: 20px;
	margin-top: 0px;
	font-size: 14px;
	}
.userLinkList li ul li {
	font-size: 14px;
	font-weight: normal;
	}
.userLinkList li ul ul {
	margin: 0px;
	}
.userLinkList li ul ul li {
	margin-left: 20px;
	}
	
.userFloatMenu {
	margin-top: 20px;
	text-align: left;
	width: 70%;
	}
	
.adminFloatMenu {
	margin: 20px;
	}
	
.hopeFloatMenu {
	width: 50%;
	}
	
.iframeSearchResults {
	border: none;
	width: 100%;
	height: 100%;
	}
	
.subSearchSubmit {
	font-size: 11px;
	position: relative;
	top: -3px;
	margin-left: 10px;
	}
	
.browseUsersResults {
	list-style: none;
	margin-left: 20px;
	}
.browseUsersResults .dateBlock{
	text-align: right;
	border-bottom: dotted 1px #888888;
	}
	
.hopeItemBox {
	background-color: #ffffff;
	border-top: solid 1px #bcb7af;
	border-bottom: solid 1px #bcb7af;
	padding: 5px;
	}
.hopeItem {
	clear: both;
	}
.hopeItem .hopeIcon {
	width: 51px;
	height: 51px;
	background: url('/hope/images/hope-icon.png') center no-repeat;
	float: left;
	margin-right: 10px;
	}
.hopeItem .hopeIcon.LEMONGRASS {
	background: url('/hope/images/lemongrass-hope-icon.png') center no-repeat;
	}
 .hopeItem .hopeIcon.MYSTICPLUM {
	background: url('/hope/images/mysticplum-hope-icon.png') center no-repeat;
	}
.hopeItem .hopeIcon.SAPPHIRE {
	background: url('/hope/images/sapphire-hope-icon.png') center no-repeat;
	}
.hopeItem .hopeIcon.CRYSTAL {
	background: url('/hope/images/crystal-hope-icon.png') center no-repeat;
	}
.hopeItem .hopeName a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	}
.hopeItem .hopeLinks {
	float: right;
	}
.hopeItem .hopeLinks ul {
	list-style: none;
	}
.hopeItem .hopeLinks ul li a {
	font-size: 12px;
	}
	
.hopeHistoryTable {
	width: 100%;
	margin-top: 5px;
	}
.hopeHistoryTable td, .hopeHistoryTable th {
	text-align: left;
	padding: 3px;
	border-top: solid 1px #bcb7af;
	}
.hopeHistoryTable th {
	text-align: left;
	background-color: #bcb7af;
	color: #ffffff;
	font-size: 11px;
	}
	
.hopeItemStory {
	margin-top: 10px;
	border: solid 1px #bbb7ae;
	}
.hopeItemStoryHeader {
	background-color: #bbb7ae;
	height: 15px;
	}
.hopeItemStory p, 
.hopeItemStory h3,
.hopeItemStory h4,
.hopeItemStory a {
	margin-left: 10px;
	margin-top: 10px;
	}
.hopeItemStory h3 {
	font-family: Times;
	font-size: 20px;
	}
.hopeItemStory img {
	margin: 10px;
	}

.storiesOfHopeHeader {
	border-bottom: solid 1px #bcb7af;
	padding-bottom: 5px;
	}
	
.hopeItemSearch {
	width: 100%;
	background-color: #ecf3ee;
	display: block;
	margin-right: 10px;
	font-size: 13px;
	font-weight: normal;
	padding: 10px;
	margin-right: 10px;
	text-align:right;
	border: solid 1px #bcb7af;
	border-left: none;
	border-right: none;
	}
.hopeItemSearch input, .hopeItemSearch select {
	width: 120px;
	display: inline;
	}
.hopeItemSearch input.submit {
	width: auto;
	}
	
.storiesOfHopeHeader .hopeStorySearch {
	display: inline;
	margin-left: 10px;
	font-size: 13px;
	font-weight: normal;
	}
.storiesOfHopeHeader .hopeStorySearch .submit {
	position: relative;
	top: 8px;
	margin-left: 5px;
	}
	
.editStoryHeader {
	margin: 10px;
	margin-bottom: 0px;
	color: #c38381;
	font-family: Times;
	font-weight: normal;
	}
	
.editStorySubHeader {
	margin-top: 0px !important;
	}
	
.editStoryForm, .previewStoryForm {
	margin: 10px;
	}
.editStoryForm label {
	display: inline;
	margin-left: 20px;
	margin-right: 20px;
	}
	
.editStoryForm textarea {
	width: 100%;
	height: 100px;
	}
	
.trackNumValidationTable {
	width: 100%;
	}
.trackNumValidationTable td {
	text-align: center;
	}
.trackNumValidationTable tr.filled {
	background-color: #efefef;
	}
.trackNumValidationTable tr.registered {
	background-color: #6dc949;
	}
.trackNumValidationTable tr.registered.filled {
	background-color: #9bda82;
	}
	
/** SELECTOR **/
#outer-container {
	margin-top: 25px;
	}

#inner-container {
	width: 1003px;
	height: 658px;
	margin: auto;
	background: url('/hope/images/background-outer.png');
	}
#container {
	background: url('/hope/images/background.jpg');
	width: 983px;
	height: 638px;
	margin: auto;
	position: relative;
	top: 10px;
	}

#content {
	position: relative;
	margin: 5px;
	height: 718px;
	overflow: hidden;
	}	
	
#footer {
	margin-top: 5px;
	text-align:center;
	color: #808080;
	}
#footer a {
	color: #8090b0;
	text-decoration: none;
	}
#footer a:hover {
	color: #206c6d;
	}	
	
#header {
	color: #0d9394;
	font-weight: bold;
	font-size: 14px;
	margin: 0px;
	height: 125px;
	}
#headerLabel {
	width: 320px !important;
	height: 76px !important;
	margin-bottom: 0px;
	margin-right: 0px;
	}
#headerLabel a {
	display: block;
	width: 100%;
	height: 100%;
	}

#headerLink {
	float: right;
	margin: 40px;
	margin-bottom: 0px;
	font-weight: normal;
	}

#headerBreak {
	background: url('/hope/images/header-break.gif') no-repeat;
	width: 974px;
	height: 2px;
	clear: both;
	}

#header.default #headerLabel {
	background: url('/hope/images/header-default-hope.png');
	background: none !important;
	width: 412px;
	height: 46px;
	float: left;
	background-position: bottom left;
	background-repeat: no-repeat;
	}
#header.index.index #headerLabel {
	background: url('/hope/images/header-welcome.png');
	width: 381px;
	}
#header.user #headerLabel {
	background: url('/hope/images/header-welcome-smaller.png');
	width: 286px;
	}
#header.user.home #headerLabel {
	background: url('/hope/images/header-welcome-smaller.png');
	width: 286px;
	}
#header.index.register #headerLabel {
	background: url('/hope/images/header-new-user.png');
	width: 395px;
	}
#header.admin  #headerLabel {
	background: url('/hope/images/header-admin.png');
	width: 191px;
	}
#header.storiesOfHope #headerLabel {
	background: url('/hope/images/header-stories-of-hope.png');
	width: 412px;
	}
	
#headerUsername {
	float: left;
	margin-left: 10px;
	color: #795827;
	font-size: 24px;
	position: relative;
	line-height: 48px;
	top: 10px;
	left: 100%;
	}
	
#headerMenu {
	float: left;
	}
#headerMenu ul {
	height: 100%;
	background-color: #ffffff;
	}
#headerMenu ul li {
	float: left;
	display: block;
	height: 40px;
	background: url('/hope/images/header-menu-large.gif') 0px 0px;
	margin-right: 2px;
	}
#headerMenu ul li:hover {
	background-position: 0px 40px;
	}
#headerMenu ul li a {
	height: 100%;
	width: 100%;
	display: block;
	}
#headerMenu li.register {
	width: 171px;
	}
#headerMenu li.find-a-hope {
	width: 115px;
	background-position: 803px 0px;
	}
#headerMenu li.find-a-hope:hover {
	background-position: 803px 40px;
	}
#headerMenu li.buy-a-hope {
	width: 112px;
	background-position: 686px 0px;
	}
#headerMenu li.buy-a-hope:hover {
	background-position: 686px 40px;
	}
#headerMenu li.read-stories-of-hope {
	width: 183px;
	background-position: 572px 0px;
	}
#headerMenu li.read-stories-of-hope:hover {
	background-position: 572px 40px;
	}
#headerMenu li.log-in {
	width: 70px;
	margin-right: 0px;
	background-position: 387px 0px;
	}
#headerMenu li.log-in:hover {
	background-position: 387px 0px;
	}
#headerMenu li.log-in-form {
	width: 314px;
	margin-right: 0px;
	background: url('/hope/images/header-menu-gradient.gif');
	}
#headerMenu li.logged-in {
	width: 193px;
	background: url('/hope/images/header-menu-gradient.gif');
	}
#headerMenu li.logout {
	width: 70px;
	background-position: 310px 0px;
	}
#headerMenu li.logout:hover {
	background-position: 310px 40px;
	}
#headerMenu li.my-account {
	width: 115px;
	background-position: 230px 0px;
	}
#headerMenu li.my-account:hover {
	background-position: 230px 40px;
	}
	
.headerLoginForm {
	height: 40px;
	}
.headerLoginForm .loginFormTextInput {
	width: 120px;
	position: relative;
	color: #666666;
	font-size: 16px;
	top: -15px;
	margin-right: 10px;
	}

#headerSearch {
	height: 20px;
	float: right;
	margin-left: 30px;
	}
	
#headerSearch input {
	color: #0d9394;
	font-size: 12px;
	padding: 1px;
	float: left;
	width: 100px;
	margin-left: 10px;
	margin-bottom: 5px;
	}
#headerSearch span {
	color: #0d9394;
	display: block;
	float: left;
	}
	
#mapHolder {
	color: #bbd4d6;
	width: 369px;
	background-color: #406b74;
	padding: 4px;
	margin-right: 15px;
	}

#mapHolder .topText {
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #2d4b51;
	margin-bottom: 5px;
	}
	
#mapHolder .bottomText {
	text-align: justify;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #c5dedf;
	margin-bottom: 5px;
	color: #636363;
	}
	
#mapHolder .headingText {
	color: #406b74;
	font-size: 14px;
	font-family: Times;
	font-weight: bold;
	}
	
#mapHolder a {
	font-size: 12px;
	color: #406b74;
	text-decoration: underline;
	}
	
	
#main {
	width: 930px;
	height: 510px;
	overflow: auto;
	padding-left: 20px;
	padding-right: 20px;
	}