/*   
Site Name: Oregon Cultural Trust
Style Description: 960px fixed layout, home page has content floated over an image, interior is a 2-column layout with sidebar on left.
Author: Nic Marson
Author URI: http://nicmarson.com/
Agency URI: http://squishymedia.com/
Version: 1.0
*/

@import url(css/reset.css);
@import url(css/typography.css);
@import url(css/layout.css);
body { background:url(/img/body.png) repeat-x; }
a { color:#003F79; text-decoration:none; }
a:visited { color:#650A0A; }
a:hover { color:#B20000; }
.home #wrapper { background:#202020 url(/img/dancers.jpg) no-repeat; }
ul.sq { list-style-type: square; }
li.sq { list-style-type: square; }
/* Header */
#branding { width:100%; }
#site-name { height:128px; left:20px; position:absolute; text-indent:-999em; top:0; width:200px; }
#site-name a { background:url(/img/logo.png); display:block; height:128px; width:100%; }
#site-description { background:url(/img/description.png); height:101px; left:239px; position:absolute; text-indent:-999em; top:20px; width:578px; }
.home #site-name { left:50px; }
.home #site-description { left:269px; }
/* Navigation */
#nav, #nav ul { font-family:Arial, Helvetica, sans-serif; padding:0; margin:0; list-style:none; }
#nav { background:#393939 url(/img/nav.png) repeat-x; z-index:2; }
#nav a { display:block; }
#nav li { display:inline; float:left; }
#nav li ul { position:absolute; width:22em; left:-999em; }
#nav li li { display:block; float:none; }
#nav li:hover ul, #nav li.sfhover ul { left:auto; }
#nav li#nav-about:hover ul, #nav li#nav-about.sfhover ul { left:auto; right:0; }
/* Button Widths */
#nav-home { width:130px; }
#nav-celebrate { width:250px; }
#nav-give { width:140px; }
#nav-about { width:140px; }
/* Nav Appearance */
#nav li a { background:url(/img/nav-separator.gif) no-repeat right center; color:#E0E0E0; font-size:15px; margin:4px; padding:6px 0 5px; text-align:center; -moz-border-radius:4px; -webkit-border-radius:4px; }
#nav li a#nav-about-link { background:none; } /* no background because it is the last link */
#nav li a:hover { background:#494949; color:#FFF; }
#nav li.parent a:hover, /* All links that activate sub menus */
#nav li a#nav-about-link:hover, /* Need to specify #about to override previous declaration */
#nav-celebrate.sfhover.parent a#nav-celebrate-link, /* These styles keep the hover state while hovering over sub menu items */
#nav-give.sfhover.parent a#nav-give-link,
#nav-about.sfhover.parent a#nav-about-link { background:#494949; color:#FFF; margin:4px 4px 0; padding:6px 0 9px; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; }
/* Sub Menu Styles */
#nav li.parent li a { background:#494949; font-size:12px; margin:0; padding:3px .8em; text-align:left; -moz-border-radius:0; -webkit-border-radius:0; }
#nav li.parent li a:hover { background:#303030; color:#FFF; margin:0; padding:3px .8em; }
/* Active Page Styles */
.home a#nav-home-link { background:#393939; }
.home a#nav-home-link { background:#393939; }
/* Container */
#content { background:#FFF; color:#505050; }
.main-text { min-height: 350px; }
/* Side Bar */
#primary { background:#F0F0F0; color:#3F3F3F; font-size:12px; }
#primary h3 { background:#404040; color:#FFF; font-size:14px; padding:8px 12px; }
#primary h4 { color:#1F1F1F; font-size:14px; }
#primary .text-box { padding:0 12px; }
#primary .text-box ul, #primary .text-box ol { margin:0 0 15px; }
#primary .text-box li { margin-bottom:10px; }
/* Footer */
#footer { background:#202020; color:#D2D2D2; font-size:12px; }
#footer p { margin:0; }
#footer a { color:#5FC5E5; }
#footer a:hover { color:#8FD7ED; }
#footer address span, #site-info a { padding:0 4px; }
#social { border-right:1px solid #C0C0C0; float:left; margin:0 25px 0 0; padding-right:25px; width:111px; }
#facebook { height:30px; margin-bottom:15px; text-indent:-999em; width:111px; }
#facebook a { background:url(/img/facebook.png); display:block; height:30px; width:100%; }
#twitter { height:30px; text-indent:-999em; width:111px; }
#twitter a { background:url(/img/twitter.png); display:block; height:30px; width:100%; }
#site-info { float:left; width:660px; }
/* Misc. */
#photo-credit { color:#FFF; font:bold 12px Arial, Helvetica, sans-serif; position:absolute; right:15px; top:275px; }
p.calltop { font-size: 12pt; }
/* Headers */
.donate #header { background:url(/img/donate-header.jpg); }

/* Home */
.home #container { background:url(/img/white-80.png); }
.home #content { background:url(/img/home-content.png) repeat-x left bottom; z-index:1; }
.home #ads { border-bottom:1px solid #B0B0B0; float:left; margin:40px 0px 0px 0px; padding:20px; width:640px; background-color: #c0c0c0; }
.home #ads h3 { font:18px Georgia, "Times New Roman", Times, serif; margin-bottom:8px; }
.home #ads p { font-size:12px; margin:0; }
.home #ads div { float:left;  }
.home #ad-one { border-right:1px solid #A0A0A0; margin-right:20px; padding-right:19px; width:300px; }
.home #ad-one h3 a { color:#003F79; }
.home #ad-two { width:300px; }
.home #ad-two h3 a { color:#B20000; }
.home #value-statement { float:left; font:16px/1.4 Georgia, serif; margin:0; padding:13px 20px 19px; width:620px; }
.home #photo-caption { font-family:Georgia, serif; float:left; padding:15px 15px 10px; width:630px; }
.home #photo-caption h2 { color:#003F79; font:17px/1 Georgia, serif; margin-bottom:8px; }

.home #photo-caption h2 #photo_credit { color: #999; font:14px/1 Georgia, serif; margin-bottom:8px; }
/*
.home #photo-caption h2 span { background:#303030; color:#FFF; display:block; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold; margin-right:4px; padding:2px 4px; width:auto; }
*/
.home #photo-caption h2 #photo_label { background:#303030; color:#FFF; display:block; float:left; font:11px Arial, Helvetica, sans-serif; font-weight:bold; margin-right:4px; padding:2px 4px; width:auto; }

.home #photo-caption p { margin:0 0 8px; }

/* Donate */
#donate-info { background:#F4F3D5 url(/img/donate-info.gif); border:1px solid #BFBFBF; margin:0 auto; padding:15px; width:570px; -moz-border-radius:6px; -webkit-border-radius:6px; }
#donate-info ol { float:left; margin:0; padding:10px 0 20px 10px; width:100%; }
#donate-info li { float:left; margin-right:10px; width:160px; }
#donate-info li h2 { background-position:center top; height:47px; margin-bottom:15px; text-indent:-999em; }
#donate-one, #donate-two { font-size:14px; padding-top:22px; }
#donate-one h2 { background:url(/img/donate-1.png) no-repeat center top; }
#donate-two h2 { background:url(/img/donate-2.png) no-repeat center top; }
#donate-info #donate-three { background:url(/img/donate-3-background.png) no-repeat; color:#FFF; font-size:15px; padding:24px 23px 25px 19px; position:relative; width:172px; }
#donate-info #donate-three div { background:url(/img/donate-3-background.png) no-repeat bottom left; bottom:0; height:15px; left:0; position:absolute; width:100%; }
#donate-three h2 { background:url(/img/donate-3.png) no-repeat center top; }
#donate-three .button a { background:url(/img/donate-3-button.png); display:block; height:33px; margin:0 auto; text-indent:-999em; width:140px; }
#make-contribution { background:#FFF; border:1px solid #CCC; clear:left; padding:11px 15px 13px; -moz-border-radius:5px; -webkit-border-radius:5px; }
#make-contribution h2 { font:18px Georgia, serif; }
#make-contribution dl { margin:0; }
#make-contribution dt { background:#303030; color:#FFF; display:block; float:left; font:12px Arial, Helvetica, sans-serif; font-weight:bold; margin-right:.5em; padding:3px 5px; width:5.2em; }
#donate-info dl address { float:left; width:240px; }
#donate-info dl .button a { background:url(/img/print-mail-button.png); display:block; height:48px; margin-left:320px; text-indent:-999em; width:218px; }
#primary #donate-callout { padding-top:12px; }
#donate-callout .button a { background:url(/img/donate-today-button.png); display:block; height:58px; text-indent:-999em; width:216px; }

/* Some Accordion Menu */
div.accordionButton { background-color: #333; font-family: arial, helvetica, sans-serif; color: #FFF; font-size: larger; margin-bottom: 5px; padding-left: 10px; }
div.accordionContent { background-color: #FFF; font-family: arial, helvetica, sans-serif; }

/* The Other Accordion Menu */
ul#menu, ul#menu ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 675px;
  font-family: arial, helvetica, sans-serif;
}

ul#menu a {
  display: block;
  text-decoration: none;	
}

ul#menu li {
  margin-top: 1px;
}

ul#menu li a {
  background: #333;
  color: #fff;	
  padding: 0.5em;
}

ul#menu li a:hover {
  background: #000;
}

ul#menu li ul li a {
  background: #EDEDED;
  color: #000;
  padding-left: 20px;
}

ul#menu li ul li a:hover {
  background: #aaa;
  border-left: 5px #000 solid;
  padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }

table.searchtable td {
	padding: 5px; 
}

.hdr {padding-bottom: 10px; font-weight: bold; }

/* End */