/* CSS Document */

/* global */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
    margin: 0; 
    padding: 0; 
    border: 0; 
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #000000;
	background-color: #999999;
	text-align: center;
	margin: 20px;
}

#wrapper{
	text-align: left;
	margin: 0 auto 0 auto;
	width: 770px;
}

/* header */

#masthead {
	width: 770px;
}

#logo {
	width: 150px;
}

#logohome {
	width: 150px;
}

#hometop {
	width: 420px;
	background-color: #333c86;
	text-align: center;
	vertical-align: middle;
}

#announcement {
	padding: 10px;
	width: 179px;
	background-color: #333c86;
	vertical-align: middle;
	color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	font-size: 80%;
}


/* topstrip */

#topstrip {
	width: 770px;
	background-color: #2e821e;
}

#search{
	width: 150px;
	background-color: #2e821e;
}

#search input{
	font-size: 70%;
	margin-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
 }
 
#search a:link, #search a:visited {
	font-size: 70%;
	text-decoration: none;
	color: #FFFFFF;
}

#search a:hover{
	color: #002043;
}

/* left navigation */

#leftcol {
	width: 150px;
	background-color: #002043;
	vertical-align: top;
	text-align: right;
}

#leftnav {
	color: #FFFFFF;
	text-align: right;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

#leftnav a.level2link {
	font-size: 80%;
	color: #ffd480;
	text-decoration: none;
}

#leftnav a.level2link:hover {
	color: #FFFFFF;
}

#leftnav a.level2linkon {
	font-size: 80%;
	color: #ffffff;
	text-decoration: none;
}

#leftnav a.level3link {
	font-size: 70%;
	color: #b3e3ee;
	text-decoration: none;
}

#leftnav a.level3link:hover {
	color: #FFFFFF;
}

#leftnav a.level3linkon {
	font-size: 70%;
	color: #ffffff;
	text-decoration: none;
}


#leftnav a.level4link {
	font-size: 70%;
	color: #f7952a;
	text-decoration: none;
}

#leftnav a.level4link:hover {
	color: #FFFFFF;
}

#leftnav a.level4linkon {
	font-size: 70%;
	color: #ffffff;
	text-decoration: none;
}


/* kids right column content */

#kidsrightcol {
	width: 199px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #b3e3ee;
	vertical-align: top;
}

#teensrightcol {
	width: 199px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #ffd480;
	vertical-align: top;
}

#caregiversrightcol {
	width: 199px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #d6e682;
	vertical-align: top;
}


#kidsrightcontent {
	padding: 10px;
	vertical-align: top;
}

#kidsrightcontent a {
	color: #b51525;
	text-decoration: none;
	line-height: 18px;
}

#kidsrightcontent a:hover {
	color: #666666;
}

#kidsrightcontent h1 {
	font-size: 130%;
	color: #2e821e;
}

#kidsrightcontent h2 {
	font-size: 114%;
	color: #67afe3;
}

#kidsrightcontent h3 {
	font-size: 100%;
	color: #000000;
}

#kidsrightcontent p {
	font-size: 80%;
}

#kidsrightcontent blockquote {
	font-size: 80%;
	color: #666666;
}

/* kids center content */

#kidscentercol {
	background-color: #b3e3ee;
	width: 420px;
	vertical-align: top;
}

#teenscentercol {
	background-color: #ffd480;
	width: 420px;
	vertical-align: top;
}

#caregiverscentercol {
	background-color: #d6e682;
	width: 420px;
	vertical-align: top;
}


#kidscentercontent {
	padding: 15px;
	vertical-align: top;
}

#kidscentercontent a {
	color: #b51525;
	text-decoration: none;
}

#kidscentercontent a:hover {
	color: #666666;
}

#kidscentercontent h1 {
	font-size: 130%;
	color: #2e821e;
}

#kidscentercontent h2 {
	font-size: 114%;
	color: #67afe3;
}

#kidscentercontent h3 {
	font-size: 100%;
	color: #000000;
}

#kidscentercontent p {
	font-size: 80%;
}

#kidscentercontent blockquote {
	font-size: 80%;
	color: #666666;
}


/* home page */

#homeleftcolcontent1 {
}

#homeleftcolsurvey {
	color: #f7952a;
	padding: 15px;
	width: 150px;
	text-align: center;
}

