/*
Try these split colors: 
Top = #3333cc sRGB = #4227c9 Adobe color profile.
Body = #3f46d9 sRGB = ? Adobe color profile.
*/

body {
	background-color: #163CCF;
	color: #000000;
	margin: 0;
}

body.Chrome,
body.Opera {
	background-color: #163CCF; /* Persian Blue. Source: https://www.color-name.com/hex/163ccf */
}

body,
.pgtxt,
.bodytext {
	color: #000000; 
	font-family: arial,verdana,helvetica,sans-serif; /* "Trebuchet MS" */
	font-size: 10px;
	width: 100%;
}

/* Accessibility Fix */
.accessibility-high-contrast-colors {
	background-color: #163CCF; 
	color: #FFFFFF;
}

body.loggedIn {
	margin: 0 auto;
	width: 1210px;
}

body.loggedIn.wider {
	width: auto;
}

body.loggedIn .centerColumn {
	float: left;
}

.link {
	color: #0000FF;
	cursor: pointer;
	font-family: verdana;
	font-size: 12px;
	text-decoration: none;
}

.link:hover {
	color: #ff9900;
}

.link:active{
	color: #ffcc33; /* gold */
}

.link:visited {
	color: #333399;
}

.link.disabled {
	color: #AAAAAA;
	cursor: default;
}

.text {
	font-size: 12px;
}

ul.clean li {
	list-style-type: none;
	margin-left: -40px;
}

.leftColumn,
.rightColumn {
	height: 1010px;
	padding: 5px;
}

.leftColumn {
	padding-right: 10px;
	width: 200px;
}

body.loggedIn.wider .leftColumn {
	padding-left: 10px;
	width: auto;
}

.centerColumn {
	margin: 0 auto 0 auto;
	width: 990px;
}

.rightColumn {
	width: 370px;
}

.twoColumn {
	color: #000000;
	float: left;
	font-weight: normal;
	height: auto;
	margin-left: 15px;
	width: 340px;
}

.twoColumn a {
	font-size: 11px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.hr {
	border-bottom: 1px solid gray;
	margin-bottom: 10px;
}

.bold {
	font-weight: bold;
}

.devNotes {
	display: none;
	height: 100px;
	overflow: auto;
}

.clompLogoWrapper {
	display: inline-block;
}

.clompLogo,
.clompLogo2025 {
	display: inline-block;
	height: 50px; /* 45px;*/ /* 75px */ /* 37.5px; */
	margin: 10px 0 0 10px;
	width: 240px; /* 199px; */ /* 360px */ /* 180px; */
}

.siteLayoutTopAreaLeftNavTopLogo {
	margin-top: 5px;
}

.siteLayoutTopAreaLeftNavTopLogo .clompLogoWrapper {
	float: left;
}

.alphaBetaLabels {
	color: gold;
	font-size: 12px;
	margin: 10px 0px 0 60px;
}

/* .alphaBetaLabels .alpha {
} */

.clompSlogansAndTrademarks {
	clear: both;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	/* margin: 0 15px 0 12px; */
	margin: 0 10px 0 12px;
	padding: 12px 0 6px 0;
	min-width: 300px;
}

.clompSlogansAndTrademarks a,
.clompSlogansAndTrademarks a:visited {
	color: gold;
}

.clompSlogansAndTrademarks a:hover {
	color: yellow;
}

.clompSlogansAndTrademarks a:active {
	color: greenyellow;
}

.clompSlogansAndTrademarks .trademark {
	display: inline-block;
	margin-top: -4px;
}

.clompSlogansAndTrademarks .blueLink {
	color: #99CCFF !important;
}

.clompSlogansAndTrademarks .highlighted {
	font-weight: bold;
}

.clompSlogansAndTrademarks .highlighted.phrase {
	text-decoration: underline;
}

#clompSearchEngineTitleLogo {
	margin-left: 5px;
}

.siteLayoutTopAreaLeft,
.siteLayoutTopAreaRight,
.siteLayoutLeftFeet,
.siteLayoutMenu,
.siteLayoutAds,
.siteLayoutMainTable,
.siteLayoutRightFeet {
	float: left;
}

.siteLayoutAds.left {
	display: none;
	margin: 0 20px 0 0;
}

.siteLayoutAds.right {
	float: right;
	margin: 0 40px 0 0;
}

body.loggedIn.wider .siteLayoutAds.right {
	margin: 0 10px 0 0;
}

