@import url(”reset.css”);

/* GENERAL STUFF */

body {
	font-size:62.5%;
	font-family:verdana, arial, sans-serif;
	text-align:center; /* required to center containers below for IE/win */
	background-color:#cdcdcd;
    margin-top:0px;
	overflow:auto;
	}

p {
	margin-top:0px;
	margin-bottom:0px;
	}

a { 
	text-decoration:none;
	}

a img { 
	border-style:none;
	outline:none;
	}

a:link { 
	color:blue;
	}

a:visited { 
  color:purple;
	}

a:hover {
	color:#0000aa;
	text-decoration:underline; 
	}

a:active { 
  color:red; 
	}
	
a:focus img,
a:active img {
	border-style:none;
	outline:none;
	-moz-outline-style: none;
	}


.divider {
	background:url(img/red-border.png) 0 0 repeat-x;
	float:left;
	width:786px;
	height:15px;
	overflow:hidden;
	}	

/* CENTER ALL CONTENT CONTAINERS */

.container {
	margin:0 auto;
	width:790px;
	text-align:left;
	}

/* ABOVE LOGO CONTENT */	

/* TOP/AUXILLARY NAVIGATION BAR */	

.navaux { 
	margin:0;
	margin-bottom:3px;
	padding:0;
	padding-top:5px; 
	list-style-type:none;
	float:right; 
	} 
	
.navaux li { 
	display:inline; 
	float:left; 
	width:auto; 
	margin-bottom:2px;
	text-decoration:none; 
	text-transform:uppercase; 
	font-weight: bold;
	} 

li.navaux-first {
	padding:0px 8px 0px 0px;
	border-right:2px solid #666666;
	}

li.navaux-main {
	padding:0px 8px 0px 8px;
	border-right:2px solid #666666;
	}	
	
li.navaux-last {
	padding:0px 14px 0px 8px;
	}
	
.navaux a  { 
	color:#666666; 
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	} 

.navaux a:hover { 
	color:#0000aa; 
	} 
	
	
/* MAIN CONTENT BOX WITH ROUNDED CORNERS AND OUTLINE */

/*----- 3 COLUMN HEADER -----*/

/* BLUE BACKGROUND, WHITE BORDER WITH ROUNDED CORNERS FOR HEADER */	
.mainupper {
	background-image:url(img/maintop2.png);
	background-repeat:no-repeat;
	background-position:top left;
	height:84px;
	overflow:hidden;
	margin:0;
	clear:both;
	}

.headcol1 {
	float:left;
	width:400px;
	}
	
.headcol1 img {
 	margin:15px 0px 0px 16px;
	}

.headcol2 {
	float:left;
	}
	
.headcol2 img {
	height:64px; 
	width:154px;
	margin:12px 8px 6px 8px;
	}	
	
.headcol3 {
	font:bold 32px Verdana, Helvetica, sans-serif;
	text-align:center;
	line-height:37px;
	margin:5px 6px 0px 0px;
	padding:0;
	color:#ff0000;
	float:right;
	width:200px;
	}	

.subtext {
	font:bold 18px Verdana, Helvetica, sans-serif;
	color:#ffffff;
	line-height:17px;
	margin: 3px 0px 0px 3px;
	text-transform:uppercase;
	}	
  
.disclose {
	font:11px Verdana, Helvetica, sans-serif;
	color:blue;
	line-height:12px;
	margin: 3px 0px 0px 6px;
	}

/* FAUX COLUMN TO MAKE SURE EQUAL LENGTH WHITESPACE IS SEEN
   FOR ALL THREE TEXT COLUMNS */	

.midground {
	background-image:url(img/whitebg.png);
	background-repeat:repeat-y;
	width:786px;
	float:left;
	overflow:hidden;
	}
	
.sideborder {
	border-right:2px solid white;
	border-left:2px solid white;
	float:left;
	overflow:hidden;
	}


/* MAIN NAVIGATION BAR */	

.nav { 
	margin:0; 
	padding:0; 
	list-style-type:none;
	background:url(img/nav-bgrd2.png) 0 0 repeat-x;
	float:left; 
	width:786px; 
	} 
	
