@charset "UTF-8";
/* CSS Document */

html, body {
     margin:0px;
     padding:0px;
     min-width:800px;
     background-color: #250b00;
     font: 12px/20px Geneva, Arial, Helvetica, sans-serif;
     color: #492E23;
}
a:link {
     color: #8D140C;
     text-decoration: none;
}
a:visited {
     text-decoration: none;
     color: #8D140C;
}
a:hover {
     text-decoration: underline;
     color: #8D140C;
}
a:active {
     text-decoration: none;
     color: #8D140C;
}

/* ---------- Center the Page ---------- */
#wrap {
     margin:0 auto;
     width:800px;
     background: #840E06;
}

/* ---------- Navigation Top ---------- */
#NavTop {
     background: url(library_CSS/nav_hz_bkg.gif) repeat-x;
     margin: 0px;
     padding: 0px;
     width: 800px;
     font: 17px/50px "Times New Roman", Times, serif;
     color: #FFE5CA;
     text-align: center;
}
#NavTop a:link {
	color: #FFE5CA;
	text-decoration: none;
	border-width: 0px;
}

#NavTop a:visited {
	text-decoration: none;
	color: #FFE5CA;
   border-width: 0px;   
}

#NavTop a:hover {
	text-decoration: underline;
	color: #FFE5CA;
	border-width: 0px;
}

#NavTop a:active {
 	text-decoration: none;
 	color: #FFE5CA;
 	border-width: 0px;
}

#NavTop ul{
    margin:0;
    padding:0;
    list-style:none;
}

#NavTop li{
 	display:inline;
 	margin:0;
 	padding:0;
}

/* ---------- Side Bar ---------- */
#sidebar {
     margin:0;
     padding:0;
     width:250px;
     float:left;
     background: #84OEO6;
}

/* ---------- Logo ---------- */
#logo
 {
     background: url(library_CSS/logo.jpg) no-repeat;
     margin: 0px;
     padding: 0px;
     height: 150px;
     width: 250px;
}

/* ---------- Navigation Side Bar ---------- */
#navSide {
     background: url(library_CSS/subNavBkg.jpg) no-repeat;
     margin: 0px;
     padding: 0px;
     height: 190px;
     width: 250px;
     color: #FFE5CA;
     font-size: 14px;
     line-height: 22px;
}
#navSide a:link {
	color: #FFE5CA;
	text-decoration: none;
	border-width: 0px;
}

#navSide a:visited {
	text-decoration: none;
	color: #FFE5CA;
   border-width: 0px;   
}

#navSide a:hover {
	text-decoration: underline;
	color: #FFE5CA;
	border-width: 0px;
}

#navSide a:active {
 	text-decoration: none;
 	color: #FFE5CA;
 	border-width: 0px;
}

#navSide ul{
     margin:0;
     padding:0;
}

#navSide li{
     margin:0 0 0 25px;
     padding:0;
     list-style: none;
}


/* ----------  Side Bar Content ---------- */
#sideContentWayne {
     margin: 0px 10px;
     padding: 10px;
     width: 210px;
     background: #690903;
     border-bottom: 1px solid #9A1107;
     font: 13px/20px Arial, Helvetica, sans-serif;
     color: #FFE5CA;
     height: 82px;
}

#sideContentWayne img {
     display: inline;
     float: left;
}

#sideContentWayne a:link {
	color: #FFE5CA;
	text-decoration: none;
	border-width: 0px;
}

#sideContentWayne a:visited {
	text-decoration: none;
	color: #FFE5CA;
   border-width: 0px;   
}

#sideContentWayne a:hover {
	text-decoration: underline;
	color: #FFE5CA;
	border-width: 0px;
}

#sideContentWayne a:active {
 	text-decoration: none;
 	color: #FFE5CA;
 	border-width: 0px;
}

#sideContentWayne ul{
     margin:0;
     padding:0;
}

#sideContentWayne li{
     margin:0 0 0 75px;
     padding:0;
     list-style: none;
}





