body {
	width:775px;
	background-color:#36606C;
	font-size:100%;
	margin:0px auto 0px auto;
	font-family:"Trebuchet MS", Verdana, Arial;
	background-image:url(../images/tropicalblue/bg.jpg);
}

#TopBar {
	background-image:url(../images/tropicalblue/TopBar.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	width:775px;
	height:29px;
}

#Header {
	background-image:url(../images/tropicalblue/Header.jpg);
	background-position:center;
	background-repeat:no-repeat;
	width:755px;
	height:57px;
	text-align:right;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	padding:50px 20px 0px 0px;
	color:#FFF;
}

#MainDiv {
	background-image:url(../images/tropicalblue/MainBG2.gif);
	background-repeat:repeat-y;
	background-position:center;
	padding:0px 10px 0px 11px;
	width:754px;
}

#TopNavDiv {
	background-image:url(../images/tropicalblue/TopNavDiv.gif);
	background-position:center;
	background-repeat:no-repeat;
	height:32px;
	width:630px;
	padding:0px 0px 0px 145px;
}

#TopNavDiv .outer {
	float: left;
	height:32px;
	}

#TopNavDiv .outer span {
	display: none;
	margin:0px; 
	padding:0px;
	}

#TopNavDiv .outer a {
	display: block;
	margin: 0; padding:0;
	height:32px;
	overflow:hidden;
	text-decoration:none;
	}

/* Top Nav Buttons  */
#TopNavDiv .outer a.About {background: url(../images/TopNavAbout.jpg) top left no-repeat; width:63px}
#TopNavDiv .outer a.About:hover {background:url(../images/TopNavAbout.jpg) -63px; width:63px}
#TopNavDiv .outer a.About:active {	background:url(../images/TopNavAbout.jpg) -63px; width:63px}

#TopNavDiv .outer a.Tributes {background: url(../images/TopNavTributes.jpg) top left no-repeat; width:173px}
#TopNavDiv .outer a.Tributes:hover {background:url(../images/TopNavTributes.jpg) -173px; width:173px}
#TopNavDiv .outer a.Tributes:active {	background:url(../images/TopNavTributes.jpg) -173px; width:173px}

#TopNavDiv .outer a.Gallery {background: url(../images/TopNavGallery.jpg) top left no-repeat; width:63px}
#TopNavDiv .outer a.Gallery:hover {background:url(../images/TopNavGallery.jpg) -63px; width:63px}
#TopNavDiv .outer a.Gallery:active {	background:url(../images/TopNavGallery.jpg) -63px; width:63px}

#TopNavDiv .outer a.Candles {background: url(../images/TopNavCandles.jpg) top left no-repeat; width:136px}
#TopNavDiv .outer a.Candles:hover {background:url(../images/TopNavCandles.jpg) -136px; width:136px}
#TopNavDiv .outer a.Candles:active {	background:url(../images/TopNavCandles.jpg) -136px; width:136px}

#TopNavDiv .outer a.Contact {background: url(../images/TopNavContact.jpg) top left no-repeat; width:121px}
#TopNavDiv .outer a.Contact:hover {background:url(../images/TopNavContact.jpg) -121px; width:121px}
#TopNavDiv .outer a.Contact:active {background:url(../images/TopNavContact.jpg) -121px; width:121px}

#TopNavDiv .outer a.Edit {background: url(../images/TopNavEdit.jpg) top left no-repeat; width:63px}
#TopNavDiv .outer a.Edit:hover {background:url(../images/TopNavEdit.jpg) -63px; width:63px}
#TopNavDiv .outer a.Edit:active {background:url(../images/TopNavEdit.jpg) -63px; width:63px}

/* Left Navigation Classes  */
#NavDiv {
	padding:0px 0px 47px 1px;
	width:134px;
	float:left;
	background-image:url(../images/tropicalblue/Nav_Footer.gif);
	background-position:bottom 1;
	background-repeat:no-repeat;
}

#NavDiv .outer {
	float:left;
	width:134px; 
	}

#NavDiv .outer span {
	display: none;
	margin:0px; 
	padding:0px;
	}

#NavDiv .outer a {
	display: block;
	margin:0px; padding:0px;
	width:134px; 
	overflow:hidden;
	text-decoration:none;
	}

