body {
 margin:0; padding:0; border:0;
 font: 12pt Arial, sans-serif;
 background-color: #DDDDDD; /* Previously #35496B */
}

td { background-repeat: no-repeat; }
pre { font: 12pt Arial, sans-serif; }

/* ANCHORS */

a:link, a:visited { color: #369; text-decoration: none; }
a:hover, a:active { color: #369; text-decoration: underline; }

/*
a[href^="http:"]   { padding-right:18px; background: transparent url(../img/exlink.gif) no-repeat center right; }
a[href^="mailto:"] { padding-right:18px; background: transparent url(../img/mailto.gif) no-repeat center right; }
a.imgLink, .footerText a { padding-right:0px; } /* Hyperlinked images should not show icon 
*/

.footerText a { color: #808080; font-size: 8pt; text-decoration: underline; }

div.newheader a { color: #FFF; text-decoration: underline; }

optgroup { color: #369; font-style:normal; font-weight:bold; }

/**
 ** MENU 
 ** (shadetabs and dropmenudiv)
**/

.hymnSearchResult { margin:10px; }
div.featuredHymn a { color: #81b73b; }
div.purpleHymn a { color: #909; }
div.hymnSearchResult a { text-decoration: none; }
div.hymnSearchResult a:hover { text-decoration: underline; }
div.newheader { width:750px; height:50px; text-align:right; color:#41586E; font-weight:bold; }

div.conttabs { margin-bottom: 1em; color: #FFF; }

div.conttabs ul {
 margin: 1px 0px 0px 0px; padding: 3px 0;
 font: 8pt Arial, sans-serif; text-align: left;
 list-style-type: none;
}

div.conttabs li { margin:0; display: inline; }

div.conttabs li a {
 color: #FFF; text-decoration: none;
 padding: 3px 7px; margin-right: 3px;
 background: #9CF url(../img/shade_new.JPG) repeat-x top left;
}

div.conttabs li a:hover { text-decoration: none; }


div.dropmenudiv {
 visibility: hidden; background-color: #FFF;
 position: absolute; top: 0; z-index: 100; width: 175px; 
 line-height: 18px; font: 8pt Arial, sans-serif;
 border-width: 0 1px; border-style: solid; border-color: #918D8D;
}

div.dropmenudiv a {
 display: block; width: auto; padding: 2px 0;
 text-decoration: none; text-indent: 3px; font-weight: normal;
 color: #000; border-bottom: solid 1px #918D8D;
}

div.dropmenudiv a:hover { background-color: #DEE6F0; }

* html div.dropmenudiv a { width:100%; } /* Internet Explorer hack */

/**
 ** CLASSES
**/
.romanNormal { font: 12pt Arial, sans-serif; }
.romanHeader { font: 14pt Arial, sans-serif; }

.searchText, .footerText, .prodlist, .prodlistheader, .prodtitletext, .prodheader, .proddesc { text-decoration: none; }
.searchText, .footerText, .prodlist { font-size: 10pt; }
.prodlistheader, .prodtitletext { font-size: 14pt; }

.searchText     { color: #FFF; }
.footerText     { color: #808080; }
.prodlist       { color: #000; }
.prodlistheader { color: #000; }
.prodtitletext  { color: #369; }
.proddesc       { color: #369; }
.prodheader     { color: #600; font-size:12pt; }

/* FOLLOWING BELIEVED TO BE DEPRICATED
.headerLink a:link { color: #000000; font-size: 8pt; text-decoration: underline; }
.headerLink a:visited { color: #000000; font-size: 8pt; text-decoration: underline; }
.headerLink a:active { color: #000000; font-size: 8pt; text-decoration: underline; }
.headerLink a:hover { color: #FF0000; font-size: 8pt; text-decoration: underline; }
*/


div#allContent { 
 background-color: #FFFFFF; width: 1024px; 
 margin:0pt auto; border:solid 3px #1c3c66;
}

div#homeContent { 
 background-color: #EBE6D3; width: 1024px; 
 margin:0pt auto; border:solid 3px #1c3c66;
}


div#masthead { 
 background: transparent url(../img/layout/newbanner.jpg) no-repeat;
 height: 120px; width: 1024px;
}

div#searchContainer { width:1054px; height:40px; } /* I wish I had a better way to do this */

div#search {
 width:330px; height:40px; float:right; 
 background: transparent url(../img/searchbg_new.JPG) no-repeat;
 font-style:italic; font-weight:bold; color: #FFF;
}

table.wishlist { margin:0 auto; text-align:left; width:95%; border: solid 1px #000; }
table.wishlist th { text-align: center; background-color: #b3cbff; border: solid 1px #000; }

.widget{
	background: url(../img/fb_background.jpg) no-repeat top center;
}

form#cpForm input, form#cpForm select { margin-bottom: 15px; color: #369; }
form#cpForm input[type=submit] { color: #000; }
form#cpForm label { font-weight: bold; }
ul.cpList { list-style-type:none; margin-left:0; padding-left:0; }
ul.cpList li { /*margin: 15px;*/ display: inline; }
ul.cpList li a { background-color: #369; color: #FFF; padding: 5px; border:solid 1px #000; }
ul.cpList li a:hover { background-color: #B3CBFF; color: #000; text-decoration: none; }

.footer { width: auto; float: center; border-right: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; background-color: #234D85; padding: 0 0 0 40px; }
.footer a { border:none; }
.footer ul { width: 230px; float:left; padding: 0; margin: 15px 0 30px 0; padding: 15px 0 0 0; color:#aaa; font-size:12px}
.footer ul li { float:left; width:100%; list-style:none; }
.footer ul li a { font-size:12px; color:#aaa; text-decoration:none; padding: 4px 0 4px 0; display:block; }
.footer ul li a:hover { background:url(../img/nav_hover.png) 0 0 repeat; color:#FFF; }
.footer ul li a.sub { font-size:10px; color:#aaa; padding: 2px 0 2px 30px; }
.footer ul li a.sub:hover { color:#fff; }
.footer ul li.addr { font-size:12px; line-height: 16px; color: #bbb; padding: 0 0 0 30px; margin: 0 0 0 30px; border-left: solid 1px #aaa; }
.footer ul li.addr strong { color:#ccc; text-transform:uppercase; }