#homeleftcolsurvey a {
	color: #b51525;
	text-decoration: none;
}

#homeleftcolsurvey a:hover {
	color: #FFFFFF;
}


#homecentercol {
	width: 620px;
	vertical-align: top;
}

#homecentercontent {
	width: 620px;
	color: #666666;
}

#homecentercontent a {
	color: #b51525;
	text-decoration: none;
}

#homecentercontent a:hover {
	color: #666666;
}

#homecentercontent h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#homecentercontent p {
	font-size: 80%;
}

#topleft {
	width: 308px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}

#topright {
	width: 308px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	background-color: #b3e3ee;
}

#bottomleft {
	width: 308px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	background-color: #ffd480;
}

#bottomright {
	width: 308px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #d6e682;
}

/* kids pages */

#kidspages {
	background-color: #b3e3ee;
	width: 620px;
	vertical-align: top;
}

#teenspages {
	background-color: #ffd480;
	width: 620px;
	vertical-align: top;
}

#caregiverspages {
	background-color: #d6e682;
	width: 620px;
	vertical-align: top;
}


#kidspagescontent {
	padding: 15px;
	vertical-align: top;
}

#kidspagescontent a {
	color: #b51525;
	text-decoration: none;
}

#kidspagescontent a:hover {
	color: #666666;
}

#kidspagescontent h1 {
	font-size: 130%;
	color: #2e821e;
}

#kidspagescontent h2 {
	font-size: 114%;
	color: #67afe3;
}

#kidspagescontent h3 {
	font-size: 100%;
	color: #000000;
}

#kidspagescontent h4 {
	font-size: 100%;
	color: #b51525;
}


#kidspagescontent p {
	font-size: 80%;
}

#kidspagescontent blockquote {
	font-size: 80%;
	color: #666666;
}


/* art styles */

#artintro {
	background-color: #7bb5eb;
	width: 620px;
	vertical-align: top;
}

#artintrocontent {
	padding: 15px;
	vertical-align: top;
}

#artintrocontent p {
	font-size: 80%;
	padding: 25px;
	line-height: 160%;
}

#artrightnav {
	padding: 10px;
	vertical-align: top;
}

#artrightnav a {
	color: #b51525;
	text-decoration: none;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}

#artrightnav a:hover {
	color: #666666;
}

#artrightnav h1 {
	font-size: 114%;
	color: #2e821e;
}

#artrightnav h2 {
	font-size: 114%;
	color: #67afe3;
}

#artrightnav h3 {
	font-size: 100%;
	color: #000000;
}

#artrightnav p {
	font-size: 80%;
}

#artrightnav blockquote {
	font-size: 80%;
	color: #666666;
}

/* viewer styles */

#viewertable {
	font-size: 80%;
	border: 1px solid #000000;
}

#viewertable h1 {
	font-size: 130%;
	padding: 5px;
}

#viewerheading {
}

#viewercenter {
	height: 380px;
	width: 380px;
	text-align: center;
	vertical-align: middle;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000000;
	border-bottom-color: #000000;
}

#viewercaption {
	width: 330px;
	padding: 3px;
}

.viewerarrow {
	vertical-align: top;
	padding: 5px;
}

.counter {
	text-align: center;
	vertical-align: middle;
}


/* content class styles */

.padboxcontent {
	padding: 15px;
}

.subheading {
	font-size: 80%;
	color: #f7952a;
}

.headingdivide {
	font-size: 100%;
	color: #FFFFFF;
}

.memorialname {
	font-size: 90%;
	color: #b51525;
}


.leftimage {
	margin-right: 10px;
	float: left;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0px;
}

.rightimage {
	margin-left: 10px;
	float: right;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
}

.centerimage {
    display: block;
	margin-left: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: auto;
}

.smallText {
	font-size: 70%;
	}

.clearit {
clear: both;
}

.flushright {
	text-align: right;
}

/* footer */

#footerleft {
	background-color: #002043;
	width: 150px;
}

#footerright {
	background-color: #002043;
	width: 200px;
}

#footercenter {
	background-color: #002043;
	width: 420px;
	color: #b51525;
	font-size: 70%;
}

#footercenter a {
	color: #FFFFFF;
	text-decoration: none;
}

#footercenter a:hover {
color: #67afe3;
}

#catlinkactive {
  color: #FFFFFF;
}