.nav li { 
	display:inline; 
	padding:0; 
	margin:0; 
	} 

.nav a:link, 
.nav a:visited { 
	color:#ffffff; 
	padding:4px 13px 6px 13px; 
	float:left; 
	width:auto; 
	border-right:2px solid #ffffff;
	text-decoration:none; 
	font:bold 19px Verdana, Helvetica, sans-serif; 
	} 

.nav a:hover { 
	color:#0000aa; 
	} 

/* SET CURRENT PAGE BUTTON IN MAIN NAV */
	
.home .nav-home a, 
.play .nav-play a, 
.maze .nav-play a, 
.sofia .nav-sofia a, 
.histio .nav-histio a, 
.donate .nav-donate a, 
.sponsor .nav-sponsor a,
.treasure .nav-treasure a { 
	background:url(img/nav-currentpage2.png) 0 0 repeat-x; 
	color:#ffffff; 
	}
	 
.nav-home a:hover, 
.nav-play a:hover, 
.nav-sofia a:hover, 
.nav-histio a:hover, 
.nav-donate a:hover, 
.nav-sponsor a:hover,
.nav-treasure a:hover { 
	color:#0000aa;
	}
	 
.nav a:active { 
	background:url(img/nav-currentpage2.png) 0 0 repeat-x; 
	color:#ffffff; 
	} 

	
/*----- BODY -----*/
	
.mainimage {
	width:786px;
	height:393px;
	display:block; 
	clear:both;
	overflow:hidden;
	border:0;
	padding:0;
	outline:0;
	margin:0;
	}
  
.sliceimage {
	width:786px;
	height:150px;
	display:block; 
	clear:both;
	overflow:hidden;
	border:0;
	padding:0;
	outline:0;
	margin:0;
	}
	

/* FORMAT THE THREE TEXT COLUMNS IN THE BODY */

.textcol1, 
.textcol2, 
.textcol3 {
	width:262px;
	float:left;
	font-size:1.4em;
	line-height:1.5em;
	}
	
.textcol3 {
	float:right;
	}
	
.textcol1 h1, 
.textcol2 h1, 
.textcol3 h1 {
	font:bold 1.7em Verdana, Helvetica, sans-serif;
	text-align:left;
	color:black;
	}
	
.textcol1 h2, 
.textcol2 h2, 
.textcol3 h2,
.textcol1 h3, 
.textcol2 h3, 
.textcol3 h3  {
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	text-align:left;
	}
	
.sponsor .textcol1 h3, 
.sponsor .textcol2 h3, 
.sponsor .textcol3 h3 {
	font:bold 1.1em Verdana, Helvetica, sans-serif;
	text-align:left;
	}

.home .textcol1 h3, 
.home .textcol2 h3, 
.home .textcol3 h3,	
.play .textcol1 h3, 
.play .textcol2 h3, 
.play .textcol3 h3 {
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	text-align:left;
	}
	
.textcol1 h4, 
.textcol2 h4, 
.textcol3 h4 {
	font:bold 0.95em Verdana, Helvetica, sans-serif;
	color:#cc0000;
	text-align:left;
	}
	
.textcol1 h4 a,
.textcol2 h4 a,
.textcol3 h4 a {
	font-weight:normal;
	text-decoration:underline;
	}
	
.textcol1 p {
	margin:0 4px 14px 20px;
	}	

.textcol1 h1 {
	color:#cc0000;
	margin:16px 4px 2px 20px;
	}
	
.textcol1 h2 {
	margin:0 4px 4px 20px;
	}
	
.home .textcol1 h3,
.play .textcol1 h3 {
	color:#cc0000;
	margin:0 4px 12px 20px;
	}
	
.sponsor .textcol1 h3 {
	color:#cc0000;
	margin:0 4px 6px 20px;
	}

.textcol1 h4 {
	margin:0 4px 6px 20px;
	}
	
.sponsor .textcol1 img{
	margin:0 4px 12px 20px;
	}
	