.siteLayoutTopAreaLeft .link {
	color: orange;
}

.siteLayoutTopAreaLeft .link:visited {
	color: #99CCFF;
	font-size: 12px;
	font-weight: bold;
}

.siteLayoutTopAreaLeftNavTopTomb {
	width: 66px;
}

.siteLayoutTopAreaLeftNavTopBanner {
	height: 89px;
	margin: 10px 0 0 0;
}

.Firefox .siteLayoutTopAreaLeftNavTopBanner {
	height: 80px;
}

.siteLayoutTopAreaRightLogin .signOut {
	display: none;
}

.siteLayoutTopAreaRightLogin .signUpAndLogin {
	display: block;
}

.loggedIn .siteLayoutTopAreaRightLogin .signOut {
	display: block;
}

.loggedIn .siteLayoutTopAreaRightLogin .signUpAndLogin {
	display: none;
	margin: 0 0 5px 0;
}

.siteLayoutTopAreaRightLogin {
	margin: 8px 0 0 20px;
}

.siteLayoutTopAreaRightLogin .link {
	color: white;
	display: block;
	float: left;
	font-size: 12px;
	font-weight: bold;
}

.siteLayoutTopAreaRightLogin .link:hover {
	text-shadow: 0 0 4px #979797;
}

.siteLayoutTopAreaRightLogin .seperator {
	color: gold;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin: 0 3px 0 3px;
}

.siteLayoutTopAreaRightLogin .link.advertise {
	float: none;
	margin: 1px 0 0 0;
}

.siteLayoutTopAreaRightLogin .link.share {
	float: none;
	margin: 3px 0 4px 0;
}

.siteLayoutTopAreaRightLogin .socialMedia {
	margin: 0 0 0 -1px;
}

.siteLayoutMainTable {
	background-color: #FFFFFF;
	border: 2px solid black;
	border-radius: 10px;
	margin: 3px 0 0 0;
	padding: 1px 0 0 0;
}

.siteLayoutMainTable .grid {
	float: left;
}

body.loggedIn.wider #gridCenterContents {
	width: 99%;
}

.siteLayoutMainTable .centerBorders {
	height: 2px;
	margin-left: 0;
	padding-right: 0;
	width: 765px;
}

.siteLayoutMainTable .centerBorderTop {
	border-top: 2px solid black;
	margin-top: -3px;
}

.siteLayoutMainTable .centerBorderBottom {
	border-bottom: 2px solid black;
	margin: 4px 0 -2px 0;
}

.siteLayoutMainTable .sideBorders {
	margin-top: 0;
	/* Stabilizes the SERP so it doesn't flicker when it loads. This next line draws the side-borders to their minimum height, BEFORE the JS runs to resize it. */
	min-height: 732px;
	padding-bottom: 0;
}

.siteLayoutMainTable .sideBorderLeft {
	border-left: 2px solid black;
	margin-left: -2px;
}

.siteLayoutMainTable .sideBorderRight {
	border-right: 2px solid black;
	float: right;
	margin-right: -2px;
}

.siteLayoutMainTable .roundedCorners {
	background: transparent url('images/sprite_maps/rounded_corners_black.png') no-repeat right top;
}

.siteLayoutMainTable .leftCorners {
	background-position: 0 0;
	float: left;
	margin-left: -2px;
}

.siteLayoutMainTable .rightCorners {
	float: right;
	right: 0;
	margin-right: -2px;
}

.siteLayoutMainTable .topCorners {
	margin-top: -3px;
}

.siteLayoutMainTable .bottomCorners {
	margin-bottom: -3px;
}

.siteLayoutMainTable .topCornerLeft {
	background-position: 0 0;
}

.siteLayoutMainTable .topCornerRight {
	background-position: -9px 0;
}

.siteLayoutMainTable .bottomCornerLeft {
	background-position: 0 -9px;
}

.siteLayoutMainTable .bottomCornerRight {
	background-position: -9px -9px;
}

.siteLayoutTowerAds {
	margin: 3px 0 0 0;
}

.siteLayoutLegalText {
	color: silver;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	height: 90px;
	margin: 20px 0 0 15px;
	white-space: nowrap;
	width: 475px;
}

.siteLayoutLegalText .clompSafeTrust {
	margin: 10px 0 0 0;
}

.siteLayoutLegalText .footerNavLinks {
	margin: 0;
}

.siteLayoutLegalText .footerNavLinks .link:hover {
	text-shadow: 0 0 4px #979797;
}