#sideContentJoin {
     margin: 0px 10px;
     padding: 10px 10px 30px;
     width: 210px;
     background: #690903;
     border-bottom: 1px solid #9A1107;
     font: 13px/20px Arial, Helvetica, sans-serif;
     color: #FFE5CA;
}

#sideContentJoin img {
     display: inline;
     float: left;
}
#sideContentJoin a:link {
     color: #FFE5CA;
     text-decoration: none;
     border-width: 0px;
}

#sideContentJoin a:visited {
     text-decoration: none;
     color: #FFE5CA;
     border-width: 0px;
}

#sideContentJoin a:hover {
     text-decoration: underline;
     color: #FFE5CA;
     border-width: 0px;
}

#sideContentJoin a:active {
     text-decoration: none;
     color: #FFE5CA;
     border-width: 0px;
}





#sideContentMenu {
     margin: 0px 10px;
     padding: 10px;
     width: 210px;
     background: #690903;
     border-bottom: 1px solid #9A1107;
     font: 13px/20px Arial, Helvetica, sans-serif;
     color: #FFE5CA;
}

#sideContentMenu ul {
     margin:0;
     padding:0;
}

#sideContentMenu li {
     margin:0 0 0 10px;
     padding:0;
     list-style: none;
}

#sideContentMenu a:link {
     color: #FFE5CA;
     text-decoration: none;
     border-width: 0px;
}

#sideContentMenu a:visited {
     text-decoration: none;
     color: #FFE5CA;
     border-width: 0px;
}

#sideContentMenu a:hover {
     text-decoration: underline;
     color: #FFE5CA;
     border-width: 0px;
}

#sideContentMenu a:active {
     text-decoration: none;
     color: #FFE5CA;
     border-width: 0px;
}


/* ---------- Content ---------- */
#content {
     margin:0;
     padding:0px;
     width:550px;
     float:right;
     background: #E9C39B;
}

#text {
     margin-right: 10px;
     margin-left: 10px;
     background: #FED8B1;
}

#text2 {
     margin: 0px;
     padding: 0px 20px;
}

#text2 img.right {
     float: right;
     padding: 0px 0px 10px 10px;
}

#picture {
     background: url(library_CSS/bkg_pic_gradient.gif) repeat-x bottom;
     vertical-align: top;
     margin: 0px;
     padding: 0px;
     height: 200px;
     width: 550px;
}

/* ---------- Footer ---------- */
#footer {
     clear:both;
     padding:0px;
}



/* ---------- Home Page ---------- */
#pictureHome {
     background: url(library_CSS/bkg_picHome_gradient.gif) repeat-x bottom;
     vertical-align: top;
     margin: 0px;
     padding: 0px;
     height: 325px;
     width: 550px;
}

#contentHome {
     margin:0;
     padding:0px;
     width:550px;
     float:right;
     background: #FED8B1;
}

#textHome {
     background: #E3B98E;
     margin: 0px 20px 15px;
     padding: 0px;
     width: 510px;
}

#homeLeft {
     margin: 0px 0px 0px 20px;
     padding: 0px;
     width: 160px;
     float: left;
}

#homeRight {
     margin: 0px 20px 0px 0px;
     padding: 0px;
     width: 310px;
     float: right;
}

#text2Home {
     margin: 0px 0px -25px;
     padding: 0px 20px;
     line-height: 16px;
}



/* ---------- Menu ---------- */
.title_menu {
     text-transform: uppercase;
     text-align: center;
     font: 24px "Times New Roman", Times, serif;
}

.title1_menu {
     font-size: 16px;
     text-transform: uppercase;
     color: #720D05;
}

.title2_menu {
     font-size: 12px;
     text-transform: uppercase;
     font-weight: bold;
     padding-bottom: -5px;
}

#text2Menu {
     margin: 0px;
     padding: 0px 20px;
     line-height: 16px;
}

.recipeTitle {
     font-size: 16px;
     font-weight: bold;
}