/*
------------------------------------
site:     Enoch Pratt Free Library
          Graphic Identity Source
filename: styles.css
design:   Shanosky and Associates
          www.shanosky.com
author:   Bruce Blackburn 
created:  June 11, 2007
modified: June 18, 2007
------------------------------------

COLOR REF
#626469 tab gray
#ff0000 tab red
#ec8000 tab orange
#99cc33 tab green
#92173b tab maroon
*/

* {
  margin:0;
  padding:0;
}
body {
  background:#fff url("../images/bg01.gif") 50% 0px repeat;
  background:#fff url("../images/greypat02.gif") 50% 0px repeat;
  background:#404040;
  font-family: Arial, Helvetica, Verdana, sans-serif; 
  font-size:16px;
  line-height:1.5;
  padding-bottom:72px;
  color:#555;
}
h2 {
  font-size:1em;
  font-style:italic;
  color:#626469;
  font-weight:normal;
  margin:38px 0 3em;
  text-indent:-5000px;
  height:45px;
}
h3,
h4 {
  font-size:1em;
  font-weight: normal;
}
h4 {
  margin-top:1em;
}
p {
  padding-bottom:1em;
}
a {
  text-decoration:none;
  color:#f00;
}
a:hover {
  border-bottom:1px solid #f00;
}
a:visited {
  color:#ec8000;
}
ul {
  list-style:none;
}
#wrap {
  margin:0 auto auto;
  width:960px;
  background-color:#fff;
}
.normalwt {
  font-weight:normal;
}

/* padding body for bottom margin, force scrollbar */

body#home {
  padding-bottom:413px;
}
body#images {
  padding-bottom:290px;
}
body#contact {
  padding-bottom:246px;
}
body#copyright {
  padding-bottom:400px;
}

/* 
------------------ 
MAIN NAV
------------------ 
*/
#nav {
  margin-top:3px;
}
#nav li {
  float: left;
}
#nav a {
  height:72px;
  width: 137px;
  display:block;
  text-align:center;
  border-bottom:0px solid #fff; 
  background-image: url("../images/nav_type.png");
  text-indent:-5000px;
  /* Hide from IE 5 Mac \*/
  overflow: hidden;
  /* End hide from IE 5 Mac */
}

/* rollover */

#nav a:hover {
  border-bottom-width:4px;
}

/* color bar */

#nav ul {
  height:76px; 
  border-bottom:15px solid #000; 
}
#home #nav ul {
  border-width:0;
}
#intro #nav ul {
  border-color:#626469;
}
#guidelines #nav ul {
  border-color:#f00;
}
#logo #nav ul {
  border-color:#ec8000;
}
#brochures #nav ul {
  border-color:#9c3;
}
#flyers #nav ul {
  border-color:#92173b;
}
#stationery #nav ul {
  border-color:#f00;
}
#images #nav ul {
  border-color:#f1cd44;
}
#contact #nav ul,
#copyright #nav ul {
  border-width:2px;
  border-color:#CCC; 
}

/* tabs */

a#tab1 {
  background: #626469 url("../images/nav_type.png");
  border-color: #626469;
  background-position:0px 0px;
}
a#tab2 {
  background-color:#f00;
  border-color:#f00;
  background-position:-137px 0px;
}
a#tab3 {
  background-color:#ec8000;
  border-color:#ec8000;
  background-position:-274px 0px;
}
a#tab4 {
  background-color:#9c3;
  border-color:#9c3;
  background-position:-411px 0px;
}
a#tab5 {
  background-color:#92173b;
  border-color:#92173b;
  background-position:-548px 0px;
}
a#tab6 {
  background-color:#f00;
  border-color:#f00;
  background-position:-685px 0px;
}
a#tab7 {
  width: 138px;
  background-color:#f1cd44;
  border-color:#f1cd44;
  background-position:-822px 0px;
}

/* current page tab */