.siteLayoutLegalText .footerNavLinks .row1 {
	margin: 0;
}

.siteLayoutLegalText .footerNavLinks .row2,
.siteLayoutLegalText .footerNavLinks .row3,
.siteLayoutLegalText .footerNavLinks .row4 {
	margin: 3px 0 0 0;
}

.siteLayoutLegalText .registeredTrademark {
	margin: 0;
}

.siteLayoutLegalText .statistics {
	margin: 10px 0 0 0;
}

.siteLayoutLegalText .tagline {
	margin: 10px 0 15px 0;
}

.siteLayoutLegalText .copyright {
	margin: 9px 0 10px 0;
}

.siteLayoutLegalText .copyright .link:hover {
	text-shadow: 0 0 4px #979797;
}

.siteLayoutLegalText .link,
.siteLayoutLegalText .link:visited {
	color: white;
	font-weight: bold;
}

.siteLayoutRightFeet {
	margin-top: 33px;
}

.hidden {
	display: none !important;
}

.elephant {
	display: block;
	height: 44px;
	left: 275px; /* 222px; */
	position: relative;
	top: 16px; /* 10px; */
	width: 38px;
	z-index: 10000;
}

/* SSL requires this to use absolute URLs.
Don't change this here! See the the "Dynamic background URLs" in the headerInfo file & the bundler.
.elephant_left {
	background: url('images/web_icons/elephant_left.gif') no-repeat;
}

.elephant_right {
	background: url('images/web_icons/elephant_right.gif') no-repeat;
}
*/

.elephant.userBadge {
	margin: 12px 0 10px 7px;
}

.clear {
	clear: both;
}

.clearRight {
	clear: right;
}

.clearLeft {
	clear: left;
}

h1 {
	font-size: 18px;
	margin: 5px 0 10px 0;
}

h2 {
	font-size: 16px;
}

h3 {
	font-size: 14px;
}

h4 {
	font-size: 12px;
}

h5 {
	font-size: 11px;
}

h6 {
	font-size: 10px;
}

hr {
	margin-right: 10px;
}

#HTMLPreviewDiv {
	border: 1px solid gray;
	display: none;
	height: 300px;
	left: 0;
	position: absolute;
	top: 0;
	width: 300px;
	z-index: 100;
}

#historyIFrame {
	display:none;
	height: 0;
	width: 0;
}

.ahref {
	color: #0000FF
}

.ahref2 {
	color: cyan;
}

.ahref3 {
	color: pink;
}

.ahref4 {
	color: silver;
}

.beta {
	color: #FFFFFF;
	float: left;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	margin-left: 7px;
	padding-top: 5px;
	white-space: nowrap;
}

.tomb {
	margin-top: 12px;
}

.tombLink {
	color: white;
	font-family: verdana;
	font-size: 13px;
	text-decoration: none;
}

.domains {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	width: 50px;
}

.blueBorders {
	border: 1px solid #003399;
	float: left;
	width: 715px;
}

.blackBorders {
	border: 1px solid black;
	float: left;
	width: 717px;
}

#MainContent {
	margin: 0;
	min-height: 735.9px; /* Should become: 810px; when other sections are turned back on. */
	width: 777px;
}

span.holidayfeet, span.topfeet1 {
	margin-left: 10px;
}

.leftstomp {
	right: 10px;
}

.rightstomp {
	left: 10px;
}

.topstomp {
	top: 5px;
}

.bottomstomp {
	top: 25px;
}

.upfeet, .downfeet, .rightfeet, .leftfeet, .upleftfeet, .uprightfeet, .downleftfeet, .downrightfeet {
	background: transparent url('images/sprite_maps/clomp_com_elephant_feet.png') no-repeat right top;
	display: block;
	height: 15px;
	position: relative;
	width: 15px;
	z-index: 1;
}

.upfeet {
	background-position: 0 0;
	margin-left: 20px;
	margin-top: 10px;
}

.rightfeet {
	background-position: -15px 0;
	float: left;
	margin-left: 10px;
}
 
.uprightfeet {
	background-position: -30px 0;
}

.downrightfeet {
	background-position: -45px 0;
}
 
.leftfeet {
	background-position: 0 -15px;
	float: left;
	margin-right: 10px;
}

.downfeet {
	background-position: -15px -15px;
	margin-top: 10px;
}
 
.upleftfeet {
	background-position: -30px -15px;
}
 
