/* ----------------------------------------- Stylesheet for YWCA of Western MA - www.ywworks.org Author: cdeVision.com Copyright: (c)2010 cdeVision Created: November 2010 Amended: (note date and by whom and any notes) -------------------------------------------- */ body {background:#000; margin:0; font-family:arial,helvetica,sans-serif; font-size:12px; color:#000; text-align:center;} #bgwrap {width:950px; margin:0 auto; background:url(images/bg.jpg) repeat-x;} h1, h2, h3, h4 {padding:0; margin:0;} h1 {font:normal 18px "Arial Black", arial,helvetica,sans-serif; padding:0 0 15px 0; color:#000;} /* page titles */ h2 {font:normal 15px "Arial Black", arial,helvetica,sans-serif; padding:0 0 12px 0; color:#000;} /* subtitles */ p {margin:0; padding:0 0 15px 0; line-height:17px;} p.intro {font:normal 16px georgia,times,"Times New Roman",serif; line-height:21px;} ul, ol {margin:0; padding:0 0 15px 30px;} li {line-height:17px; padding-bottom:4px;} img {border:0;} .clearfloats {clear:both; line-height:0px; height:0px; font-size:0px;} .skiplink {display:none;} .hrule {width:780px; height:24px; background:url(images/hrule.gif) no-repeat; margin:6px auto 12px;} div#printlogo {display:none;} /* fix PNG transparency in IE6- #logo, #tagline {behavior:url(scripts/iepngfix.htc);}*/ /* ---- links ----------------------------------------- */ a {color:#FF6A51; text-decoration:none;} a:visited {color:#FF6A51;} a:hover {color:#000; text-decoration:underline;} a:active {color:#FF6A51;} a:active, a:focus {outline:none;} /* links with icons */ a.pdf {background:url(images/icon-pdf.gif) 0 0 no-repeat; padding:0 0 2px 22px; text-decoration:none;} a.doc {background:url(images/icon-word.png) 0 0 no-repeat; padding:0 0 2px 22px; text-decoration:none;} /* services, news, awards, and employment pages show/hide divs */ div#popopen {margin-left:15px;} p.more {padding-bottom:4px;} p.more a {font-weight:bold;} div.extra {padding:0 15px 5px 15px; background:transparent;} div.extra p {line-height:17px !important; padding-bottom:5px !important;} div.extra ul {padding-bottom:5px !important;} div.extra li {line-height:17px !important; padding-bottom:3px !important;} /* ---- forms ----------------------------------------- */ form {margin:0;} input, textarea, select, option {font-family:verdana,sans-serif; background:#fff;} input {border:1px solid #ccc; width:360px;} textarea {border:1px solid #ccc; width:360px; height:180px;} input.button {background-color:#ccc; color:#333; width:80px; border:0;} input.nostyle {width:auto;} p.error {padding:0 0 15px 0; margin-top:10px; text-align:center; color:#de0000;} /* ---- ids & classes ----------------------------------------- */ #header {width:950px; height:150px; margin:0 auto; position:relative;} a#logo {display:block; width:244px; height:104px; position:absolute; top:25px; left:20px;} a#logo img {display:block; margin:0;} #quicklinks {text-align:right; position:absolute; top:6px; right:15px;} #quicklinks a {font-weight:bold; text-transform:lowercase; margin-left:15px;} #contactinfo {text-align:right; font-weight:bold; position:absolute; top:30px; right:15px;} #contactinfo p {font-size:12px; padding:0 0 3px 0; line-height:13px;} #contactinfo span {font-size:17px; line-height:18px; font-weight:bold; font-family:"Arial Black";} #navtop {width:930px; margin:0 auto; padding:5px 10px 5px 0;} #navtop ul {font-size:14px; margin:0; padding:0; text-align:right; list-style:none;} #navtop li {margin:0; padding:0; display:inline; margin-left:15px;} #navtop a {font-weight:bold; text-transform:uppercase; color:#000;} #navtop a:hover, #navtop a.on {color:#FF6A51; text-decoration:none;} #navmainwrap {width:950px; height:40px; margin:0 auto; position:relative;} #navmain {background:#000; position:absolute; top:0; right:0;} #navmain ul {font-size:20px; margin:0 15px 0 0; padding:0; text-align:right; list-style:none;} #navmain li {margin:0; padding:0; display:inline; margin-left:30px; line-height:40px;} #navmain a {font-weight:bold; text-transform:uppercase; color:#fff; line-height:40px; letter-spacing:1px;} #navmain a:hover, #navmain a.on {color:#FF6A51; text-decoration:none;} #navsub {width:930px; margin:0 auto; padding:6px 10px 5px 0;} #navsub ul {font-size:12px; margin:0; padding:0; text-align:right; list-style:none;} #navsub li {margin:0; padding:0; display:inline; margin-left:15px;} #navsub a {font-weight:bold; text-transform:lowercase; color:#000;} #navsub a:hover, #navsub a.on {color:#FF6A51; text-decoration:none;} /* Home page content area styles */ #homebanner {width:950px; height:268px; margin:0 auto;} #homebanner img {display:block; margin:0;} #homeboxes {width:920px; padding:25px 15px 10px; background:#000; margin:0 auto;} #homeboxes h3 {font:normal 17px "Arial Black", arial,helvetica,sans-serif; line-height:20px; padding:0 0 15px 0; color:#000;} .box {float:left; text-align:left;} .box a {color:#fff; text-decoration:none;} .box a:hover {color:#000;} .stories {background:#A2A0A1; width:295px; margin-right:15px; padding:10px 15px; height:240px; font-weight:bold; position:relative;} ul.tabs {margin:0; padding:0; list-style:none; position:absolute; bottom:15px; left:15px;} ul.tabs li {margin:0; padding:0; float:left; display:block; margin-right:10px;} ul.tabs li a {display:block; width:45px; height:35px; line-height:35px; background:#000; font-size:25px; text-align:center;} ul.tabs li a:hover {color:#FF6A51;} ul.tabs li a.current {color:#FF6A51;} div.panes {} div.panes p {padding:0;} div.panes div {} .events {background:#F36652; width:235px; padding:10px 15px; height:240px; color:#fff;} .video {background:#000; width:300px; float:right !important;} .mediaspace {border:1px solid #444; background:red;} /* All other page content area styles */ #content {width:900px; margin:0 auto; padding:20px 25px; text-align:left; background:transparent;} #content ul.popdownlist {margin:0 0 15px 0; padding:0; list-style:none;} #content ul.popdownlist a {font-weight:bold;} /* contact page */ #contact {} #mapbox {width:440px; height:400px; float:left; border:4px solid #000;} #contacttext {width:410px; float:right;} #contacttext ol li {padding-bottom:15px;} #banner {width:950px; margin:0 auto;} #banner img {display:block; margin:0;} #sitemap {width:920px; padding:15px; margin:0 auto; text-align:left; background:#000; color:#fff; font-size:12px;} #sitemap table {width:100%; border:2px solid #a2a0a0;} #sitemap table td {vertical-align:top; padding:15px 15px;} #sitemap ul {margin:0; padding:0; list-style:none;} #sitemap li {margin:0; padding:0; line-height:18px;} #sitemap li:first-child {margin-bottom:10px !important;} #sitemap a.title {text-transform:uppercase; color:#fff;} #sitemap a {color:#a2a0a0; text-transform:lowercase;} #sitemap a:hover {color:#FF6A51; text-decoration:none;} #footer {width:920px; margin:0 auto; text-align:left; padding:10px 15px; color:#eee;} #footer p {padding:0; font-size:11px;} #footer a {color:#eee;} #footer a:hover {color:#FF6A51;} /* form tables */ table#formTable {margin:10px auto 10px;} table#formTable td {vertical-align:top; padding:4px; font-size:12px;} table#formTable td.right {text-align:right;} /* ---- admin panel styles -------------------- */ #adminmenu {font-size:10px; margin:0; position:absolute; right:3px; top:3px; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #eee; border-left:1px solid #eee; width:180px; z-index:100;} #adminmenu table {text-align:left; background-color:#fff; border:1px solid #ccc; width:100%;} #adminmenu table td {padding:3px;} #adminmenu img {margin-left:6px;} #adminmenu a, #adminmenu a:visited, #adminmenu a:active {margin-right:6px; text-decoration:none; color:#2970C7;} #adminmenu a:hover {color:red;}