/* color table:
   #eeeeee - light gray on homepage sub-nav
   #d9f0f9 - light blue on homepage main text area
   #ff6e04 - orange
   #67df6a - light green (left side nav)
   #56bb67 - dark green (catalog search)
   #f7f7f7 - light gray on inside page breadcrumb trail
*/

/***************************************************/
/* Global styles for the entire site (except kids) */
/***************************************************/

* {
	margin: 0px;
	padding: 0px;
}
input {font-family:"Trebuchet MS", Arial; font-size:12px;}
a {color:#ff6e04; text-decoration:none;}
a:hover {color:#ff6e0; text-decoration:underline;}
.top-phone-email {
font-family: "Trebuchet MS", Arial;	
font-size: 14px;	
font-weight: bold;	
text-align: right;	
line-height: 14px;	
height: 44px;	
vertical-align: bottom;}
.top-phone-email a {color:#000000; text-decoration:none;}
.top-phone-email a:hover {color:#ff6e04; text-decoration:none;}

/* "FONT SIZE" links */
.fontsize {color: #ffffff; font-size:13px;}
.big {font-size: 20px}
.small {font-size: 11px}
.normal {font-size: 14px;}
#fontsize {height:25px; font-family:"Trebuchet MS", Arial; font-weight:bold; text-align:center;}
#fontsize a {color:#ff6e04; text-decoration:none;}
#fontsize a:hover {color:#ff6e04; text-decoration:underline;}

/* this is the Friends of Mount Laurel Library section */
#friends {
	position:relative;
	width:150px;
	height:90px;
	background-color:#ff6e04;
	text-align:center;
	font-family:"Trebuchet MS", Arial;
	font-size: 15px;
	font-weight:bold;
	color:#000000;
	z-index: 1;
	bottom: 120px;
	top: -120px;
	right: 0px;
	left: 0px;
	float: left;
	margin:0px;
	padding: 0px;
}
#friends p {padding:10px;}

/****************************************************/
/* This is the section for the homepage of the site */
/****************************************************/

/* This is the part of the style sheet that controls the main menu on the HOMEPAGE. the TH style control the top row of the main menu (About, Services, etc). The TD style controls the second row height and background, but the second row (search and sub-menu items) are stylized using the SEARCH style (for the catalog search) and the UL & LI tags (for the sub-menu items).

Note that the "FONT SIZE" and "CATALOG SEARCH" sections are also part of this layout */
#mainmenu {width:980px; background-image: url(images/home_042.jpg); background-repeat:repeat-y;}
#mainmenu th {height:25px; color:#ff6e04; font-family:"Trebuchet MS", Arial; font-size:13px; font-weight:bold;} 
#mainmenu td {height: 75px; color:#555555; font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:normal;} 
#mainmenu th a {color:#ff6e04; text-decoration:none;}
#mainmenu th a:hover {color:#ff6e04; text-decoration:underline;}
#mainmenu a {color:#555555; text-decoration:none;}
#mainmenu a:hover {color:#ff6e04; text-decoration:underline; }
#mainmenu ul {margin: 0px; padding: 0px;}
#mainmenu li {list-style-type: none; padding-left: 10px; }
#mainmenu .search {font-size:14px; font-family:"Trebuchet MS", Arial; color:#000000; font-weight:bold; padding:0px 10px 0px 10px;} /* search cell */
#mainmenu .search form {padding-top:10px;}

/* this is the main body of the HOMEPAGE, including the rest of the left side navigation.  The leftnav class controls the green left side, the maintext section controls the homepage body, and the rightcalendar class controls the upcoming events section.  You'll need to use the H1 for the page headings and P tags for the copy itself to envoke the font formatting.  On the left side, you'll need to use the UL and LI tags to control formatting. */
#mainbody {width: 900px; background-image:url(images/home_082.jpg); background-repeat:repeat-y;}
#mainbody .leftnav {background-image: url(images/home_05.jpg);	background-repeat: repeat-y;}
#mainbody a {color:#000000; text-decoration:none;}
#mainbody a:hover {color:#ff6e04;}
#mainbody .leftnav ul {margin: 0px; padding: 15px 15px 15px 5px; border-bottom: solid 1px #56bb67; }
#mainbody .leftnav a:hover {color:#FFFFFF;}
#mainbody .leftnav li {list-style-type: none; color:#000000; font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:normal; }
#mainbody .maintext {background-image:url(images/home_063.jpg); background-repeat:no-repeat;}
#mainbody .maintext h1 {padding: 25px 20px 10px 20px; font-family:"Trebuchet MS", Arial; text-transform:uppercase; color:#000000; margin:0px; font-family:"Trebuchet MS", Arial; font-size:14px; font-weight:bold;}
#mainbody .maintext p {padding: 00px 20px 10px 20px; font-family:"Trebuchet MS", Arial; font-size:14px; font-weight:normal; margin:0px;}
#mainbody .rightcalendar {font-family: "Trebuchet MS", Arial; font-size: 12px; font-weight: normal; color:#555555;}

#mainbody .rightcalendar p {
	padding: 0px;
	margin:10px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #ff6e04;
	color: #333333;
}
#mainbody .lowerlinks {font-family: "Trebuchet MS", Arial; font-size: 13px; font-weight: bold; color:#08296B; line-height : 25px; padding: 15px 20px 15px 5px;}
#mainbody .lowerlinks a {color:#08296B;}
#mainbody .lowerlinks a:hover {color:#08296B;}
#mainbody .lowerlinks p 
	line-height : 60px;
	padding: 2px;
	margin:10px 10px 3px 10px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #08296B;
	color: #333333;
}

#mainbody .rightcalendar h1 {background-color:#ff6e04;	font-size:14px;	text-transform: uppercase; color:#000000; padding: 2px; text-align:center; margin:0px;}

#mainbody .centertext {background-image:url(images/home_063.jpg); background-repeat:no-repeat; font-family: "Trebuchet MS", Arial; font-size: 12px; font-weight: normal;}
#mainbody .centertext a {color:#000000; text-decoration:none;}
#mainbody .centertext a:hover {color:#ff6e04;}

/* this is the footer section for the homepage */
#footer {width: 980px; height: 30px; background-image: url(images/home_092.jpg); background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:10px; color:#000000; text-align:left;}
#footer p {padding: 5px;}

/* This is the "Jersey Clicks" slideshow */
#montage {	position:relative;
	width:170px;
	height:220px;
	z-index: 1;
	bottom: 220px;
	left: 405px;
	margin:0px;
	padding: 0px;
	float:left;
}

/**************************************************/
/* This is the section for the inside of the site */
/**************************************************/

#insidebody {top:100px; background-image:url(images/inside_10.jpg); background-repeat:repeat-y; width:980px; font-family:"Trebuchet MS", Arial}
#insidebody th {height:25px; color:#ff6e04; font-family:"Trebuchet MS", Arial; font-size:13px; font-weight:bold; }
#insidebody th a {color:#ff6e04; text-decoration:none;}
#insidebody th a:hover {color:#ff6e04; text-decoration:underline;}

.breadcrumb {height: 23px; background-image:url(images/inside_073.jpg); background-repeat:repeat-y; font-family:"Trebuchet MS", Arial; font-size:10px; color:#000000; padding-left:10px;}
.breadcrumb a {color:#000000; text-decoration:none;}
.breadcrumb a:hover {color:#ff6e04; text-decoration:underline;}

.insidenav {background-image:url(images/inside_052.jpg); height:26px; }
/* float: left removed to fix the stretching box from insidemain */
.insidemain {
	background-image:url(images/inside_082.jpg);
	background-repeat:no-repeat;
	padding: 20px;
}
/* steve styles - add height: 400px back to insidemain */
.insidemain .shim {height: 400px; float: left;}
.insidemain .clear {clear: both;}
/* end steve styles */
#insidebody .leftnav {
	background-image: url(images/inside_09.jpg); background-repeat: repeat;
	background-position: 0px 25px;
}
#insidebody .leftnav a {color:#000000; text-decoration:none;}
#insidebody .leftnav a:hover {color:#ffffff; text-decoration: underline;}
#insidebody .leftnav ul {margin: 0px; padding: 15px 15px 15px 5px; border-bottom: solid 1px #56bb67; }
#insidebody .leftnav li {list-style-type: none; color:#000000; font-family:"Trebuchet MS", Arial; font-size:12px; font-weight:normal; }
.insidemain h1 {padding: 0px 0px 10px 0px; font-family:"Trebuchet MS", Arial; text-transform:uppercase; color:#0397d6; margin:0px; font-family:"Trebuchet MS", Arial; font-size:16px; font-weight:bold;}
.insidemain p {padding: 00px 0px 10px 0px; font-family:"Trebuchet MS", Arial; font-size:12px; margin:0px; color:#333333;}
.insidemain li {font-family:"Trebuchet MS", Arial; font-size:12px; margin-left:30px; color:#333333; font-weight:normal;}
.insidemain li a {color:#333333; text-decoration:none;}
.insidemain li a:hover {color:#ff6e04; text-decoration:underline;}
#insidebody .search {font-size:14px; font-family:"Trebuchet MS", Arial; color:#000000; font-weight:bold; padding:0px 10px 0px 10px; background-color:#56bb67; height:75px;} /* search cell */
#insidebody .search form {padding-top:10px;}

/* this is the footer section for the inside */
.footer-inside{position: static; bottom:0px; z-index:1; width: 980px; height: 30px; background-image: url(images/inside_11.jpg); background-repeat:no-repeat; font-family:"Trebuchet MS", Arial; font-size:10px; color:#000000; text-align:left;}
.footer-inside p {padding: 5px;}
#mainbody .rightcalendar a {
	color: #ff6e04;
}
#mainbody .rightcalendar2 a:hover {color:#ff6e04; text-decoration:underline;}
a:hover {
	color: #ff6e04;
}
a:visited {
	color: #0397d6;
}
h2 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #ff6e04;
}
h3 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 18px;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	color: #333333;
	font-weight: normal;
}
h4 {
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	font-variant: normal;
	text-transform: uppercase;
	color: #666666;
}