.downleftfeet {
	background-position: -45px -15px;
} 

.upfeet7, .siteLayoutDownFeet1 {
	margin-left: 5px;
}

.downfeetsingle {
	display: none;
	float: left;
	margin: 100px 0 0 -53px;
}

.psalm119105 {
	margin-left: 5px;
	margin-top: -10px;
	z-index: 2;
}

.tomb {
	margin: 10px 0 0 9px;
	padding: 0;
}

.tombraybeam {
	margin-left: 12px;
	margin-top: 10px;
	position: absolute;
	z-index: 2;
}

table.calendar {
	border: 1px solid #E0E0E0;
	margin: 6px 0 0 0;
	padding: 0;
}

table.calendar tr td {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	font-size: 10px;
	font-weight: bold;
	height: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
	white-space: nowrap;
	width: 33px;
}

table.calendar tr td.old {
	color: #C0C0C0;
}

table.calendar tr td.today {
	background-color: #FFFFFF;
}

.tagline {
	color: silver;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	z-index: 100;
}

.siteLayoutTopAreaLeftNavBottom {
	height: 50px;
	width: 767px;
}

#ajaxDiv {
	border-top: 1px solid silver;
	font-size: 12px;
	margin: 10px 10px 0 10px;
	min-width: 744px;
	overflow: hidden;
}

.roundedCorners {
	background: transparent url('images/sprite_maps/rounded_corners_black.png') no-repeat right top;
	display: block;
	float: left;
	height: 8px;
	width: 8px;
}

.siteLayoutPromoBoxes {
	height: 174px;
	margin: 20px 0 45px 0;
	width: 915px;
}

.siteLayoutPromoBoxes .promoBoxes {
	background-color: #FFFFFF;
	float: left;
	height: 176px;
	margin: 10px 12px 10px 0;
	padding: 1px 0 0 0;
	width: 214px;
}

.promoBoxesBlue {
	font-size: 12px;
	height: 160px;
	margin: 0;
	padding: 5px;
	width: 200px;
}

.promoBoxesBlue .headline {
	font-size: 14px;
	font-weight: bold;
}

.promoBoxesBlue .description {
	margin: 5px 0 5px 0;
}

.promoBoxesBlue .callToAction {
	background: transparent url('images/sprite_maps/learn_more_button_green.png') no-repeat left top;
	display: block;
	float: right;
	height: 28px;
	padding: 0;
	width: 141px;
}

.promoBoxes .grid {
	float: left;
}

.promoBoxes .centerBorders {
	height: 1px;
	margin-top: -3px;
	padding-right: 0;
	width: 202px;
}

.promoBoxes .centerBorderTop {
	border-top: 2px solid black;
}

.promoBoxes .centerBorderBottom {
	border-bottom: 2px solid black;
	margin-top: 0;
}

.promoBoxes .centerContents {
	margin: 0 0 0 -1px;
}

.promoBoxes .sideBorders {
	height: 167px;
	margin-top: 0;
	padding-bottom: 0;
	width: 1px;
}

.promoBoxes .sideBorderLeft {
	border-left: 2px solid black;
	margin-left: -2px;
}

.promoBoxes .sideBorderRight {
	border-right: 2px solid black;
	float: right;
	margin-right: -2px;
}

.promoBoxes .roundedCorners {
	background: transparent url('images/sprite_maps/rounded_corners_black.png') no-repeat right top;
}

.promoBoxes .leftCorners {
	background-position: 0 0;
	float: left;
	margin-left: -2px;
}

.promoBoxes .rightCorners {
	float: right;
	margin-right: -2px;
	right: 0;
}

.promoBoxes .topCorners {
	margin-top: -3px;
}

.promoBoxes .bottomCorners {
	margin-top: -5px;
}

.promoBoxes .topCornerLeft {
	background-position: 0 0;
}

.promoBoxes .topCornerRight {
	background-position: -9px 0;
}

.promoBoxes .bottomCornerLeft {
	background-position: 0 -9px;
}

.promoBoxes .bottomCornerRight {
	background-position: -9px -9px;
	margin-right: 0;
	margin-right: -2px;
}

.subFooter {
	background-color: #EFEFFF;
	display: block;
	font-size: 12px;
	height: 400px;
	margin: 0;
	padding: 10px 10px 20px 10px;
	width: 875px;
}

.subFooter .columns {
	float: left;
	height: 100%;
	width: 32%;
}

