/* --------------------------------------------------
CSS for Saugus Public Library website
-------------------------------------------------- */

/* ------ BODY ELEMENTS ------ */
body {
margin: 10px 25px;
padding: 0; 
font: 90% Arial, Helvetica, sans-serif;  
background: #fff;
color: #444;
;
}

/* ------ MAIN CONTAINER ELEMENTS ------ */
#maincontain {
float: left;
margin: 0;
margin-bottom: 20px;
padding: 0;
color: #444;
background: #fff;
color: #000000;
/*
border-left: 2px solid #3E1389;
border-right: 2px solid #3E1389; */
}


/* ------ ADDRESS ELEMENTS ------ 

.address {

top: 100px;
right: 100px;
margin: 40;
padding:40;
font: 100% "Trebuchet MS", Arial, Verdana, sans-serif;
font-variant: small-caps;
color: #E9AB17;
}

.address a {
color: #E9AB17;
}*/


/* ------ HEADER ELEMENTS ------ */
#headercontain {
background: #fff;
}

#header h1 {
float: right;
margin: 0;
padding: 0;
font: 125% "Trebuchet MS", Arial, Verdana, sans-serif;
font-variant: small-caps;
color: #007C74;
}

#header h3 {
float: right;
margin: 0;
padding: 0;
font: 125% "Trebuchet MS", Arial, Verdana, sans-serif;
font-variant: small-caps;
color: #007C74;
}


#header {
margin: 0;
padding: 0;
height: 300px;
/*min-width: 100%;*/
width: auto !important;
width: auto;
overflow: visible;
margin-bottom: 25px;
background: #fff url top left no-repeat;
}

/* ------ TOP NAVIGATION ELEMENTS ------ */
#topnav {

top: 120px;
left: 0;
margin: 0;
padding: 0;
}

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

#topnav li {
list-style: none;
display: block;
float: left;
padding: 0 3px;
}

#topnav li.home {
text-align: center;
width: 200px;
}

#topnav a {
font: 100% "Trebuchet MS", Arial, Verdana, sans-serif;
text-decoration: none;
font-weight: bold;
color: #007C74;
}

#topnav a:hover {
color: #3E1389;
/* border-top: 5px solid #3E1389; */
text-decoration: underline;
}


/* ------ LEFT NAVIGATION ELEMENTS ------ */
#navcontain {
float: left;
width: 155px;
font: 90% "Trebuchet MS", Arial, Helvetica, sans-serif; 
text-align: left;
padding: 10px 5px;
}

#navcontain ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 155px; /* Width of Menu Items */
	border-bottom: 1px solid #ccc;
	}

#navcontain ul li {
position: relative;
}

#navcontain ul li a:hover {
color: #007C74;
text-decoration: underline;
}

#navcontain ul li a:hover.none {
color: #3E1389;
text-decoration: none;
}

#navcontain li ul {
	position: absolute;
	left: 154px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}
	
#navcontain ul li a {
display: block;
background: #FFDEAD ;
padding: 5px 5px 5px 10px;
border: 1px solid #ccc;
border-bottom: 0;
text-decoration: none;
font-weight: normal;
color: #007C74;
}

/* Holly Hack. IE Requirement \*/
* html #navcontain ul li { float: left; height: 1%; }
* html #navcontain ul li a { height: 1%; }
/* End */

#navcontain li:hover ul, #navcontain li.over ul { display: block; }

/* for IE7 \*/
*:first-child+html #navcontain ul li {	
height: 1%;
}

*:first-child+html #navcontain ul li a {
height: 1%;
}
/*END*/


div.info {
margin-top: 50px;
}

/* ------ WELCOME ELEMENTS ------ */

#welcome {
padding: 10px 0;
}

#welcome h1 {
padding: 10px 0 0 0;
margin: 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 24px;
font-variant: small-caps;
color: #007C74;
}

#welcome h2 {
padding: 5px;
margin: 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 34px;
font-variant: normal;
color: #007C74;
}

#welcome h3 {
padding:0;
margin: 0;
text-align: center;
font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
font-size: 18px;
font-variant: small-caps;
color: #007C74;
}

.intro {
text-align: justify;
font: italic 11px  "Trebuchet MS", Arial, Verdana, sans-serif;
margin-right: 200px;
}

.know {
border: 1px solid #ddd;
padding: 2px;
margin-right: 200px;
margin-bottom: 10px;
}

