@charset "UTF-8";
/* Pregnancy Resource Center of Santa Cruz */
/* Copyright (c) 2008 Pregnancy Resource Center of Santa Cruz */
/* Stylesheet by Kevin at Brough Communications [http://www.brough.com] */
/* For Screen */

/************** Colors Used **************
Hot Pink: c06
Orange: f63
Light Sage Green: 9FBC78
Sage Green: rgb(41,176,93)
Gray: 687073
Teal (from Logo): 00A5A3
*/

/************** Root Element **************/
html { margin:0; padding:0; }
body { margin:0; padding:0; color:#687073; background:#fff; 
    font:small/1.4 Arial,Helvetica,sans-serif; }
#container { position:relative; top:-1px; width:1000px; margin:0 auto; border-top:1px solid #fff; 
	border-bottom:10px solid #c06; color:#687073; 
    background:#fff url("/img/decor/page_bg.png") 100% 0 repeat-y; }

/************** Headings **************/
h1 { margin:0; padding:0; font-size:150%; }
h2 { margin:20px 0 5px; padding:0; color:#c06; font-size:160%; }
h3 { margin:15px 0 5px; padding:0; color:#f63; font-size:140%; }
h2 + h3 { margin-top:5px; }
h4 { margin:10px 0 5px; padding:0; font-size:120%; }
h5 { margin:10px 0 5px; padding:0; font-size:110%; font-weight:bold; }
h6 { margin:10px 0 5px; padding:0; font-size:100%; font-weight:bold; }

/************** Links **************/
a:link { color:#00A5A3; }
a:visited { color:#90c; }
a:hover, a:focus { color:#c06; }
a:active { color:#fff; background:#c06; }
a img { border:0 none; }

/************** Standard Elements **************/
p { margin:5px 0; padding:0; }
ul { margin:5px 15px; padding:0; }
ul li { margin:2px 0; padding:0; }
form { margin:0; padding:0; }
fieldset { }
legend { color:#687073; }
label { }
textarea, input.form-text { font-size:100%; font-family:Verdana,Arial,Helvetica,sans-serif; }
input.form-text { border:1px solid #687073; }
input.form-check { size:1em; }
input.form-radio { size:1em; }
input.form-button { border:1px solid #687073; color:#687073; background:#9FBC78; font-weight:bold; 
    font-family:Verdana,Arial,Helvetica,sans-serif; -moz-border-radius:5px; -webkit-border-radius:5px; }

code { font-size:110%; font-family:Consolas,"Lucida Console",Monaco,monospace; }
small { font-size:90%; }
acronym { border:0 none; cursor:help; }

/************** Page Layout **************/
#skiplinks { margin:0; padding:0; list-style:none; }
#skiplinks li { display:inline; }
#skiplinks li a { position:absolute; top:-9999px; left:-9999px; display:block; width:275px; height:40px; 
    color:#fff; background:url("/img/decor/skip_links.png") 50% 50% no-repeat; text-decoration:none; 
    text-align:center; font-weight:bold; }
#skiplinks li a:hover, #skiplinks li a:focus, #skiplinks li a:active { top:50px; left:300px; }

#header { position:absolute; top:0; width:1000px; height:250px; margin:0; padding:0; 
    background:url("/img/decor/header.png") 0 0 no-repeat; z-index:100; }
#header h1 { margin:0; padding:0; }
#header h1 a:active { color:#c06; background:transparent; }
#header h1 img { padding:35px 25px; }

#content { position:relative; margin:140px 230px 0 0; padding:0 0 0 160px; background:#9FBC78; overflow:hidden; }
#primary-content { float:right; width:590px; padding:70px 10px 10px 10px; background:#fff; }
#nav { width:160px; display:inline; margin:110px 0 0 -160px; padding:0; float:left; list-style:none; 
    color:#fff; background:#9FBC78; text-align:right; }
#nav li { display:inline; }
#nav li a:hover { padding-top:8px; padding-bottom:8px; border:2px solid #fff; border-width:2px 0; 
    background:rgb(127,162,81); }
#nav li a { display:block; margin:5px 0; padding:10px; color:#fff; text-decoration:none; }

.page-services #nav li#nav-services a, .page-pregnancy #nav li#nav-pregnancy a, 
.page-stds #nav li#nav-stds a, .page-hot #nav li#nav-hot a, .page-donate #nav li#nav-donate a, 
.page-contact #nav li#nav-contact a { padding-top:8px; padding-bottom:8px; border:2px solid #fff; 
    border-width:2px 0; background:#c06 url("/img/decor/nav_active.gif") 0 100% no-repeat; }

#primary-content h2:first-child { margin-top:0; }

#footer { position:absolute; bottom:20px; right:30px; width:175px; 
    font:75%/1.2 Arial,Helvetica,sans-serif; text-align:right; }
#p-trusted { color:#f63; font-size:190%; margin-bottom:40px; }
#p-schedule { color:#c06; font-size:120%; }
#p-schedule a { color:#c06; font-size:90%; }
#p-schedule a:active { color:#fff; }
#p-services { color:#f63; font-size:140%; }
#p-address { color:rgb(127,162,81); font-weight:bold; }

/************** Classes **************/
.page-services #header, .page-donate #header { background-image:url("/img/decor/header_services.png"); }
.page-stds #header, .page-contact #header { background-image:url("/img/decor/header_stds.png"); }
.page-pregnancy #header { background-image:url("/img/decor/header_pregnancy.png"); }

.page-home #container { background:#fff url("/img/decor/home_page_bg.png") 100% 0 repeat-y; }
.page-home #header { position:absolute; top:0; width:100%; height:266px; margin:0; padding:0; 
    background:url("/img/decor/header_home.png") 0 0 no-repeat; z-index:100; }
.page-home #content { position:static; width:650px; margin:130px 230px 0 0; padding:126px 0 0 0; 
	background:transparent; }
.page-home #primary-content { margin:0; padding:20px 10px; float:none; 
    background:url("/img/decor/content_bg.png") 0 0 repeat-y; }

.page-home #nav { position:absolute; top:161px; left:30px; width:650px; margin:0; padding:0; 
    background:transparent; text-align:center; line-height:1.0; z-index:1001; }