.subFooter #column2 {
	border-left: 2px solid silver;
	border-right: 2px solid silver;
	margin: 0 5px 0 5px;
	padding: 0 5px 0 5px;
}

.subFooter .columns #row1 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
}

.subFooter .columns #row1 .description {
	margin: 5px 0 5px 20px;
	padding: 0;
}

.subFooter .columns #row2 {
	border-top: 2px solid silver;
	margin: 5px 0 0 0;
	padding: 5px 0 0 0;
}

.subFooter .columns #row2 .description {
	margin: 5px 0 5px 20px;
	padding: 0;
}

.subFooter .headline {
	font-size: 14px;
	font-weight: bold;
}

.subFooter .description {
	margin: 5px 0 5px 0;
}

.subFooter #column1 .recommendedLinks {
	margin: 0 0 0 15px;
	padding: 0;
}

.subFooter #column1 .socialMediaIconGroup {
	margin: 0 0 4px 0;
}

.subFooter #column1 .socialMediaIcons {
	background: transparent url('images/sprite_maps/social_media_icons.png') no-repeat left top;
	float: left;
	height: 32px;
	margin: 3px 3px 0 0;
	width: 32px;
}

.subFooter #column1 #Email {
	background-position: 0 0;
}

.subFooter #column1 #Facebook {
	background-position: -32px 0;
}

.subFooter #column1 #Twitter {
	background-position: -64px 0;
}

.subFooter #column1 #MySpace {
	background-position: -96px 0;
}

.subFooter #column1 #Friendster {
	background-position: -128px 0;
}

.subFooter #column1 #LinkedIn {
	background-position: -160px 0;
}

.subFooter #column1 #Digg {
	background-position: -192px 0;
}

.subFooter #column1 #Delicious {
	background-position: 0 -32px;
}

.subFooter #column1 #StumbleUpon {
	background-position: -32px -32px;
}

.subFooter #column1 #Technorati {
	background-position: -64px -32px;
}

.subFooter #column1 #Yelp {
	background-position: -96px -32px;
}

.subFooter #column1 #RSS {
	background-position: -128px -32px;
}

.subFooter #column1 #Bookmark {
	background-position: -160px -32px;
}

.subFooter #column1 #ShareThis {
	background-position: -192px -32px;
}

.subFooter #column3 .websiteGallery {
	border-top: 1px dashed silver;
	margin: 10px 0 0 0;
	padding: 5px 0 0 0;
}

.subFooter #column3 .websiteGallery #websiteGalleryImage {
	border: 1px solid black;
	height: 185px;
	margin: 10px 0 10px 10px;
	width: 270px;
}

.subFooter #column3 .websiteGallery .websiteCallToAction {
	padding: 0 0 0 10px;
}

.subFooter .grid {
	float: left;
}

.subFooter .centerBorders {
	height: 3px;
	margin-left: -5px;
	padding-right: 10px;
	width: 100%;
}

.subFooter .centerBorderTop {
	border-top: 3px solid #999999;
	margin-top: -13px;
}

.subFooter .centerBorderBottom {
	border-bottom: 3px solid #999999;
	margin-top: 2px;
}

.subFooter .sideBorders {
	height: 100%;
	margin-top: -5px;
	padding-bottom: 20px;
	width: 3px;
}

.subFooter .sideBorderLeft {
	border-left: 3px solid #999999;
	margin-left: -13px;
}

.subFooter .sideBorderRight {
	border-right: 3px solid #999999;
	float: right;
	margin-right: -13px;
}

.subFooter .roundedCorners {
	background: transparent url('images/sprite_maps/rounded_corners_gray.png') no-repeat right top;
}

.subFooter .leftCorners {
	background-position: 0 0;
	float: left;
	margin-left: -13px;
}

.subFooter .rightCorners {
	float: right;
	margin-right: -13px;
	right: 0;
}

.subFooter .topCorners {
	margin-top: -13px;
}

.subFooter .bottomCorners {
	margin-top: 0;
}

.subFooter .topCornerLeft {
	background-position: 0 0;
}

.subFooter .topCornerRight {
	background-position: -9px 0;
}

.subFooter .bottomCornerLeft {
	background-position: 0 -9px;
}

.subFooter .bottomCornerRight {
	background-position: -9px -9px;
}

.center {
	text-align: center;
}

.infoHelp {
	cursor: pointer;
	display: inline-block;
	margin: 1px 0 0 3px;
}