body                { font-family: Verdana, Arial, serif, sans-serif; font-size: 12px; margin: 0px; background-color: #E4E4E4; }





a:link, a:visited {  color: #0000ff; text-decoration: none; }


a:hover, a:active {  color: #FF6633; text-decoration: none; }


h1 { font: 14px Verdana,Arial,sans-serif; color: #FF6633; font-weight: bold; }


h2, h3 { font: 14px Verdana,Arial,sans-serif; color: #FF6633; font-weight: bold; }





#header { width: 100%; height: auto; background: #3399CC;}


#logo a img{ border:none;}


a img {border:none;}


#headerc { height: 5px; background: #FF6633; }


#mainbody { padding: 8px; font-size: 12px; font-family: Verdana, Arial; }





blockquote { background: #ffffff; margin-top:2px; margin-left:15px; padding: 5px; font-family: Verdana, Arial, serif, sans-serif; font-size: 11px; border: 1px solid #cccccc; }





.quotebox{ background-color: #ececec; width: 650px; padding: 10px; }


.quotefooter{ background: url(images/arrow.gif) 20px -7px no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/ padding-left: 58px; padding-top: 1px; margin-bottom: 2em; font-size: 90%; color: #4A4A4A; }





.shiftbox{


position: relative;


left: 5px; /*Number should match -left shadow depth below*/


top: 5px; /*Number should match -top shadow depth below*/


}





.shadowbox{


width: 300px; /* box width*/


background-color: #d1cfd0;


}





.shadowbox .innerdiv{


/* Add box height here if desired */


background-color: white;


border: 1px solid gray;


padding: 6px;


position: relative;


left: -5px; /*shadow depth*/


top: -5px; /*shadow depth*/


}





.shiftbox2{


position: relative;


left: 5px; /*Number should match -left shadow depth below*/


top: 5px; /*Number should match -top shadow depth below*/


}





.shadowbox2{


width: 615px; /* box width*/


background-color: #d1cfd0;


}





.shadowbox2 .innerdiv2{


/* Add box height here if desired */


background-color: #DAE6F9;


border: 1px solid #3399CC;


padding: 6px;


position: relative;


left: -5px; /*shadow depth*/


top: -5px; /*shadow depth*/


}








.shiftbox3{


position: relative;


left: 5px; /*Number should match -left shadow depth below*/


top: 5px; /*Number should match -top shadow depth below*/


}





.shadowbox3{


width: 615px; /* box width*/


background-color: #d1cfd0;


}





.shadowbox3 .innerdiv3{


/* Add box height here if desired */


background-color: #fcc573;


border: 1px solid #FF6633;


padding: 6px;


position: relative;


left: -5px; /*shadow depth*/


top: -5px; /*shadow depth*/


}





.shiftbox4{


position: relative;


left: 5px; /*Number should match -left shadow depth below*/


top: 5px; /*Number should match -top shadow depth below*/


}





.shadowbox4{


width: 615px; /* box width*/


background-color: #d1cfd0;


}





.shadowbox4 .innerdiv4{


/* Add box height here if desired */


background-color: #8cc36f;


border: 1px solid black;


padding: 6px;


position: relative;


left: -5px; /*shadow depth*/


top: -5px; /*shadow depth*/


}


.shiftbox5{


position: relative;


left: 5px; /*Number should match -left shadow depth below*/


top: 5px; /*Number should match -top shadow depth below*/


}





.shadowbox5{


width: 615px; /* box width*/


background-color: #d1cfd0;


}





.shadowbox5 .innerdiv5{


/* Add box height here if desired */


background-color: #FFFFFF;


border: 1px solid gray;


padding: 6px;


position: relative;


left: -5px; /*shadow depth*/


top: -5px; /*shadow depth*/


}











.author { display: inline; font-size: 10px; color: #000000; font-style: italic; margin: auto 0.2em; }


.quotelinks { display: inline; font-size: 13px; color: #000000; font-style: normal; margin: auto 0.2em; }


.copyright { display: inline; font-size: 10px; color: #000000; font-style: normal; margin: auto 0.2em; }





.quote { display: inline; font-size: 12px; color: #000000; font-style: normal; margin: auto 0.2em; }


.quotes { display: inline; font-size: 13px; color: #000000; font-style: normal; margin: auto 0.2em; }


.quotes12 { display: inline; font-size: 12px; color: #000000; font-style: normal; margin: auto 0.2em; }


.bibleverse { display: inline; font-size: 12px; color: #000000; font-style: normal; margin: auto 0.2em; }


.bibleversetopic { display: inline; font-size: 10px; color: #000000; font-style: italic; margin: auto 0.2em; }








.buttonmenu { list-style-type: none; margin: 0; padding: 0; width: 180px; }


.buttonmenu2 { list-style-type: none; margin: 0; padding: 0; width: 180px; }


.buttonmenu3 { list-style-type: none; margin: 0; padding: 0; width: 180px; }


.buttonmenu li a { color: #0000FF; display: block; width: 100%; padding: 2px 4px; text-decoration: none; border: 1px solid; border-color:#D5BFD0 #3399CC #3399CC #D5BFD0; /*light dark dark light*/ background-color: #E4E4E4; text-decoration:none; }


.buttonmenu2 li a { color: #0000FF; display: block; width: 100%; padding: 2px 4px; text-decoration: none; border: 1px solid; border-color:#D5BFD0 #3399CC #3399CC #D5BFD0; /*light dark dark light*/ background-color: #DAE6F9; text-decoration:none; }


.buttonmenu3 li a { color: #0000FF; display: block; width: 100%; padding: 2px 4px; text-decoration: none; border: 1px solid; border-color:#D5BFD0 #3399CC #3399CC #D5BFD0; /*light dark dark light*/ background-color: #CFCFCF; text-decoration:none; }


.buttonmenu li a:visited { color: #0000FF; }


.buttonmenu2 li a:visited { color: #0000FF; }


.buttonmenu3 li a:visited { color: #0000FF; }


.buttonmenu li a:hover, .buttonmenu li a:active { color: black; background-color: #90bade; }


.buttonmenu2 li a:hover, .buttonmenu li a:active { color: black; background-color: #90bade; }


.buttonmenu3 li a:hover, .buttonmenu li a:active { color: black; background-color: #90bade; }