.home .textcol1 img{
	margin:6px 6px 0 20px;
	}
	
.textcol2 p {
	margin:0 12px 14px 12px;
	}	
	
.textcol2 ol {
	padding:0 0 0 12px;
	margin:0px 0 0 24px;
	}

.textcol2 li {
	margin:12px 12px 12px 0;
	}	
	
.textcol2 h1 {
	color:#f59900;
	margin:16px 12px 2px 12px;
	}
	
.textcol2 h2 {
	margin:0 12px 4px 12px;
	}
	
.home .textcol2 h3,
.play .textcol2 h3 {
	color:#f59900;
	margin:0 12px 12px 12px;
	}
	
.sponsor .textcol2 h3 {
	color:#f59900;
	margin:0 12px 6px 12px;
	}

.textcol2 h4 {
	margin:0 12px 6px 12px;
	}
	
.textcol2 img {
	margin:0 12px 12px 12px;
	}

.textcol3 p {
	margin:0 20px 14px 4px;
	}

.textcol3 ol {
	padding:0 0 0 12px;
	margin:-4px 0 0 16px;
	}

.textcol3 li {
	margin:12px 20px 0 0;
	}	

.textcol3 h1 {
	color:#ff2ad4;
	margin:16px 20px 2px 4px;
	}
	
.textcol3 h2 {
	margin:0 20px 4px 4px;
	}
	
.home .textcol3 h3,
.play .textcol3 h3 {
	color:#ff2ad4;
	margin:0 20px 12px 4px;
	}
	
.sponsor .textcol3 h3 {
	color:#ff2ad4;
	margin:0 20px 6px 4px;
	}
	
.textcol3 h4 {
	margin:0 20px 6px 4px;
	}
	
.textcol3 img {
	margin:0 20px 12px 4px;
	}
	
.home .textcol3 .phone {
	color:#ff2ad4;
	display:block;
	clear:both;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	margin:-6px 20px 24px 4px;
	}
	
.sofia .phone {
	color:#ff2ad4;
	display:block;
	text-align:center;
	clear:both;
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	margin:-12px 36px 24px 0;
	}
	
.home #ie6only .textcol3 .phone,
.home #ie5-5only .textcol3 .phone {
	margin:-18px 20px 24px 4px;
	}
	
.play .textcol3 .phone {
	color:#ff2ad4;
	display:block;
	clear:both;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	margin:8px 20px 8px 4px;
	}
	
.sofia .phone,
.histio .phone {
	color:#ff2ad4;
	display:block;
	text-align:center;
	clear:both;
	font:bold 1.4em Verdana, Helvetica, sans-serif;
	margin:-12px 36px 24px 0;
	border:0;
	}
	
.sofia #ie5-5only .phone,
.histio #ie5-5only .phone {
	margin:0 36px 24px 0;
	}
	
.sponsor .textcol2 .phone {
	color:#f59900;
	clear:both;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	margin:-16px 12px 8px 12px;
	}
	
.sponsor .textcol3 .phone {
	color:#ff2ad4;
	clear:both;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	margin:-16px 20px 8px 4px;
	}

.sponsor #ie5-5only .textcol2 .phone,	
.sponsor #ie5-5only .textcol3 .phone {
	margin-top:-30px
	}
	
.sponsor .textcol1 h1,
.sponsor .textcol2 h1,
.sponsor .textcol3 h1 {
	margin-top:12px;
	}
	

/* FORMAT THE TEXT COLUMN IN THE BODY */

.nav { 
	margin:0; 
	padding:0; 
	list-style-type:none;
	background:url(img/nav-bgrd2.png) 0 0 repeat-x;
	float:left; 
	width:786px; 
	} 
	
.nav li { 
	display:inline; 
	padding:0; 
	margin:0; 
	} 

.subnav1 ul {
	margin:6px 0 -6px -8px;
	text-align:center;
	color:blue;
	list-style-type:none;
	font:1.5em Verdana, Helvetica, sans-serif;
	}
	
.subnav1 li {
	display:inline; 
	margin-right:32px;
	}
	
.subnav1 a {
	text-decoration:underline;
	}