/* Added by Elizabeth Thomsen 06/01/02*/
.notice {
font: 15px  "Trebuchet MS", Arial, Verdana, sans-serif;
border: 1px solid;
padding: 4px;
margin-right: 200px;
margin-bottom: 10px;
}


/* ------ CONTENT ELEMENTS ------ */
#content {
margin: 0 0 0 165px;
padding: 0 15px;
}

#content p {
margin-left: 5px;
}
/* COMMENTED OUT DUE TO CONFLICT WITH RSS FEED LIST ITEMS
#content li {
list-style-type : square;
}*/

/* ------ SIDEBAR ELEMENTS ------ */

#sidebar {
width: 168px;
float: right;
padding: 10px;
margin: 0 0 5px 15px; 
font: small Verdana, Arial, Helvetica, sans-serif; 
border: 0px solid #ccc;

}

#sidebar .img {
margin: 10px 0;
padding-top: 8px;
}

/* ------ COMMON ELEMENTS ------ */

a {
text-decoration: underline;
font-weight: normal;
color: #007C74;
}

a:hover { 
text-decoration: none;
font-weight: normal;
color: #666;
}

h1 {
font: 250% "Trebuchet MS", Arial, Verdana, sans-serif;
color: #666;
margin: 0;
padding: 5px 0;
}

h2 {
font: 150% "Trebuchet MS", Arial, Verdana, sans-serif;
color: #007C74;
font-variant: small-caps;
margin: 0;
padding: 10px 0 2px 0;
}

h3 {
font: 120% Tahoma, Arial, Helvetica, sans-serif;
color: #007C74;
padding: 10px 0 2px 0;
}

h4 {
font: 95% Tahoma, Arial, Helvetica, sans-serif;
color: #007C74;
padding: 3px;
margin: 0;
}

/* ********************* RSS ITEMS ************************/
.rss-box-kids {
font: medium "Comic Sans", Arial, sans-serif;
}

p.rss-title {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 20px;
	color: #007C74;
	margin-top: 35px;
	border-bottom: 2px solid  #B5BEC5; 
}

.rss-title a.rss-title {
text-decoration: none;
font-size: 14px;
color: #007C74;
font-weight: normal;
border: none;
}

ul.rss-items {
margin: 0;
padding: 0;
}

li.rss-item {
list-style-type: none;
}

li.rss-item a.rss-item {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #3F148A;
	margin: 0;
	padding: 5px 0 0 0;
	text-decoration: none;
	border: 0;
	}

li.rss-item a:hover.rss-item {
text-decoration: underline;
color: #5e6266;
}





/* used for holidays list 
.ul li{
float: none;
list-style-type : square;
}*/

ul.widelist {
padding: 0;
margin: 10px 0;
list-style-type : none;
}

ul.widelist li {
width: 158px;
margin: 0;
padding: 8px 5px;
}

/* used for borrower services list */
ul.subnav {
margin-bottom: 45px;
}

ul.subnav li {
text-align: center;
list-style: none;
display: block;
float: left;
padding: 0 3px;
}

ul.subnav li.active {
color: #007C74;
font-weight: bold;
}

.alt {
background: #EFEFEF;
}

.alt2 {
background: #FAFAFA;
}

.hidden {
display: none;
}

.small {
font-size: smaller;
}

.bold {
font-weight: bold;
}

.center {
text-align: center;
}

.justify {
text-align: justify;
}

.italic {
font-style: italic;
}

.floatright {
float: right;
padding: 0;
margin: 0 0 0 3px;
}

.floatleft {
float: left;
padding: 0;
margin: 0 3px 0 0;
}

.caption {
margin: 0;
padding: 0;
font-size: small;
text-align: center;
padding-bottom: 3px;
}

.img {
margin: 0 8px 0 0;
padding: 4px;
border: 1px solid #D9E0E6;
border-bottom-color: #C8CDD2;
border-right-color: #C8CDD2;
background: #EFEFEF;
}

/* ------ BLOGGER ELEMENTS ------ */

.itemtitle {
font: medium Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
padding: 5px 0;
}

.itembody {
font: small Arial, Helvetica, sans-serif;
padding-bottom: 10px;
border-bottom: 1px solid #ccccff;
}	


/* ------ FOOTER ELEMENTS ------ */

#footer {
clear: both;
padding: 0;
font: 90% "Trebuchet MS", Arial, Verdana, sans-serif;
font-variant: small-caps;
text-align: center;
color: #666;
border-top: 2px solid #3E1389;
border-bottom: 2px solid #3E1389;
}