/* global styles */

body { margin:0px;}

img { outline:none; border:none;}

#menu { background-image:url(images/menuBG.jpg); height:285px; width:149px; padding:4px 6px; float:left;}
#menu dl { margin:0; padding-top:22px;}
#menu dt { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0; padding:9px 0; text-align:center; text-transform: uppercase; }
#menu dd { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0; padding:9px 0; text-align:center; text-transform: uppercase; }
#menu a:link,#menu a:active,#menu a:visited { text-decoration:none; color:#b49861;}
#menu a:hover { text-decoration:none; color:#fff;}

a { color:#8c5348; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
a:hover { color:#612815; }
a:active { color:#612815; }
#main1 { width:926px; background-color:#592515; margin:auto; margin-top:25px; padding:20px;}
.bg1 { background-image: url(images/MainBG.gif);}
.tributeCopy1 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:9px; color:#a25c51; text-transform:uppercase;}
.tributeCopy2 {font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px; color:#b59a63}

#footer{ width:926px; height:27px; background-color:#464646; text-align:right; padding:6px 0 0 0; margin:auto;}
#footer a, #footer img{ border:none;}
#footer2, #footer2 a{ width:926px; height:36px; color:#e2ce92; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:auto;}

a.adminButton:active, a.adminButton:visited, a.adminButton:link { font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; text-align:center; background-color:#a15d50; color:#000; display:block; width:130px;  padding:2px;margin:6px auto; }
a.adminButton:hover {color: #f0e0ad;}

/* landing page styles */

#main2 { width:100%; border:1px solid #321514; background-color:#efe0ac; padding:0; margin:0;}
#picNameAlbumContainer{ background-image:url(images/topBG.jpg); width:765px; height:293px; float:left; background-repeat:no-repeat;}
#pic { text-align:left; float:left; position:relative; top:34px; left:44px; width:200px;}
.picBorder {border:5px solid #fff;}
#memorialName { width:190px; font-family:Arial, Helvetica, sans-serif; color:#8c5448; float:left; position:relative; top:58px; left:70px;}
.memorialNameStyle1 { font-weight:bold; font-size:18px;}
.memorialNameStyle2 { font-size:12px; color:#000000;}

#album { width:230px; height:220px; float:left; position:relative; top:40px; left:125px;}

#albumHeader {font-size:0px; color:#c6a061; padding:5px 0; margin:4px; background-image:url(images/recentAlbumHeader.gif); background-repeat:no-repeat; background-position:center; height:50px;}
#albumDescription { text-align:center; color:#efe0ac; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#albumThumbnails { margin:5px 5px 0 15px;}
#albumThumbnail { width:60px; height:35px; float:left; border:1px solid #d0b98e; margin:2px 2px;}
#albumThumbnailHover { width:58px; height:33px; float:left; border:2px inset #000; margin:2px;}
#albumViewAll { height:25px; width:230px; float: left; color:#dfd6be; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-align:center;}

#bottomContentMain { width:100%; background-image:url(images/LeftColumnBG.gif); background-repeat:repeat-y; float:left}
#tributeBy { width:161px; float:left; text-align:center; background-image:url(images/tributeByBG.gif); background-repeat:no-repeat; padding-top:25px; margin-top:20px;}
#bioTimelineContainer { float:left; width:454px; padding:20px 20px 30px 30px;}
#bio { height:225px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000;}
#bioNav { text-align: right; font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:12px 0;}
.bioNavBtnOn { width:15px; height:18px; background-image:url(images/bioNavBtnOn.gif); background-repeat:no-repeat; text-align:center; cursor: pointer; display: inline; padding:3px 6px 9px 4px;}
.bioNavBtnOff {width:15px; height:18px; background-image:url(images/bioNavBtnOff.gif); background-repeat:no-repeat; text-align:center; cursor: pointer; display: inline; padding:3px 6px 9px 4px;}

#timeline { background-color:#af802e; background-image:url(images/timeLineSkin1.jpg); background-repeat:no-repeat; background-position:top center; width:475px;  height:203px; overflow:hidden;}
#timelineLeft { float:left; padding-left:50px; padding-top:12px; width:50%; height:32px;}
* html #timelineLeft { height:38px;}
#timelineLeft .name { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff1bf; font-weight:bold; }
#timelineLeft .date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#9c340e; font-weight:bold;}
#timelineRight { float:right; padding-top:12px; text-align:right; padding-right:20px;}
#timelineRight a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff1bf; font-style:italic; font-weight:bold;}
#timelineRight a:hover {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#954a20; font-style:italic; font-weight:bold;}

#shareMemory { float:left; margin:20px 0 0 10px; }
#shareMemoryHeader { background-image:url(images/shareMemoryHeader.gif); background-repeat:no-repeat; height:38px; width:227px;}
#shareMemoryFormContainer { width:227px;}
#shareMemoryFormContainer input, #shareMemoryFormContainer textarea { background-color:#fff; width:190px; margin-left:16px;}
#shareMemoryFormContainer .formLabel { padding:5px 0 5px 16px;}
#shareMemoryFormContainer .submitBtn { width:55px; border:1px solid #5b362b; background-color:#86453c; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#fff; text-align:center; padding:2px 12px; margin:5px 5px 0 70px; cursor:pointer;}
#shareMemoryForm1 { background-color:#d6a95b; color:#822c0c; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:none; position:absolute; width:227px;}
#shareMemoryForm2 { background-color:#d6a95b; color:#822c0c; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:none;position:absolute; width:227px;}
#shareMemoryList { background-color:#e5cf95; width:227px;}
#shareMemoryList .listIcon { float:left; padding:6px 6px 0 6px;}
#shareMemoryList .listItem { float:left; width:169px; padding:6px 0;}
#shareMemoryList .listItemName { color:#3a2d0b; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#shareMemoryList .listItemDate { color:#3a2d0b; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#shareMemoryList .listItemDetail { color:#3a2d0b; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.shareMemoryButton1on { height:25px; width:123px; background-image:url(images/OYCon.gif); float:left;}
.shareMemoryButton2on { height:25px; width:104px; background-image:url(images/LACon.gif); float:left;}
.shareMemoryButton1off { height:25px; width:123px; background-image:url(images/OYCoff.gif); float:left;}
.shareMemoryButton2off { height:25px; width:104px; background-image:url(images/LACoff.gif); float:left;}
#shareMemoryListViewAllContainer { background-color:#d4b268; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding:5px 0; color:#822c0c;}
.submitMessage {color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-align:center; background-color:#612815;}

/* subpages global styles */

#main2sub { width:100%; border:1px solid #2f1515; background-color:#efe0ac; padding:0; margin:0; background-image:url(images/LeftColumnBG.gif); background-repeat:repeat-y;}
#tributeBySub { width:161px; text-align:center; background-image:url(images/tributeByBG.gif); background-repeat:no-repeat; padding-top:25px; margin-top:20px; float:left;}
#picSub { width:200px; text-align:center; margin:10px;}
#memorialNameSub { width:177px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; margin:10px 0 0 15px; text-align:left; }
.memorialNameStyle1Sub { font-weight:bold; font-size:18px; color:#8c5348;}
.memorialNameStyle2Sub { font-size:12px; color:#000000}

#left{ float:left;}
#right{ float:left; width:765px;}

#BodyLeft { float:left; width:230px;}
#BodyRight { float:left; width:470px; padding:15px;} 

#breadcrumbs { margin:0 0 5px 0;}
#hiddenForm {background-color:#debc78; color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; display:none; position:absolute; padding:15px; margin-top:-16px;}

#actionBtnBar { padding:8px 5px 8px 245px;}
.actionBtn, .actionBtn a:link, .actionBtn a:active, .actionBtn a:hover, .actionBtn a:visited  {width:55px; border:1px solid #f0e0ad; background-color:#b98637; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; color:#fff; text-align:center; padding:2px 12px; margin:0 5px; cursor:pointer;}
.instructionCopy { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
#subPageHeader { background-color:#debc78; height:102px; padding:0; margin:0;  }

/* memory album styles */
#viewAlbumHeaderImage { background-image:url(images/albumHeader.jpg); background-repeat:no-repeat; height:74px; width:765px;}
#viewAlbumMainContent { margin-left:200px; float:left;}
#albumThumbs { float:left; margin-top:10px;}
#BodyLeft { float:left;}
#albumThumb { float:left; width:110px; height:160px; margin:8px; border:1px solid #ddbc77; padding:5px; text-align:center;}
.albumName { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#8c5348; text-decoration:underline; font-weight:bold;}
.albumDescription { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; text-decoration:none;}

/* album resource list */
.resourseName {color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; margin-bottom:5px;}
.resourseDescription {color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; display:block; background-color:#fff; padding:10px; margin-bottom:10px;}
.commentAuthor, .timeline-event-bubble-title {color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
.commentDate, .timeline-event-bubble-time {color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
.comment, .timeline-event-bubble-body {color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* condolences styles */
#condolencesHeaderImage { background-image: url(images/CondolencesHeader.jpg); background-repeat:no-repeat; height:74px; width:765px;}
#condolences { margin:15px 0; float:left;}
#condolences .listIcon { float:left; padding:6px 6px 0 6px;}
#condolences .listItem { float:left; width:429px; padding:6px 0;}
#condolences .listItemName { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#condolences .listItemDate { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#condolences .listItemDetail { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* light a candle styles */
#lightCandleHeaderImage { background-image: url(images/LightCandleHeader.jpg); background-repeat:no-repeat;height:74px; width:765px;}
#lightAcandle {margin:15px 0; float:left; }
#lightAcandle .listIcon { float:left; padding:10px 6px 0 20px;}
#lightAcandle .listItem { float:left; width:170px; padding:10px 0; }
#lightAcandle .listItemName { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#lightAcandle .listItemDate { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#lightAcandle .listItemDetail { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* send to a friend styles */
#send2aFriendHeaderImage{ background-image: url(images/Send2aFriendHeader.jpg); background-repeat:no-repeat;height:74px; width:765px;}
#sendToAFreind { margin:15px 0 0 35px; float:left; width:400px;}
#sendToAFreind .formLabel {color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; padding:5px 0;}
#sendToAFreind input { background-color:#fff; width:190px;}
#sendToAFreind textarea { background-color:#fff; width:390px;}

/* friends and family styles */
#friendsFamilyHeaderImage{ background-image: url(images/FriendsFamilyHeader.jpg); background-repeat:no-repeat;height:74px; width:765px;}
#friendsFamily {margin:15px 0; float:left; }
#friendsFamily .listIcon { float:left; padding:10px 6px 0 20px;}
#friendsFamily .listItem { float:left; width:180px; padding:10px 0; }
#friendsFamily .listItemName { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;}
#friendsFamily .listItemDate { color:#8c5348; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
#friendsFamily .listItemDetail { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* timeline styles */
#timelineHeaderImage{ background-image: url(images/TimelineHeader.jpg); background-repeat:no-repeat;height:74px; width:765px;}