.page-home #nav li a { float:left; width:98px; margin:0; padding:0 5px; }
.page-home #nav li a:hover { border:0 none; background:transparent; }

.page-home li#nav-services a:hover { background:url("/img/decor/nav_active_1.gif") -1px 0 no-repeat; }
.page-home li#nav-pregnancy a:hover { background:url("/img/decor/nav_active_2.gif") 0 0 no-repeat; }
.page-home li#nav-stds a:hover { background:url("/img/decor/nav_active_3.gif") 0 -1px no-repeat; }
.page-home li#nav-hot a:hover { background:url("/img/decor/nav_active_4.gif") 0 -1px no-repeat; }
.page-home li#nav-donate a:hover { background:url("/img/decor/nav_active_5.gif") 0 -1px no-repeat; }
.page-home li#nav-contact a:hover { background:url("/img/decor/nav_active_6.gif") 0 -1px no-repeat; }

.page-home li#nav-services a, .page-home li#nav-contact a { padding-top:80px; padding-bottom:12px; }
.page-home li#nav-pregnancy a, .page-home li#nav-donate a { padding-top:40px; padding-bottom:50px; }
.page-home li#nav-stds a, .page-home li#nav-hot a { padding-top:20px; padding-bottom:35px; }
.page-home li#nav-home { display:none; }

.page-home h2.replaced { height:0; margin-bottom:30px; padding-top:132px; 
    background:url("/img/decor/home_text.gif") 50% 0 no-repeat; overflow:hidden; }
.group { width:378px; margin:0 auto; padding:0 5px; color:#c06; 
    background:url("/img/decor/group.gif") 50% 0 repeat-y; text-align:center; font-size:110%; }
.group .top { height:12px; margin:0 -5px; padding:0; 
    background:#fff url("/img/decor/group_top.gif") 50% 0 no-repeat;}
.group .bottom { height:15px; margin:0 -5px; padding:0; clear:both; 
    background:#fff url("/img/decor/group_bottom.gif") 50% 100% no-repeat; }
.group h3 { color:#c06; }
.group p { float:left; width:189px; margin:10px 0; padding:0; }
.group p#phone { text-align:right; width:179px; padding-right:9px; border-right:1px solid #666; }
.group p#email { text-align:left; width:179px; padding-left:9px; }
.emphasis { margin:10px 0; color:#c06; text-align:center; font-size:150%; }