/* CSS Based Layout for Oregon Public Library */

body { background: #FFFFCC; color: #3F3F3F; font-family: Arial, Helvetica, sans-serif; font-size: 100.1%; margin: 0; padding: 0; } 

/* Skip Navigation Link */
#skipper { position: absolute; top: -1px; left: 2px; width: 775px; text-indent: -600em; color: #fff; background: transparent; font-size: 0.8em; z-index: -1; }
#skipper:focus, #skipper:hover, #skipper:active { display: block; text-indent: 25px; background: #FFF; font-weight: bold; color: #000; padding: 0.2em 0.2em 0.2em 0; z-index: 5; }

/* Layout Styles */
/*#wrapper { background: #FFFFCC; width: 80%; margin: 0 auto; min-width: 775px; }*/
#wrapper { width: 775px; margin: 0 auto; /*padding: 0 375px; text-align: center; zoom: 1;*/}
/*#sizer { width: 50%; margin: 0 auto; text-align:left; }
#min_width_prop { margin: 0 -375px 0 -375px; position: relative; text-align: left; zoom: 1; min-width: 750px; }*/

#header { width: 100%; background: url(../images/head-bg.gif) no-repeat 250px top; }
#header h1 { float: left; width: 409px; margin: 0; }
#header img { line-height:1; margin: 14px 0 8px 15px; border: none; }

#contact { padding: 11px 20px 0; font-size: .7em; text-align: right; }
#contact h2 { margin: .9em 0 0 0; font-size: 1.2em; }
#contact p { margin: 0 0 0 19px; font-size: 1em; float: right;  }
p#address { margin: 0; padding: 9px 0; text-align:right; }
#address { font-size: .7em; }
#contact a { }

ul#utilitylinks { list-style-type: none; margin: 0; padding: 0; background: transparent; font-size: 1em; text-align:right; }
ul#utilitylinks li { display: inline; list-style-type: none; margin: 0; padding: 0; }
ul#utilitylinks li a { padding: 2px 0 2px 15px; }

ul#primarynav { clear:left;list-style-type: none; margin: 0; padding: 0; background: #FFF; font-size: .875em; letter-spacing: .01em; }
ul#primarynav li { list-style-type: none; display: inline; margin: 0; padding: 2px 0; }
#primarynav li a { font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-weight: bold; padding: 0 12px; }
#primarynav li a:hover, #primarynav li a:active { }

#content_wrapper { background: #FFFFCC url(../images/nav-bg.gif) repeat-y left top; overflow: auto; padding-bottom: 15px; }
#content_wrapper:focus, #pagecontent:focus { outline: none; }
#navigation { width: 185px; float: left; }
#content { position: relative; top: 0; margin-left: 195px; padding: 1px 0; }
#breadcrumbs { padding: 5px 0 5px 7px; font-size: .8em; }
#pagetitle { font-size: 2em; margin-bottom: 0; font-size: 1.7em; }
#pagecontent { /*position: relative;*/ padding: 0 13px 0 11px; font-size: .8em; }

/* Optional Editable Regions */
#pagesubtitle { margin-top: 0; font-size: 1em; }
.lookformore { margin-bottom: 0; font-weight: normal; font-size: .95em; }
.lookformorelinks { margin-top: 0; font-weight: normal; font-size: .95em; }

#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#navigation ul li { list-style-type: none; margin: 0; padding: 5px 5px 5px 12px; font-size: .8em;}
#navigation ul li a { padding: 5px 0; }
#navigation ul li a:hover, #navigation ul li a:active { /*background: #FFE555;*/ }
#navigation h2 { color: #000; font-size: .85em; padding: 0 5px; margin: 15px 0 0 0; }
#navigation ul#tasks { margin-bottom: 15px; }

#footer { overflow: auto; clear: left; background: #FFFFCC; border-top: 1px solid #DDCC9E; border-bottom: 2px solid #820404; padding: 15px; font-size: .7em; }
#footer p { margin: 0; padding: 0 15px; display: block; }
p#copyright { float: left; }
p#lastupdated { margin-left: 175px }
p#scls { float: right; }

/* Homepage Styles */ 
#navigation form#ipac { margin: 0; padding: 0 0 7px 12px; }
#submit { padding: 0; margin: 0; }
#hours { border-bottom: 1px solid #DDCC9E; /*width: 175px;*/ }
#hours h2 { margin: 7px 0 0 0; }
#hours p { margin: 0 0 10px 0; font-size: .85em; }
.events { /*float: left; width: 190px;*/ margin-left: 365px; top: 0;}
.events h2 {margin-top: 10px; }
.events h3 { margin-bottom: 0; }
.events p { margin-top: 0; }

#socialnetworks { margin-top: 7px; overflow:hidden; height: 1%;}
#communitybook { float:left; width: 142px; }
#communitybook a { margin-right: 7px; }

#feature_primary { overflow:auto; margin: 0 13px 0 0; }
#feature_primary h2 { margin: 10px 0 5px 0; }
#feature_primary p { margin: 0; }
#slideshow #feature_primary img { }

.feature { width: 175px; float: left; text-align: center; padding: 0 0 1px 0; }
#slideshow .feature img { margin: 5px auto; }
.feature h2 { margin: 13px 0 0 0;}
.feature h2 a:link, .feature h2 a:visited { text-decoration: none; }
.feature h2 a:hover, .feature h2 a:active { text-decoration:underline; }
.feature p { margin: 0; }
.featurerow { clear: left; padding: 15px 0pt; margin: 0; overflow: auto; }

#slideshow { position:relative; /*padding-top: 12px;*/ }
#slideshow_img { display: block; }
#control { position: absolute; /*top: 215px;*/ left: 313px; margin: 0; font-size: .87em; color: #FFFFCC; }
#weather { overflow: hidden; width:175px; }
#weathersrc { display:none; }

/* Things to change when banner is not in use */
#banner { position:relative; padding-bottom:7px;}
#slideshow { padding-top: 7px; }
#control { top: 300px; }
/* */

.small { font-size: .65em; }
.insetleft { float: left; margin: 0 7px 0 5px; }
.insetright { float: right; margin: 0 0 5px 7px; }
.clearing { clear:both; }
table, td, th { vertical-align: top; }

/* Calendar Styles */
.calendar, .calendar td { border-collapse: collapse; border: 1px solid #CCC; } 
.daysofweek { color: #FFF; background-color: #333399; font-weight: bold; } 
.days { color: #000; background-color: #E1E1FF; font-weight: bold; }
.daysofweek td, .days td, td.daysofweek, td.days { border: 1px solid #CCC; border-collapse: collapse; }

/* Contribute-Ready Styles */
.highlight { color: #CC0000; }
.topicnav { vertical-align: top; }
.topicnav h2 { margin-bottom: 0; }
.topicnav p { margin-top: 0; }
.textbigger { font-size: 1.1em; }
.textsmaller { font-size: .9em; }
/* Legacy Styles */
.style2 { font-weight: bold; color: #660066; }
.style8 {color: #003333}
.links, .textbold { font-weight: bold; }