#NavDiv .outer a.Home {background: url(../images/tropicalblue/Home.gif) top left no-repeat; height:55px;}
#NavDiv .outer a.Home:hover {background:url(../images/tropicalblue/Home.gif) -135px; height:55px}
#NavDiv .outer a.Home:active {	background:url(../images/tropicalblue/Home.gif) -135px; height:55px}

#NavDiv .outer a.Features {background: url(../images/tropicalblue/Memorial_features.gif) top left no-repeat; height:24px}
#NavDiv .outer a.Features:hover {background:url(../images/tropicalblue/Memorial_features.gif) -135px; height:24px}
#NavDiv .outer a.Features:active {	background:url(../images/tropicalblue/Memorial_features.gif) -135px; height:24px}

#NavDiv .outer a.Create {background: url(../images/tropicalblue/Create_Memorial.gif) top left no-repeat; height:25px}
#NavDiv .outer a.Create:hover {background:url(../images/tropicalblue/Create_Memorial.gif) -135px; height:25px}
#NavDiv .outer a.Create:active {	background:url(../images/tropicalblue/Create_Memorial.gif) -135px; height:25px}

#NavDiv .outer a.Browse {background: url(../images/tropicalblue/Browse_Memorial.gif) top left no-repeat; height:31px}
#NavDiv .outer a.Browse:hover {background:url(../images/tropicalblue/Browse_Memorial.gif) -135px; height:31px}
#NavDiv .outer a.Browse:active {	background:url(../images/tropicalblue/Browse_Memorial.gif) -135px; height:31px}

#NavDiv .outer a.Login {background: url(../images/tropicalblue/Member_login.gif) top left no-repeat; height:28px}
#NavDiv .outer a.Login:hover {background:url(../images/tropicalblue/Member_login.gif) -135px; height:28px}
#NavDiv .outer a.Login:active {	background:url(../images/tropicalblue/Member_login.gif) -135px; height:28px}

#NavDiv .outer a.Logout {background: url(../images/tropicalblue/Member_logout.gif) top left no-repeat; height:28px}
#NavDiv .outer a.Logout:hover {background:url(../images/tropicalblue/Member_logout.gif) -135px; height:28px}
#NavDiv .outer a.Logout:active {	background:url(../images/tropicalblue/Member_logout.gif) -135px; height:28px}

#NavDiv .outer a.Forum {background: url(../images/tropicalblue/Forum.gif) top left no-repeat; height:25px}
#NavDiv .outer a.Forum:hover {background:url(../images/tropicalblue/Forum.gif) -135px; height:25px}
#NavDiv .outer a.Forum:active {	background:url(../images/tropicalblue/Forum.gif) -135px; height:25px}

#NavDiv .outer a.FAQ {background: url(../images/tropicalblue/FAQ.gif) top left no-repeat; height:23px}
#NavDiv .outer a.FAQ:hover {background:url(../images/tropicalblue/FAQ.gif) -135px; height:23px}
#NavDiv .outer a.FAQ:active {	background:url(../images/tropicalblue/FAQ.gif) -135px; height:23px}

#NavDiv .outer a.Links {background: url(../images/tropicalblue/Helpful_Links.gif) top left no-repeat; height:26px}
#NavDiv .outer a.Links:hover {background:url(../images/tropicalblue/Helpful_Links.gif) -135px; height:26px}
#NavDiv .outer a.Links:active {	background:url(../images/tropicalblue/Helpful_Links.gif) -135px; height:26px}

#NavDiv .outer a.About {background: url(../images/tropicalblue/About_us.gif) top left no-repeat; height:23px}
#NavDiv .outer a.About:hover {background:url(../images/tropicalblue/About_us.gif) -135px; height:23px}
#NavDiv .outer a.About:active {	background:url(../images/tropicalblue/About_us.gif) -135px; height:23px}

#NavDiv .outer a.Contact {background: url(../images/tropicalblue/Contact_us.gif) top left no-repeat; height:23px}
#NavDiv .outer a.Contact:hover {background:url(../images/tropicalblue/Contact_us.gif) -135px; height:23px}
#NavDiv .outer a.Contact:active {	background:url(../images/tropicalblue/Contact_us.gif) -135px; height:23px}

