/* 
     Stylesheet for Lincoln Park Web Site
     --------------------------------------------------------
     File Name: lp_main.css
     Media: Screen
     Version: 1.1
     Created: 01 June 2005
     Last-Modified: 24 June 2005
     --------------------------------------------------------
*/ 


/* 
     HTML Elements
     ---------------------------------------------------------- */ 

/* --- Document Elements --- */
body { background: #FFFFFF; color: #000000;  margin: 0px 0px 20px 0px; font-family: Arial, Helvetica, sans-serif;  }

/* --- Block Elements --- */
br {}
hr {}
img {}
a img {border: 0px none;}

/* --- Header Text --- */
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; color: #006699; } 
h1 { font-size: 16px; margin: 0px 0px 10px 0px; }
h2 { font-size: 12px; margin-bottom: 2px; }
h3 { font-size: 11px; margin-bottom: 2px; }
h4 { font-size: 10px; margin-bottom: 0px; }
h5 { font-size: 10px; margin-bottom: 0px; }
h6 { font-size: 10px; margin-bottom: 0px; }

/* --- Block Text --- */
p, blockquote, caption, div { font-family: Arial, Helvetica, sans-serif; } 
p {}
blockquote {}
caption {}
div {}

/* --- Text Elements --- */
a { color: #006699; }
a:hover { color: #66ccff; }
pre {}
span {}
sup {font-size: 9px; }

small { font-size: 10px; }
address {}

/* --- List Items --- */
ul, ol, li { font-family: Arial, Helvetica, sans-serif; }
ul {}
ul li { list-style: url(../images/lists/bullet.gif); }
ol {}


/* --- Definition Elements --- */
dl, dt, dd { font-family: Arial, Helvetica, sans-serif; }
dl {}
dt {}
dd {}

/* --- Table  Elements --- */
table { margin-top: 15px; font-size: 12px; border-top: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC;   }
th { padding: 2px 5px 2px 5px; text-align: left; background-color: #669dbe; border-bottom: 1px solid #CCCCCC;  vertical-align: bottom;  }
thead {}
tbody {}
tr {}
td { padding: 2px 5px 2px 5px; text-align: left; border-bottom: 1px solid #CCCCCC; background: #FFFFFF;  }
tfoot {}
legend {}

/* --- Inputs --- */
input, select, button, textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
input {}
select {}
button {}
textarea {}
form { margin: 0px; padding: 0px; }


/* 
     Global Container ID's
     ---------------------------------------------------------- */ 

#printheader { display: none; }
.skiplink { display: none; }
     
/* --- Header Container --- */
/*#header {width: 760px; height: 115px; margin: 0 auto; text-align: left; background: #FFFFFF url(../images/backgrounds/header.jpg) no-repeat top left; }*/
     /* Fix for IE. Hide from IE Mac \*/
/*     * html #header {width: 760px; height: 115px; margin: 0 auto; padding-right: 10px; text-align: left; background: #FFFFFF url(../images/backgrounds/header.jpg) no-repeat top left; }*/
     /* End */


/* 
     Branding - Page Header - Primary Navigation
     ---------------------------------------------------------- */           
/* --- Branding Container --- */
#branding { width: 970px; height: 109px; margin: 0 auto 0 auto; background: url(../images/backgrounds/branding.gif) repeat-x 0px 84px; }
.logo { float: left; margin: 20px 0px 0px 23px; }
#story { float: right; height: 84px; width: 306px; background-color: #005c92;  }
#story img { margin: 8px 0px 0px 28px; }

/* --- Primary Nav --- */
#nav1 { float: right; margin: 14px 14px 0px 0px;  background: url(../images/backgrounds/nav_1.gif) no-repeat 0px 0px;   }
     /* Fix for IE */
          * html #nav1 { float: right; margin: 14px 14px 0px 0px; padding-left: 15px;  background: url(../images/backgrounds/nav_1.gif) no-repeat 0px 0px;   }
     /* End */
#nav1 li { margin: 0px 0px 1px -27px; list-style: none;  }
     /* Fix for IE */
          * html #nav1 li { margin: 0px 0px 1px 0px;   list-style-image: none; }
     /* End */

/* 
     Body Content - Secondary Navigation
     ---------------------------------------------------------- */           
/* --- Body/Sidebar Wrapper --- */
#bodywrapper { width: 970px; margin: 0 auto 0 auto; background: url(../images/backgrounds/bodywrapper.gif) repeat-y 0px 0px; }
     
/* --- Content Wrapper --- */
#contentwrapper { float: left; width: 664px; }

/* --- Content Header --- */
#contentheader { width: 639px; margin: 38px 0px 32px 25px; }

/* --- Secondary Navigation --- */
#nav2 { float: left; width: 210px; margin-left: 18px; }
#nav2 ul { margin: 0px; }
     /* Fix for IE*/
          * html #nav2 ul { margin: 0px 0px 0px 22px; }
     /* End */
#nav2 ul li { font-size: 12px; list-style: url(../images/nav/off/nav_bullet.gif);  position: relative; }
#nav2 ul li.selected { font-weight: bold; list-style: url(../images/nav/on/nav_bullet.gif); }
#nav2 a { color: #cc6600; text-decoration: none; }
#nav2 a:hover { color: #3399cc; }

/* --- Content Area --- */
#content { float: left; width: 400px; margin: 0px 5px 0px 25px; font-size: 12px; }
     /* Fix for IE. Hide from IE Mac \*/
          * html #content { float: left; width: 400px; margin: 0px 5px 0px 0px; font-size: 12px; }
     /* End */

#content.article { float: left; width: 617px; margin: 0px 5px 0px 26px; font-size: 12px; }
     /* Fix for IE. Hide from IE Mac \*/
          * html #content.article { float: left; width: 604px; margin: 0px 5px 0px 13px; font-size: 12px; }
     /* End */
     
#content p { margin: 0px 0px 10px 0px; }
#content ol { margin: 0px 0px 10px 15px; padding: 0px 0px 0px 0px; }
#content li ol { margin: 0px 0px 0px 5px; padding: 0px 0px 0px 0px; }
#content ol li { list-style: decimal none; }
#content li ol li { list-style: decimal none;  margin: 0px 0px 0px 20px;  }
#content ul { margin: 0px 0px 10px 5px; padding: 0px 0px 0px 0px; }
     /* Fix for IE. Hide from IE Mac \*/
     * html #content ul { margin: 0px 0px 10px 8px; padding: 0px 0px 0px 0px; }
     /* End */
#content ul li { list-style: url(../images/lists/bullet.gif); }
#content li { margin: 2px 0px 0px 8px;  padding: 0px 0px 0px 0px; }
#content img.photo { margin: 0px 0px 2px 4px; border: 1px solid #000000; float: right; }

/* 
     Sidebar - Footer Information
     ---------------------------------------------------------- */   
/* --- Sidebar --- */
#sidebar { float: left; width: 255px; padding: 38px 25px 0px 25px; }
.sidebaritem { margin-top: 15px; padding: 2px 10px 10px 10px; border: 1px solid #ffffff; font-size: 12px; font-weight: bold;   background: #669dbe url(../images/backgrounds/sidebaritem.gif) repeat-x 0px 0px;   }
.sidebaritem img { margin-bottom: 12px; }
     /* Fix for IE. Hide from IE Mac \*/
          * html .sidebaritem img { margin-bottom: 12px; position: relative; bottom: 1px; }
     /* End */
     /* Fix for IE. Hide from IE Mac \*/
          * html .sidebaritem a img { margin-bottom: 0px;  }
     /* End */
.sidebaritem p { margin: 0px 0px 10px 0px; }
.nobold { font-weight: normal; }
.link { margin-left: 130px; }
.link img { margin-bottom: 0px; }

/* --- Footer Info --- */
#footerwrapper { width: 306px; margin: 0 auto 0 auto; padding-left: 664px; position: relative; bottom: 190px; }

#address { margin-top: 20px;  padding: 25px 10px 0px 10px; font-size: 11px; color: #ffffff;  background: url(../images/backgrounds/footerwrapper.gif) repeat-x 0px 0px;  }
#hpfooterwrapper #address { margin-top: 0px;  padding: 0px 10px 0px 10px; font-size: 11px; color: #ffffff;  background: none;  }

#footer { margin-top: 22px; padding: 0px 10px 0px 10px; font-size: 11px; color: #ffffff; }
#footer a { color: #ffffff; }
#footer a:hover { color: #ffcc00; }

#cdglink { margin-top: 10px; padding: 0px 10px 0px 10px; font-size: 11px; color: #ffffff; }
#cdglink a { color: #ffcc00; text-decoration: none; }
#cdglink a:hover { color: #ffffff; text-decoration: underline; }


/* 
     Home Page Content
     ---------------------------------------------------------- */   
#hpcontent { width: 970px; margin: 0 auto 0 auto;  background: url(../images/backgrounds/bodywrapper.gif) repeat-y 0px 0px; }

/* --- Home Page Photo Area --- */
#hpphoto { height: 371px; float: left; width: 664px;  background: #ffffff url(../images/home_page/photo1.jpg) no-repeat 100% 0px; }
#hpphoto ul { margin: 0px 0px 0px 0px; }
#hpphoto li { margin: 30px 0px 0px -17px; list-style: none;  list-style-image: none;  }
     /* Fix for IE. Hide from IE Mac */
          * html #hpphoto li { margin: 30px 0px 0px 20px; list-style: none;  list-style-image: none;  }
     /* End */

/* --- Home Page Side Bar --- */
#hpsidebar { float: right; width: 266px; padding: 55px 15px 10px 25px; font-size: 12px; color: #ffffff;  background: url(../images/home_page/sidebar_header.gif) no-repeat 0px 0px;  }
#hpsidebar p { margin: 0px 0px 10px 0px; }
          
/* 
     Home Page Bottom Content
     ---------------------------------------------------------- */   
#hpbottomheader { width: 970px; margin: 0 auto 0 auto; position: relative; bottom: 27px; }
     
#hpbottom { width: 970px; margin: -27px auto 0 auto; padding-top: 15px; background: url(../images/backgrounds/bodywrapper.gif) repeat-y 0px 0px; }

/* --- Client Logo Area --- */
#clientlogo { float: left; width: 125px; padding-left: 20px; }

/* --- Home Page Bottom Content Area --- */
#bottomcontent { float: left; width: 359px; padding: 0px 25px 0px 0px; font-size: 12px; color: #666666; }
#bottomcontent p { margin: 0px 0px 10px 0px; }

/* --- Home Page Call Out Link --- */
#calloutlink { float: left; width: 135px; margin-top: 45px; }

/* --- Footer Wrapper --- */
#hpfooterwrapper { float: left; width: 306px; }
     
/* 
     Utilities
     ---------------------------------------------------------- */ 
#clear {clear: both; position: relative; font-size: 1px;}