#intro #tab1,
#guidelines #tab2,
#logo #tab3, 
#brochures #tab4,
#flyers #tab5,
#stationery #tab6,
#images #tab7 {
  border-bottom-width:4px;
  cursor:default;
}
/*
------------------ 
HEADER
------------------ 
*/
#header h1 {
  height:125px;
  background:#000 url("../images/header_image.png");
  text-indent:-5000px;
}
#header a {
  display:block;
  height:125px;
}
#header a:hover {
  border-width:0;
}
/*
------------------ 
CONTENT
------------------ 
*/
#content {
  margin-left:168px;
  width:773px;
}
.maintext {
  margin:0;
  width:464px;
  float:left;
  clear:left;
}
.sidetext {
  margin:0;
  padding-left:86px;
  float:left;
  width:195px;
}
.caption {
  font-size:0.8em;
  line-height:1.3;
  width:170px;
}
.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}
a.emaillink {
  color:#555;
}

/* lists */
/* ----- */

#brochures #content ul,
#flyers #content ul{
  margin-bottom:1em;
}
#brochures #content li,
#flyers #content li {
  padding:0 0 0 1.5em;
  background:#fff url("../images/kbullet4.gif") 0 center no-repeat;
}

/* page heads */
/* ---------- */

#hd_intro {
  background-image:url("../images/hd_intro.png");
  width:191px;
}
#hd_guidelines {
  background-image:url("../images/hd_guidelines.png");
  width:288px;
}
#hd_logoartwork {
  background-image:url("../images/hd_logoartwork.png");
  width:211px;
}
#hd_brochures {
  background-image:url("../images/hd_brochures.png");
  width:302px;
}
#hd_copyright {
  margin-top:51px;
  background-image:url("../images/hd_copyright.png");
  width:413px;
}
#hd_contact {
  margin-top:51px;
  background-image:url("../images/hd_contact.png");
  width:313px;
}
#hd_images {
  background-image:url("../images/hd_images.png");
  width:385px;
}
#hd_flyers {
  background-image:url("../images/hd_flyers.png");
  width:237px;
}
#hd_stationery {
  background-image:url("../images/hd_stationery.png");
  width:155px;
}

/* home */
/* ---- */

#home #content {
  margin:0;
}

/* intro */
/* ----- */

  /*captions*/
#cap_rules {
  padding-right:43px;
}
#cap_tools {
  width:170px;
  height:316px;
  padding:369px 0 0 0;
  margin:0;
  float:left;
  clear:left; 
}
#cap_questions {
  width:170px;
  padding:369px 0 0 66px;
  float:left;
}
  /*images*/
#intro_compass,
#intro_befree {
  margin-bottom:2em;
}
#intro #content {
  background:#fff url("../images/intro_images_bottom.png") 0 100% no-repeat;
}

/* guidelines */
/* ---------- */

#guidelines .maintext {
  padding-bottom:14px;
  border:0px solid blue;
}
#guidelines_side {
  float:left;
  padding-left:66px;
  border:0px solid green;
  width:235px;
}
  /*captions*/
#cap_download {
  padding:13px 0 0 16px;
  width:auto;
}
#topics {
  margin:0;
  padding:0 0 120px;
  font-size:0.80em;
  width:773px;
  clear:left;
  background:#fff url("../images/guidelines_rule.png") right 0 no-repeat;
}
#topics h3 {
  padding:82px 0 1.5em;
}
#topics li {
  padding:0 0 0 1.5em;
  background:transparent url("../images/kbullet4.gif") 0 center no-repeat;
}

/* logo artwork */
/* ------------ */

