@charset "UTF-8";
/* 
     mayfieldcommunitylibrary.com
     Matthew J. Stellato // matthewstellato.com
     Copyright 2009
*/

@import url("reset.css");

body {background:#EAE6CE;}
#wrap {width:890px; margin:0 auto; padding-bottom:25px; font:13px Arial, Helvetica, sans-serif; color:#5F6A6C; background:#FFF; border-left:1px solid #d2c993; border-right:1px solid #d2c993; border-bottom:1px solid #d2c993;}

:focus {outline:0;}
.clear {line-height:0px; font-size:0; height:0px; clear:both;}

p {padding-bottom:15px;}

a {color:#4a6686; text-decoration:underline; cursor:pointer;}
a:hover {color:#0c1c2d;}



/* Header
-----------------------------------------------------*/

#header {border-top:3px solid #0c1c2d; background:#253e5a; height:110px; position:relative}
#header h1 a {display:block; background:url(../images/logo.jpg) top left no-repeat; height:98px; width:502px; text-indent:-9999em;}

#header ul {position:absolute; top:10px; right:10px; }
#header li {float:left; color:#6D86A3; font-size:12px;}
#header li a {padding:0 8px; color:#abd4fa; text-decoration:none;}
#header li a:hover {text-decoration:underline; color:#abd4fa;}


/* Main Navigation
-----------------------------------------------------*/
#nav {background:#4a6686; border-top:1px solid #6d86a3; overflow:auto; _height: 34px; border-bottom:1px solid #0c1c2d;}
#nav li {float:left; padding:0; text-indent:0;}
#nav li a {display:block; background:#4a6686; float:left;padding:9px 25px; color:#081c32; font-weight:bold; text-decoration:none}
#nav li a:hover {background:#6D86A3; color:#081c32;}
#nav li.active a {background:#425C77; color:#FFF;}


/* Content
-----------------------------------------------------*/
#content {padding:25px; background:#FFF;}

#content h1 {font-family:Georgia, "Times New Roman", Times, serif; font-size:25px; padding:10px 0 5px 0; text-align:center; color:#000;}
#content h4 {font-style:italic; text-align:center; font-size:14px; padding-bottom:10px; border-bottom:1px solid #ccc; margin-bottom:20px;color:#86A6CB;}
h2 {font-size:22px; color:#000; padding-bottom:15px;}
h3 {border-bottom:1px solid #e1e1e1; margin-bottom:10px; font-size:14px; color:#545454;}
h3.upcoming {border:0; margin:20px 0 3px 0;}

#left {width:520px; float:left;}
#left ul, #right ul {padding:0 0 15px 10px;}
#left ul li, #right ul li {padding-bottom:2px;}

.events p {border-top:1px solid #e1e1e1; padding:15px 0;}
.events span {display:block; font-size:11px;}
.events strong { padding:3px 0 8px 0; font-size:16px; color:#545454;}
p.disclaimer {font-size:12px; text-indent:-8px; margin-left:10px;}

#right {margin-left:550px;}
#right ul.hours {padding:0;}
#right ul.hours strong {display:block; float:left; width:95px;}

#content img {padding:3px; border:1px solid #e1e1e1;}

#right div.assistance {padding:10px 10px 0 10px; margin:15px 10px 0 0; border-bottom:1px solid #d1d1d1;}
#right h4 {color:#000; font-size:16px; padding-bottom:15px;}
#right div.assistance a {display:block; padding:10px 8px; text-align:center; font-size:14px; color:#FFF; text-decoration:none; background:#4A6686; border:1px solid #253F5A;}
#right div.assistance a:hover {background:#FDBF00; border:1px solid #D8A300; color:#000;}

table {width:300px; margin-bottom:20px;}
td, th {border-bottom:1px solid #ccc; padding:4px 8px;}
th {background:#4A6686; color:#FFF;}
tr.alt td {background:#FFFFF0;}

.address {padding:0 0 0 15px; border-left:2px solid #ccc; color:#000; margin-bottom:25px;}

#left ul.list {list-style:disc; padding-left:20px;}

/* Home Page Content
-----------------------------------------------------*/
#alert {padding:10px; border:1px solid #FFC000; background:#FFE699; margin:0 10px 20px 0; color:#000; font-size:14px;}

#content.home #left {width:450px; font-size:15px;}
#content.home #right {margin-left:480px;}

label {color:#999; display:block;}
.num span {font: 20px Georgia, "Times New Roman", Times, serif; color:#000; display:block; margin-top:10px; padding:2px 15px; border-left:2px solid #CCC;}
.num span em {font-size:14px; font-style:normal; font-family:Arial, Helvetica, sans-serif;}

#eventsHome {border:1px solid #E9E5CD; padding:15px; margin-bottom:20px; background:#FFFFF0;}
#eventsHome strong a {color:#4A6686; text-decoration:none;}
#eventsHome strong a:hover {color:#253E5A; text-decoration:underline}


p.highlight {border-top:1px solid #E9E5CD; padding:15px 10px; background:#FFFFF0;}
p.dim {border-top:1px solid #E9E5CD; padding:15px 10px; background:#FFF0F1; color:#FF8A8E;}
p.dim strong {color:#FF8A8E;}
p.dim span {color:#FF242C; font-size:14px; margin-bottom:5px; font-style:italic}


p.callouts {padding-bottom:5px;}
p.callouts a {display:block; text-decoration:none; background:#F0F6FF; border-top:1px solid #BDD9FF;  border-bottom:1px solid #BDD9FF; padding:8px;}
p.callouts a span {font-style:italic; font-size:12px; display:inline; padding-left:15px;}
p.callouts a:hover {background:#4A6686; color:#FFF;}
p.callouts a:hover span {color:#FFBF00;}

/* Footer
-----------------------------------------------------*/
#footer {width:890px; margin:0 auto; font:13px Arial, Helvetica, sans-serif; color:#5F6A6C; padding:10px 0 30px 25px; font-size:11px;}
#footer a {text-decoration:none;}