#NavDiv .outer a.Forums {background: url(../images/tropicalblue/ForumBtn.jpg) top left no-repeat; height:47px}
#NavDiv .outer a.Forums:hover {background:url(../images/tropicalblue/ForumBtn.jpg) -135px; height:47px}
#NavDiv .outer a.Forums:active {	background:url(../images/tropicalblue/ForumBtn.jpg) -135px; height:47px}

.SearchBox {
	width:134px;
	height:86px;
	background-image:url(../images/tropicalblue/search_0001_tropicalB.jpg);
	background-repeat:repeat-y;
	text-align:center;
	padding:30px 0px 15px 0px;
	clear:left;
}

.SearchBox .AndOr {
	margin:0px;
	padding-bottom:13px;
}

.SearchBox .TextBox {
	width:111px;
	font-family:"Trebuchet MS", Verdana, Arial;
	border:1px solid #101010;
	color:#101010;
	background-color:#E9EADE;
	font-size:11px;
}

.SearchBtn {
	text-align:right;
	padding:5px 10px 0px 0px;
}

/* Main Content */
#MainDiv #ContentDiv {
	width:403px;
	background-image:url(../images/CentreColumnBG.jpg);
	background-repeat:repeat-x;
	background-position:top;
	color:#1B1B1B;
	font-size:80%;
	padding:13px 10px 100px 20px;
	float:left;
	background-color:#FFFFFF
}

h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#756E00;
	font-size:120%;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#756E00;
	font-size:100%;
	color:#756E00;
}

h3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#756E00;
	font-size:90%;
	color:#756E00;
}

.ImageShadow {
	padding:0px 0px 10px 13px;
	background-image:url(../images/tropicalblue/ShadowBG.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	float:right;
}

.ImageBorder {
	padding:4px;
	background-color:#FFFFFF;
	border:1px solid #D9D6D6;
}

#RightColumnDiv {
	width:182px;
	float:right;
}

#RightColumnDiv .Creator {
	color:#FFF;
	font-size:75%;
	text-align:center;
	padding:8px 20px 0px 20px;
	width:142px;
}

#RightColumnDiv .AudioHeader {
	background-image:url(../images/tropicalblue/AudioHeader.jpg);
	background-position:top;
	background-repeat:no-repeat;
	width:182px;
	height:29px;
}

#RightColumnDiv .AudioBG {
	background-image:url(../images/tropicalblue/AudioBG.jpg);
	background-repeat:repeat-y;
	width:162px;
	height:83px;
	padding:40px 10px 0px 10px;
	font-size:80%;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#RightColumnDiv .AudioFooter {
	background-image:url(../images/tropicalblue/AudioFooter.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width:182px;
	height:20px;
}

#RightColumnDiv .Candles {
	width:137px;
	border:1px solid #707F90;
	padding:10px;
	margin:0px auto 10px auto;
	background-color:#DEF26D;
	font-size:80%;
	background-image:url(../images/TropicalBlue/tributes.gif);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:31px;
	color:#333333;
}

#RightColumnDiv .Candles a {
	color:#333333
}

#RightColumnDiv .LeftCandle {
	background-image:url(../images/Candle.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:20px;
	padding:5px;
}

#RightColumnDiv .RightCandle {
	width:105px;
	color:#1B1B1B;
	font-size:70%;
	padding:10px 0px 10px 0px;
	font-weight:bold;
}

#RightColumnDiv .Share {
	background-image:url(../images/tropicalblue/ShareHeader.gif);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#DEF26D;
	text-align:center;
	border:1px solid #707F90;
	width:157px;
	margin:0px auto 0px auto;
	padding:40px 0px 10px 0px;
}

#RightColumnDiv .Share .TextBox {
	width:125px;
	font-family:"Trebuchet MS", Verdana, Arial;
	border:1px solid #101010;
	color:#101010;
	background-color:#E9EADE;
	text-align:center;
	font-size:11px;
	margin-bottom:10px;
}	

#RightColumnDiv .Share h1 {
	font-family:"Trebuchet MS", Verdana, Arial;
	font-size:90%;
}