.singlecol {
	width:762px;
	font-size:1.4em;
	line-height:1.4em;
	margin:0 12px 14px 18px;
	}
	
.singlecol h1 {
    font:bold 1.7em Verdana, Helvetica, sans-serif;
	text-align:left;
	margin:20px 20px 6px 0;
	}
	
.singlecol p {
	margin:0 20px 16px 0;
	line-height:1.5em;
	}

.singlecol p span {
	font-weight:bold;
	color:#cc0000;
	}

.singlecol .bycheck {
	line-height:1.6em;
	margin:0 0 12px 16px;
	}

.resourcetitle,	
.toptitle {
	color:#cc0000;
	}
	
.title2, 
.title5, 
.title8 {
	color:#ff2ad4;
	}
	
.title3,
.title6,
.title9 {
	color:#ff9900;
	}
	
.title4,
.title7,
.title10 {
	color:#99cc00;
	}
	
.contact .title4 a {
	color:#99cc00;
	text-decoration:underline;
	}

.news .toptitle a {
	color:blue;
	text-decoration:underline;
	}
	
.news .title2 a {
	color:blue;
	text-decoration:underline;
	}
	
.sponsorimage {
	width:238px;
	height:119px;
	display:block; 
	clear:both;
	overflow:hidden;
	border:0;
	padding:0;
	outline:0;
	}
  
.headshot1 {
	width:84px;
	height:95px;
	float:left;
	overflow:hidden;
	border:0;
	padding:0;
	outline:0;
	}

.ruleout {
	text-decoration:line-through;
	}

.emphasis1 {
	font-weight:bold;
	}
	
.emphasis2 {
	color:red;
	font-weight:bold;
	}
	
.emphasis3 {
	color:red;
	font:bold 0.65em Verdana, Helvetica, sans-serif;
	}
	
.emphasis4 {
	color:green;
	font-weight:bold;
	}
	
.emphasis5 {
	font:bold 0.65em Verdana, Helvetica, sans-serif;
	}
	
.emphasis7 {
	font:normal 0.65em Verdana, Helvetica, sans-serif;
	color:gray;
	}
	
.emphasis10 {
	font:bold 0.8em Verdana, Helvetica, sans-serif;
	}
	
.singlecol span.emphasis1 {
	color:black;
	font-weight:bold;
	}
	
.singlecol span.emphasis5 {
	color:gray;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	}

.singlecol span.emphasis6 {
	color:#000080;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	}
	
.singlecol p .emphasis7 {
	font:normal 1em Verdana, Helvetica, sans-serif;
	color:#b3b3b3;
	}
	
.singlecol span.emphasis8 {
	color:#000080;
	font:bold 1em Verdana, Helvetica, sans-serif;
	}
.singlecol span.emphasis9 {
	color:#000000;
	font:normal 1.2em Verdana, Helvetica, sans-serif;
	}
	
.singlecol span.emphasis11 {
	color:#000080;
	font:1em Verdana, Helvetica, sans-serif;
	font-style:italic;
	}
	
.donorlist p {
	padding-left:16px;
	margin:0 0 6px 0;
	}
	
.becomesponsor {
	color:blue;
	text-decoration:underline;
	}
	
.treasurehead p {
	text-align:center;
	margin:24px 0 6px -12px;
	}
	
.treasurehead a {
	color:blue;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	}

.treasurehead img {
	display:block;
	margin:0 auto;
	}
	
.treasurehead h1 {
	text-align:center;
	margin-top:12px;
	color:#cc0000;
	}



/* FORMAT THE "JUMP" BUTTONS*/

.bigfourbutton {
	width:350px;
	text-align:center;
	margin:0 auto 42px auto;
	clear:both;
	}

#ie5-5only .bigfourbutton {
	margin:0 0 0 210px;
	}
	
.bigsinglebutton {
	width:238px;
	margin:0 0 32px 0;
	}
	
.home .midfourbutton {
	width:238px;
	margin:0 20px 12px 0;
	float:right;
	}
	