#logo p {
  padding-right:309px;
}
.logo_resource {
  margin:1.8em 0 0;
  padding-top:8px;
  border-top:1px solid #999;
  height:190px;
}
.logo_resource h3,
.logo_resource ul {
  font-size:0.9em;
}
.logo_resource li {
  padding-left:1.7em;
}
#logo .logo_resource p {
  padding-right:388px;
}
#logo_resource_master {
  border-width:0;
  padding-top:34px;
  margin-top:32px;
  height:266px;
  background:transparent url("../images/MasterLogoSheet_rule.png") right top;
}
#logo_resource_master p {
  padding-top:2em;
}
#logo_resource_summary {
  border-width:0;
  margin:-12px 0 3em;
  height:auto;
}
#logo_resource_summary h3 {
  font-size:16px;
  font-weight:bold;
}
#logo_resource_2lineTAG {
  height:300px;
}
.logo_resource img {
  margin:33px 30px 0 0;
  float:right;
}
#MasterLogoSheet {
  margin:-34px 62px 0 0;
}
#EP2line {
  margin-right:64px;
}
#EPaltside {
  margin:42px 18px 0 0;
}
#EPaltadd {
  margin-right:36px;
}
#EP2linewTAG {
  margin:18px 80px 40px 0;
}

/* brochures */
/* --------- */

#brochures .sidetext {
  padding-left:60px;
}

  /*captions*/
#cap_consistency {
  padding-right:62px;
  width:170px;
  float:right;
  clear:left;
}
#cap_six {
  position:relative;
  left:-132px;
  top:2px;
  width:170px;
  float:left; 
}
  /*images*/
#brochures_img {
  margin:2.5em 0 2.2em -19px;
}
#brochurediag {
  padding:64px 0 6em 2px;
  float:left;
  clear:both;
}
#brochurediag img {
  float:left;
  clear:left;
}

/* flyers */
/* ------ */

  /*captions*/
#cap_consistency_flyers {
  padding-right:78px;
  width:170px;
  float:right;
  clear:left;
}
#cap_instructions {
  margin:42px 9px 0 30px;
  width:170px;
  float:left;
}
  /*images*/
#flyersamples {
  position:relative;
  left:-18px;
  padding:6px 0 36px;
}
#flyertemplate {
  position:relative;
  left:-18px;
  padding:45px 0 54px;
  float:left;
  clear:left;
}

/* stationery */
/* ---------- */

#stationery p {
  padding-right:309px;
}
.stat_resource {
  margin:1.8em 0 0;
  padding-top:0.5em;
  border-top:1px solid #999;
}
.stat_resource img {
  float:right;
}
#stationeryletterhead {
  border-width:0;
  margin-top:63px;
  padding:30px 0 79px;
  background:#fff url("../images/stationeryletterhead_rule.png") right top no-repeat;
}
#stationerybuscard {
  padding:20px 0 116px;
  background:#fff url("../images/stationerybuscard_rule.png") right top no-repeat;
  border-width:0;
}
#stationery dt {
  margin-top:1em;
}
#stationery dl {
  padding-bottom:80px;
}
#stationeryguidelines {
  float:right;
  width:306px;
}
#stationeryguidelines p {
  width:190px;
  padding:42px 0 14px 21px;
}
#stationeryguidelines img {
  float:left;
  padding-bottom:60px;
}

/* images */
/* ------ */

#images p {
  padding-right:309px;
  border-bottom:1px solid #999;
  padding-bottom:46px;
}
#images #content img {
  padding:22px 0 200px;
}

/* copyright */
/* --------- */

#copyright #content {
  padding-bottom:80px;
}

#copyright p {
  padding-right:309px;
}

/* contact */
/* ------- */

#contact #content {
  padding-bottom:80px;
}

#contact p {
  padding-right:309px;
}

.contactinfo {
  border-top:1px solid #999;
  padding:2em 0 0;
  margin:1.2em 0 3em;
}

/*
------------------ 
FOOTER
------------------ 
*/
#footer {
  height:52px;
  padding:40px 26px 0;
  color:#fff;
  background:#626469 url("../images/footer_bg.png") 0 0 no-repeat;
  clear:both;
}
#footer li {
  float:left;
  border-left:1px solid #fff;
}
#footer li.first {
  border-width:0;
}
#footer a {
  font-size:0.9em;
  line-height:1;
  display:block;
  padding:1px 10px 1px 8px; 
  color:#fff;
  float:left; 
}
#footer a:hover {
  text-decoration:underline;
  border-width:0;
}