#BottomBar {
	background-image:url(../images/tropicalblue/footer_tropicalb.gif);
	background-repeat:no-repeat;
	background-position:top;
	width:775px;
	height:71px;
}

/* Miscellaneous Classes */
.TextPadding {
	padding:10px 10px 20px 10px;
}

.Instruction {
	font-weight:normal;
	clear:both;
	padding:5px 0px 5px 0px;
	font-size:85%;
	color:#999999
}

li {
	color:#550000;
	list-style-image:url(../images/listitmage.gif);
	font-size:85%;
}

.Pager {
	font-weight:bold;
	text-align:center;
}

.PageTable {
	text-align:center;
	width:100%;
	clear:both;
	padding: 10px 0px 10px 0px;
}

.ValSum {
	width:80%;
	font-size:70%;
	clear:both;
}

.FloatClear {
	clear:both;
	height:10px;
}

.TextBox {
	width:150px;
	font-family:"Trebuchet MS", Verdana, Arial;
	border:1px solid #101010;
	color:#101010;
	background-color:#E9EADE;
	font-size:11px;
}

.TextBoxError {
	width:150px;
	font-family:"Trebuchet MS", Verdana, Arial;
	border:1px solid #101010;
	color:#101010;
	background-color:#D4CA6D;
	font-size:11px;
}

.LeftHeader {
	width:200px;
	font-weight:bold;
	float:left;
	font-size:90%;
}

.RightHeader {
	font-weight:bold;
	float:left;
}

.LeftFloat {
	float:left;
}

.RightFloat {
	float:right;
}

#CreateDiv {
	display:none;
}

.ImageButton {
	clear:both;
	text-align:right;
	padding:10px 0px 10px 0px;
}

a {
	color:#607080;
	text-decoration:underline;
}

a:hover, a:active {
	color:#8B9BAF;
	text-decoration:none;
}

.redtext {
	color:#FF0000
}

.Instruction {
	font-weight:normal;
}

.DropYear {
	font-family:"Trebuchet MS", Verdana, Arial;
	width:57px;
	border:1px solid #101010;
	color:#101010;
	background-color:#D4CA6D;
	font-size:11px;
}

.DropMonth {
	font-family:"Trebuchet MS", Verdana, Arial;
	width:93px;
	border:1px solid #101010;
	color:#101010;
	background-color:#D4CA6D;
	font-size:11px;
}

.DropDay {
	font-family:"Trebuchet MS", Verdana, Arial;
	width:43px;
	border:1px solid #101010;
	color:#101010;
	background-color:#D4CA6D;
	font-size:11px;
}

.Message {
	font-weight:bold;
	color:#993300;
	text-align:center;
}

.DisplayNone {
	display:none;
}

/* Good Kid Div */
.Footer {
	width:693px;
	padding:5px 40px 20px 40px;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
}

.Footer a {
	color:#FFF; 
	text-decoration: none
}

.Footer a:hover {
	color:#FFF; 
	text-decoration:underline
}

.Footer a:active {
	color:#FFF; 
	text-decoration:underline
}

.GoodDiv {
	width:745px;
	font-size:70%;
	clear:both;
	text-align:right;
	padding:5px 0px 20px 0px;
}

.SearchBtn2 {
	text-align:right;
	padding:0px;
	margin-right:14px;
}

.SmallText {
	font-size:80%;
}

A.TextLink  {font-family: Verdana, Arial, Helvetica, sans-serif; color:#000; text-decoration:none} 
A.TextLink:visited {font-family: Verdana, Arial, Helvetica, sans-serif;color:#000; text-decoration:none}
A.TextLink:hover {font-family: Verdana, Arial, Helvetica, sans-serif; color:#DEF26D; text-decoration:underline} 
A.TextLink:active {font-family: Verdana, Arial, Helvetica, sans-serif; color:#DEF26D; text-decoration:underline} 

A.goodlink{font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: underline; text-align:right} 
A.goodlink:visited{font-family: Verdana, Arial, Helvetica, sans-serif;color:#FFFFFF; text-decoration: underline; text-align:right}
A.goodlink:hover{font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: none; text-align:right} 
A.goodlink:active{font-family: Verdana, Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration: underline; text-align:right} 