.home #ie6only .midfourbutton,
.home #ie5-5only .midfourbutton {
	margin:0 10px 24px 0;
	}
	
.play .midfourbutton {
	width:238px;
	margin:12px 20px 12px 0;
	float:right;
	}
	
.play #ie6only .midfourbutton,
.play #ie5-5only .midfourbutton {
	width:238px;
	margin:12px 10px 12px 0;
	}
	
.maze .midfourbutton {
	width:238px;
	margin:0 44px 10px 0;
	float:right;
	}
	
.maze #ie6only .midfourbutton,
.maze #ie5-5only .midfourbutton {
	margin:0 16px 10px 0;
	}

.bigsinglebutton a,
.bigfourbutton a {
	width:150px;
	height:36px;
	text-decoration:none;
	}
	
.midfourbutton a {
	width:115px;
	height:28px;
	text-decoration:none;
	}
	
.bigsinglebutton .bigdonate-button {
	float:left;
	margin:0 0 28px 20px;
	}

.bigsinglebutton .bigtag-button,	
.bigsinglebutton .bigshare-button {
	float:left;
	margin:0 0 16px 12px;
	}

.bigsinglebutton .bigadoptnow-button,
.bigsinglebutton .bigsponsor-button {
	float:left;
	margin:0 0 16px 4px;
	}

.bigfourbutton .bigdonate-button,
.bigfourbutton .bigsponsor-button {
	float:left;
	margin:24px 6px 0 6px;
	}
	
.bigfourbutton .bigadoptnow-button,
.bigfourbutton .bigshare-button {
	float:left;
	margin:12px 6px 30px 6px;
	}
	
.home .midfourbutton .middonate-button {
	float:left;
	margin:12px 6px 0 0;
	}
	
.home .midfourbutton .midsponsor-button {
	float:left;
	margin:12px 0 0 0;
	}
	
.midfourbutton .middonate-button {
	float:left;
	margin:24px 6px 0 0;
	}
	
.midfourbutton .midsponsor-button {
	float:left;
	margin:24px 0 0 0;
	}

.midfourbutton .midadoptnow-button,
.midfourbutton .midadopt-button {
	float:left;
	margin:8px 6px 0 0;
	}
	
.midfourbutton .midshare-button {
	float:left;
	margin:8px 0 0 0;
	}

.bigdonate-button {
	background:url(img/donate-150-red.png) no-repeat 0 0;
	}
.bigsponsor-button {
	background:url(img/sponsor-150-orange.png) no-repeat 0 0;
	}
.bigadopt-button {
	background:url(img/adopt-150-pink.png) no-repeat 0 0;
	}
.bigadoptnow-button {
	background:url(img/adoptnow-150-pink.png) no-repeat 0 0;
	}
.bigshare-button {
	background:url(img/share-150-green.png) no-repeat 0 0;
	}
.bigtag-button {
	background:url(img/tag-150-orange.png) no-repeat 0 0;
	}
	
.middonate-button {
	background:url(img/donate-115-red.png) no-repeat 0 0;
	}
.midsponsor-button {
	background:url(img/sponsor-115-orange.png) no-repeat 0 0;
	}
.midadopt-button {
	background:url(img/adopt-115-pink.png) no-repeat 0 0;
	}
.midadoptnow-button {
	background:url(img/adoptnow-115-pink.png) no-repeat 0 0;
	}
.midshare-button {
	background:url(img/share-115-green.png) no-repeat 0 0;
	}
.midtag-button {
	background:url(img/tag-115-orange.png) no-repeat 0 0;
	}

.bigdonate-button:hover ,
.bigsponsor-button:hover,
.bigadopt-button:hover,
.bigadoptnow-button:hover,
.bigtag-button:hover,
.bigshare-button:hover { 
	background-position:0 -36px;
	}
	
.middonate-button:hover ,
.midsponsor-button:hover,
.midadopt-button:hover,
.midadoptnow-button:hover,
.midtag-button:hover,
.midshare-button:hover { 
	background-position:0 -28px;
	}
	
.bigdonate-button span,
.bigsponsor-button span,
.bigadopt-button span,
.bigadoptnow-button span,
.bigtag-button span,
.bigshare-button span,
.middonate-button span ,
.midsponsor-button span,
.midadopt-button span,
.midadoptnow-button span,
.midtag-button span,
.midshare-button span { 
	visibility:hidden;
	}

	
	
/* FORMAT THE DONATION FORMS */

input.inputcash {
	text-align:right;
	}
	
.donateform1 {
	/* margin-left:36px; */
	padding-left:24px;
	}
p.donateform2 {
	padding-left:152px;
	margin-top:-16px;
	}
p.donateform3 {
	padding-left:24px;
	margin-top:-16px;
	}
p.donateform4 {
	padding-left:186px;
	margin-top:-16px;
	}
p.currencyloc {
	Margin:20px 0 28px 0;
	}
	
.totalbox {
	margin:32px 10px 32px 0;
	padding:20px 0 8px 0;
	background-color:#e5ffd5;
	}

.avedonation {
	font:normal 1.2em Verdana, Helvetica, sans-serif;
	}
	
.adopt p.avedonation2 {
	font:normal 1.2em Verdana, Helvetica, sans-serif;
	margin-top:-12px;
	}
	
.checkout1 {
	text-align:center;
	margin:24px 0 12px 0;
	padding-left:24px;
	font:bold 1.8em Verdana, Helvetica, sans-serif;
	}
	
.checkout2 {
	display:block;
	margin:12px auto 20px auto;
	}
	
.donorinfo {
	margin:12px 0 24px 0;
	}
	
.donorinfo p .deemphasis1 {
	font:normal 0.8em Verdana, Helvetica, sans-serif;
	color:black;
	}
.donatepic {
	float:right;
	margin:-14px 6px 0 0;
	}
	
label {
    float: left;
    padding:0.5em 1em 1em 0;
    text-align: center;
	
}

#adoptimg {
	margin:8px 0 0 2px;
	height:130px;
	width:260px;
	}

.donate h2 {
	clear:both;
	}
	
.adoptmessage {
	clear:both;
	}
	
	
/* FORMAT THE ABOUT PAGE */
.dadpic {
	float:left;
	margin:6px 16px 0 1px;
	width:175px;
	height:196px;
	}	
.about h2  {
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	text-align:left;
	}
	
.flowerpic {
	float:left;
	margin:6px 16px 0 1px;
	width:120px;
	height:100px;
	}	
	
/* WHITE FILLER ROW NEEDED BECAUSE FF AND IE COULDN'T AGREE HOW MUCH
   MARGIN TO SHOW AT THE BOTTOM OF THE BLOCK */
	
.blankfoot {
	width:786px;
	height:16px;
	background-color:white;
	clear:both;
	overflow:auto;
	}

	
/*----- FOOTER -----*/

/* BLUE BACKGROUND, WHITE BORDER WITH ROUNDED CORNERS FOR FOOTER */	

.mainlower {
	background-image:url(img/mainlower2.png);
	background-repeat:no-repeat;
	background-position:bottom;
	height:50px;
	width:790px;
	float:left;
	}

/* FOOTER NAVIGATION BAR */	

.navfoot { 
	margin:0; 
	padding:0; 
	list-style-type:none;
	float:left; 
	} 
	
.navfoot li { 
	display:inline; 
	float:left; 
	width:auto; 
	margin-top:4px;
	font:bold 1.2em Verdana, Helvetica, sans-serif;
	text-decoration:none; 
	text-transform: uppercase; 
	} 

.navfoot-first {
	padding:0px 8px 0px 10px;
	border-right:2px solid #ffffff;
	}

.navfoot-main {
	padding:0px 8px 0px 8px;
	border-right:2px solid #ffffff;
	}	
	
.navfoot-last {
	padding:0px 8px 0px 8px;
	}

	
.navfoot a  { 
	color:#ffffff; 
	} 

.navfoot a:hover { 
	color:#0000aa; 
	} 

.copyright {
	font:1.1em Verdana, Helvetica, sans-serif;
	clear:both;
	padding:4px 0px 12px 10px;
	}