@charset "UTF-8";
/* Make A Wish CSS Document */

*, html, body {
margin: 0;
padding: 0;
}

body {
background-image: url(Images/texture_bg.jpg);
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
background-color: #1c1c4d;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#838383;
}

/* General selectors ----------------------------------------------------------- */

h2 {
margin: 0;
margin-bottom: 15px;
padding: 0;
font-size: 21px;
font-weight: 300;
}

h3 {
font-weight: bold;
font-size: 15px;
margin-bottom: 15px;
}

h4 { 
/* accordion headings */
background:url(Images/arrowSIDE.png);
background-repeat:no-repeat;
width: 519px;
height: 37px;
margin: 0;
padding: 0;
color: #32459d;
font-size: 15px;
font-weight: normal;
text-indent: 25px;
line-height: 35px;
cursor: pointer;
font-weight: bold;
}

h4:hover { 
/* accordion headings */
width: 519px;
height: 37px;
margin: 0;
padding: 0;
color: #424242;
font-size: 15px;
font-weight: normal;
text-indent: 25px;
line-height: 35px;
cursor: pointer;
font-weight: bold;
text-decoration:underline;
}




p {
margin-top: 1em;
margin-bottom: 1em;
}

a {
text-decoration: none;
color: #32459D;
}

a img {
border: none;
}

a:hover {
color: #424242;
}

th {
font-size: 12px;
}

.clear {
clear: both;
}

/* End General selectors ----------------------------------------------------------- */

/* Font classes ----------------------------------------------------------- */

.capitalize {
text-transform: capitalize;
}

.standout {
color: #000000;
font-style: italic;
}

p.question {
font-weight: bold;
margin-bottom: 0;
}

.question {
font-weight: bold;
}

.more-link {
/* newsletter download, wish-story 'read more' */
font-weight: bold;
text-align: right;
}

.error {
color: #dc2b47;
font-style: italic;
}

/* End Font classes ----------------------------------------------------------- */

/* Major Page Layout --------------------------------------------------------- */

#container {
position: absolute;
width: 100%;
}

#wrapper {
position: relative;
width: 920px;
margin: 0;
padding: 0;
margin-left: 50%;
left: -460px;
top: 0;
}

#sidebar ul {
margin: 0;
padding: 0;
width: 165px;
}

#sidebar ul li {
border-top: solid thin #b1b1af;
font-weight: bold;
text-align: center;
line-height: 20px;
list-style-type: none;
}

#sidebar ul li.first-sub {
border: none;
}

#sidebar h3 {
text-align: center;
width: 165px;
}

#logo a {
display: block;
text-indent: -5000px;
width: 437px;
height: 195px;
}

#content a:hover {
text-decoration: underline;
}

#content ul {
margin-left: 30px;
}

#footer {
padding-top: 90px;
padding-bottom: 20px;
}

#footer ul {
margin: 0 auto;
padding: 0;
width: 300px;
}

#footer ul li {
display: inline;
list-style-type: none;
}

#footer ul li a, #footer ul li {
color: #ffff00;
}

/* End Major Page Layout --------------------------------------------------------- */

/* Navigation Tabs ----------------------------------------------------------- */

#nav ul {
margin: 0;
padding: 0;
}

#nav ul li {
float: left;
background-repeat: no-repeat;
list-style-type: none;
}

#nav ul #adminA a, #nav ul #adminW a, #nav ul #adminV a {
width: 163px;
height: 33px;
}

#nav ul li a {
display: block;
width: 95px;
height: 34px;
}

#nav ul li a span {
display: none;
}
/* End Navigation Tabs ----------------------------------------------------------- */

/* User Box ----------------------------------------------------------- */

.login { /* also used on admin login page */
background-image:url(Images/loginBtn.gif);
width: 46px;
height: 24px;
border: none;
cursor: pointer;
}

#user form .login:hover {
/*background-image:url(Images/loginBtn_RO.jpg);*/
}

#user form .logout {
margin: 0;
padding: 0;
margin-left: 10px;
background-image:url(Images/logout_btn.gif);
width: 46px;
height: 24px;
border: none;
cursor: pointer;
}

#user form .logout:hover {
background-image:url(Images/logout_btn_RO.gif);
}

#user form input.text {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 15px;
width: 130px;
font-size: 11px;
margin-right: 12px;
}

#user form .welcome {
font-size: 16px;
padding-right: 20px;
padding-top: 2px;
float: left;
text-transform: capitalize;
}

#user ul {
display: inline;
margin: 0;
padding: 0;
}

#user ul li {
float: left;
padding-right: 10px;
background-repeat: no-repeat;
display: inline; /* Safari needs this line to function properly */
}

#user ul li a {
width: 40px;
height: 23px;
display: block;
}

#user ul li a span {
display: none;
}

#volunt-icon {
background-image: url(Images/volunt-icon.gif);
}
/* End User Box ----------------------------------------------------------- */

/* Stripe ----------------------------------------------------------- */

#user.wishes form {
background-image: url(Images/stripe-pink.jpg);
}

#user.volunteer form {
background-image: url(Images/stripe-purple.jpg);
}

#user.giving form {
background-image: url(Images/stripe-blue.jpg);
}

#user.about form {
background-image: url(Images/stripe-yellow.jpg);
}

#user.events form {
background-image: url(Images/stripe-red.jpg);
}

#user.default form {
background-image: url(Images/stripe-gray.jpg);
}
/* End Stripe ----------------------------------------------------------- */

/* Color Code ----------------------------------------------------------- */
.wishes #content h2, .wishes #content h3, .wishes .question, #user.wishes .welcome {
color: #c935ab;
}

.volunteer #content h2, .volunteer #content h3, .volunteer .question, #user.volunteer .welcome {
color: #8325d5;
}

.giving #content h2, .giving #content h3, .giving .question, #user.giving .welcome {
color: #2d8edb;
}

.about #content h2, .about #content h3, .about .question, #user.about .welcome {
color: #E3D826;
}

.events #content h2, .events #content h3, .events .question, #user.events .welcome {
color: #dc2b47;
}
/* End Color Code ----------------------------------------------------------- */

/* Wish Story ----------------------------------------------------------- */

#sidebar .wstory-img {
width: 165px;
margin-top:50px;
}

.wstory-title {
font-weight: bold;
margin-top: 0;
margin-bottom: 1px;
}

/* End Wish Story ----------------------------------------------------------- */

/* Blue Content divs ----------------------------------------------------------- */

.mover {
background-color: #d9dff4;
margin: 0;
padding: 0;
width: 480px;
margin-left: 19px;
}

.wide .mover { /* pages that need more space */
width: 550px;
}

.mover p {
margin: 0;
padding-left: 15px;
padding-right: 15px;
padding-top: 7.5px;
padding-bottom: 7.5px;
}

.mover ul {
margin: 0;
margin-top: -6px;
padding-bottom: 7.5px;
margin-left: 16px;
}

.mover ul li {
list-style-position: inside;
}

.mover table { /*admin area */
margin: 5px;
width: 468px;
border-collapse: collapse;
/*border: solid thin #000000;*/
}

.wide .mover table {
width: 538px;
}

.mover th {
border-bottom: solid thin #34459d;
color: #34459d;
font-weight: bold;
}

.mover td {
padding-top: 15px;
padding-right: 10px;
padding-left: 10px;
}

.mover td .add {
background-image: url(Images/add.gif);
background-repeat: no-repeat;
background-color: #d0e0f2;
cursor: pointer;
width: 15px;
height: 15px;
display:  block;
border: none;
}

.mover td .add span {
display:  none;
}

.staticDiv { 
/* styled like a mover div but doesnt toggle */
border-color: #34459D;
border-style: solid;
border-width: 2px;
}

.pagination a, .pagination .currPageNum {
margin-right: 8px;
}

.currPageNum {
font-weight: bold;
}

/* End Blue Content divs ----------------------------------------------------------- */

/* Content Management System ----------------------------------------------------------- */

.editBtn a {
padding-left: 10px;
}

.editBtn input { /* delete btn */
margin-left: 10px;
background-image: url(Images/delete.jpg);
width: 16px;
height: 13px;
border: none;
}

.editBtn input:hover {
background-image: url(Images/delete_RO.jpg);
}


#individualPerson { /* pop up in the cms */
position: absolute;
display: none;
background-color: #34459d;
top: 0;
left: 0;
z-index: 20;
margin-top: -150px;
margin-left: 200px;
padding: 8px;
color: #ffffff;
border: solid 3px #ffffff;
cursor: pointer;
}

#individualPerson table {
float: left;
width: 200px;
margin-right: 15px;
}

#individualPerson table.sidebyside, #individualPerson table.stacked {
float: left;
width: 250px;
margin-right: 15px;
}

#individualPerson td.label {
color: #000000;
}

#individualPerson h3 {
margin-top: 15px;
}

/* End Content Management System ----------------------------------------------------------- */

/* Corporate Spotlight --------------------------------------------------------- */

#spotlight td { /*corporate support / spotlight */
padding: 10px;
padding-bottom: 20px;
}

#spotlight td * {
margin: 0;
padding: 0;
}

#spotlight td img {
width: 150px;
}

/* End Corporate Spotlight --------------------------------------------------------- */

/* Staff, Board, and Mission --------------------------------------------------------- */

td .staff { 
/* mission statement w/ ceo image */
margin-left:  10px;
}

.about td {
vertical-align: top;
}

.galleryTh {
position: relative;
float: left;
width: 150px;
margin-right: 10px;
margin-bottom: 15px;
}

.galleryTh img {
height: 150px;
}

span.noImage .galleryTh {
height: 90px;
overflow: hidden;
}

img.staff  {
border: solid 6px #E3D826;
}

p.staff {
text-align: center;
}

.galleryTh * {
margin: 0;
padding: 0;
}

.contactBlock {
position: relative;
float: left;
margin-right: 25px;
margin-bottom: 15px;
}

/* End Staff and Board --------------------------------------------------------- */

/* Volunteer Dashboard --------------------------------------------------------- */

#docsWidget2 { /*volunteer dashboard */
/*background-image:url(Images/calendarBG_blu.jpg);
background-repeat: no-repeat;
width: 200px;
height: 155px;
padding: 8px;
margin-bottom: 15px;*/
}

#docsWidget { /*volunteer dashboard */
background-image: url(Images/calendarBG_blu.png);
background-repeat: no-repeat;
width: 200px;
height: 155px;
padding: 8px;
margin-bottom: 15px;
}

	/*CALENDAR FOR VOLUNTEER HOME*/
table.sqWidgets table.calendar {
text-align: center;
/*background:#f1c8c9;
border: #f1c8c9 solid;*/
background-image:url(Images/calendarBG_blu.png);
background-repeat: no-repeat;
width: 200px;
height: 155px;
padding: 8px;
margin-bottom: 15px;
}
/*END OF CALENDAR FOR VOLUNTEER HOME*/
	

table.sqWidgets table.calendar td {
padding: 0;
border: solid thin #d9dff4;
width: 24px;
}

table.sqWidgets .calendar .date { /* calendar dates without events */
background-color: #d9dff4;
border: solid thin #8f9fd8;
}

table.sqWidgets {
padding: 0px;
padding-bottom: 0;
}

table.sqWidgets td {
vertical-align: top;
}

table.sqWidgets td p {
padding-left: 10px;
}

table.sqWidgets ul {
width: 180px;
padding-top:  35px;
}

table.sqWidgets td #calendarDiv {
margin-right: 20px;
}

table.sqWidgets .calendar .today {
background-color: #d9dff4;
color:#333333; 
font-weight: bold;
}

table.sqWidgets .calendar .dayevent, .weekly, .monthly { /* events that occur on a single day */
background-color: #27459f;
color:#CCCCCC;
font-weight:bold;
}

table.sqWidgets .calendar .limited { /* events that occur over a range of days */
background-color: #667fcb;
color:#CCCCCC;
font-weight:bold;
}

#voldashBAR{
	background:url(Images/voldashBAR.gif);
	background-repeat:no-repeat;
	float:left;
	margin-top:10px;
	margin-left:20px;
	z-index:40;
}

/* End Volunteer Dashboard --------------------------------------------------------- */

/* Steps to Volunteer --------------------------------------------------------- */

#stepsvol p.question {
display: none;
}

p.step1, p.step2, p.step3 {
background-repeat: no-repeat;
background-position: left top;
padding-top: 80px;
padding-left: 45px;
}

p.step1 {
background-image: url(Images/volsteps1.gif);
}

p.step2 {
background-image: url(Images/volsteps2.gif);
}

p.step3 {
background-image: url(Images/volsteps3.gif);
}

/* End Steps to Volunteer --------------------------------------------------------- */

/* Sitemap page --------------------------------------------------------- */

.sitemap td {
vertical-align: top;
padding-right: 10px;
}

/* End Sitemap page --------------------------------------------------------- */

/* Home Page ----------------------------------------------------------- */

#tagline {
position: relative;
margin-left: 210px;
}

.home #content {
width: auto;
margin: 0 auto;
padding-left: 28px;
float: left;
}

#mediaBox {
background-color: #9bbcf0;
margin-left: 28px;
margin-top: 10px;
padding: 0;
padding-bottom: 0;
padding-top: 0;
width: 800px;
height: 235px;
display: block;
float: left;
}

.home img { /* 'Share the Power of a Wish' */
margin-top: 40px;
margin-bottom: -30px;
}

.home h2 {
font-size: 16px;
font-weight: bold;
color: #8e4f80;
}

#home-newsletter, #home-mission, #home-events {
float: left;
height: 200px;
padding: 20px;
padding-bottom: 0;
margin-top: 10px;
}

#home-newsletter {
width: 170px;
background-image: url(Images/verticleLineDivider.jpg);
background-position: right;
background-repeat: no-repeat;
}

#home-mission {
width: 360px;
background-image: url(Images/verticleLineDivider.jpg);
background-position: right;
background-repeat: no-repeat;
}

#home-events {
background-image: none;
width: 180px;
}
/* End Home Page ----------------------------------------------------------- */

/* Events Calendar ----------------------------------------------------------- */

#eventListings, #calColumn { /* div columns inside #content div on events.php */
padding-left: 20px;
}

#eventListings {
float: left;
width: 370px;
}

#eventListings img {
width: 120px;
padding-right: 10px;
}

#calColumn {
float: right;
width: 200px;
}

.events h2 {
padding-left: 20px;
}

.events .bodycopy h2 { /* overrides the style above for the event hosting page */
padding-left: 0;
}

.events h3 {
margin-top: 10px;
}

#calColumn a{
color:#C7415F;
font-weight:bold;
}

#calColumn a:hover{
color:#333333;
font-weight:bold;
text-decoration:none;
}

#calendarDiv p {
padding-left: 10px;
}

.calendar {
text-align: center;
/*background:#f1c8c9;
border: #f1c8c9 solid;*/
background-image: url(Images/calendarBG.jpg);
background-repeat: no-repeat;
width: 200px;
height: 155px;
padding: 8px;
margin-bottom: 15px;
}

.calendar td {
padding: 0;
border: solid thin #f0c8c9;
width: 24px;
}

.date { /* calendar dates without events */
background-color: #f1c8c9;
border: solid thin #cd8b88;
}

.limited { /* events that occur over a range of days */
background-color: #C7415F;
color:#CCCCCC;
font-weight:bold;
}

#content .calendar .limited a{
color:#FFFFFF;
}

#content .calendar .limited a:hover{
color:#333333;
text-decoration:none;
}

.dayevent, .weekly, .monthly { /* events that occur on a single day */
background-color: #ac0d31;
color:#CCCCCC;
}

#content .calendar .dayevent a{
color:#ffffff;
}

#content .calendar .dayevent a:hover{
color:#333333;
text-decoration:none;
}

#content .calendar .weekly a{
color:#ffffff;
}

#content .calendar .weekly a:hover{
color:#333333;
text-decoration:none;
}

#content .calendar .monthly a{
color:#ffffff;
}

#content .calendar .monthly a:hover{
color:#333333;
text-decoration:none;
}

.today {
background-color: #f1c8c9;
color:#333333; 
font-weight: bold;
}

#content .calendar .today a{
color:#C7415F; 
}

#content .calendar .today a:hover{
color:#333333;
}

/* End Events Calendar ----------------------------------------------------------- */

/* Event Photos ----------------------------------------------------------- */

.albumCovers {
margin-left: 30px;	
text-align: center;
width: 150px;
float: left;
}

.albumCovers img {
  min-width: 150px;
  min-height: 150px;
  max-width: 220px;
  max-height: 220px;
}

.albumImg {
width: 150px;
height: 150px;
overflow: hidden;
border: solid 3px #DC2B47;
}

.evPhotoDel {
float: left;
width: 100px;
height: 120px;
}

#photosWrapper {
width:506px; 
margin-left: 30px;
}

#fullsize {
position: relative;
width: 500px;
height: 300px;
margin: 5px;
border: 2px solid white;
}

#image {
width: 500px;
height: 306px;
}

#image img {
position: absolute;
width: auto;
height: 100%;
}

#information {
position:absolute; 
bottom:0; 
width:500px; 
height:0; 
background:#000; 
color:#fff; 
overflow:hidden; 
z-index:200; 
opacity:.7; 
filter:alpha(opacity=70);
}

#information * {
padding-left: 12px;
}

.imgnav {
position:absolute; 
width:25%; 
height:306px; 
cursor:pointer; 
z-index:150;
}

#imgprev {
left:0; 
background:url(Images/left.gif) left center no-repeat;
}

#imgnext {
right:0; 
background:url(Images/right.gif) right center no-repeat;
}

#thumbnails {
margin-top: 20px;
}

#slideleft {
float:left; 
width:20px; 
height:81px; 
background:url(Images/scroll-left.gif) center center no-repeat; 
background-color: #DC2B47;
}

#slideright {
float:right; 
width:20px; 
height:81px; 
background: url(Images/scroll-right.gif) center center no-repeat;
background-color: #DC2B47;
}

#slideleft:hover, #slideright:hover {
background-color: #dc6b7d;
}

#slidearea {
float:left; 
position:relative; 
width:456px; 
margin-left:5px; 
height:87px; 
overflow:hidden;
}
#slider {
position:absolute; 
left:0; 
height:81px
}

#slider img {
cursor:pointer; 
border:3px solid #DC2B47; 
}


/* End Event Photos ----------------------------------------------------------- */

/* Forms / Tables ----------------------------------------------------------- */
form.form-sidebyside table, form.form-stacked table {
font-size: 12px;
margin-bottom: 35px;
}
form.form-sidebyside td, form.form-stacked td {
margin: 0;
}

table.sidebyside {
font-size: 12px;
margin-bottom: 15px;
}

table.sidebyside td, table.stacked td { 
padding-top: 0;
padding-right: 5px; /* vol application confimration */
}

form.form-sidebyside td.sub-table {
margin: 0;
padding: 0;
padding-bottom: 0;
padding-top: 0;
}

form.form-sidebyside td.sub-table table {
width: 203px;
margin: 0;
padding: 0;
}

td.example {
padding-bottom: 0;
padding-top: 5px;
padding-left: 10px;
font-size: 10px;
font-style: italic;
}

td.checklist input {
margin-right: 5px;
margin-top: 8px;
}

td.label {
font-weight: bold;
text-align: right;
font-size: 12px;
}

table.sidebyside td.label { /*confirmation page */
width: 125px;
padding-right: 10px;
}

table.sidebyside td img { /* admin pages that display image entries */
padding-right: 10px;
width: 100px;
}


table.sidebyside img.wstory-img {
width: 100px;
}

table.stacked td.label {
text-align: left;
padding-bottom: 0;
}

form.form-sidebyside td.label {
vertical-align: top;
padding-top: 2px;
padding-right: 10px;
padding-left: 13px;
padding-bottom: 0;
}

form.form-stacked td.label {
padding-top: 2px;
padding-right: 10px;
/*padding-left: 13px;*/
padding-bottom: 0;
text-align: left;
}

form td.longinput {
width: 203px;
height: 27px;
text-align: left;
/* bg image is specified at the bottom of this page */
}

form td.longinput input {
border: hidden;
border: none;
background-color: #F2F2F2;
height: 16px;
width: 184px;
margin-left: 9px;
color: #8325d5;
font-weight: bold;
}

form td.shortinput {
width: 73px;
height: 27px;
text-align: left;
/* bg image is specified at the bottom of this page */
}

form td.shortinput input {
border: hidden;
border: none;
background-color: #F2F2F2;
height: 16px;
width: 50px;
/*margin-bottom: 3px;*/
margin-left: 9px;
color: #8325d5;
font-weight: bold;
}

form td.browsefile {
height: 28px;
text-align: left;
padding: 0;
/* bg image is specified at the bottom of this page */
}

form td.browsefile div.browseContainer {
position: relative;
margin: 0;
padding: 0;
margin-top: -15px;
}

form td.browsefile input.fileinput {
/* real input field */
opacity: 0;
position: relative;
text-align: right;
z-index: 5;
margin: 0;
padding: 0;
height: 27px;
width: 270px; /* across the text box and browse btn */
}

form td.browsefile input {
/* both real and fake inputs */
float: left;
border: hidden;
border: none;
background-color: #F2F2F2;
height: 16px;
width: 184px;
margin-left: 9px;
margin-top: 12px;
color: #8325d5;
font-weight: bold;
}

form td.browsefile div.fakeInput {
margin: 0;
padding: 0;
position: absolute;
z-index: 4;
margin-top: 0;
}

form td.browsefile div.fakeInput div.browseBtn {
float: left;
display: block;
background-image: url(Images/browse.gif);
background-repeat: no-repeat;
width: 66px;
height: 29px;
margin-left: 10px;
margin-top: 6px;
}

form td.submit {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}

form td.textarea {
width: 322px;
height: 108px;
text-align: left;
}

form td.textarea textarea {
border: hidden;
border: none;
background-color: #F2F2F2;
height: 97px;
width: 300px;
/*margin-bottom: 3px;*/
margin-left: 9px;
color: #8325d5;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
overflow-x: hidden;
}

form td.longinput select {
border: hidden;
border: none;
background-color: #F2F2F2;
height: 16px;
width: 184px;
/*margin-bottom: 3px;*/
margin-left: 9px;
color: #8325d5;
font-weight: bold;
}

form td.shortinput select {
border: hidden;
border: none;
background-color: #F2F2F2;
height: 16px;
width: 56px;
margin-left: 9px;
color: #8325d5;
font-weight: bold;
}

form #nextbtn {
background-image: url(Images/next-arrow2.gif);
background-repeat: no-repeat;
width: 86px;
height: 31px;
border: none;
background-color: #E4E4E4;
cursor: pointer;
}

form #submit {
display: block;
/* margin-top: 20px; */
margin-top: 8px;
background-image: url(Images/submit.gif);
background-repeat: no-repeat;
width: 67px;
height: 32px;
border: none;
background-color: #E4E4E4;
cursor: pointer;
}

.form-back {
/* vol-application-final.php */
font-weight: bold;
font-size: 12px;
padding-left: 20px;
}

input.radio {
margin-left: 5px;
margin-right: 5px;
}

.dummyclass {
margin: 0;# /* all style rules after this line will be ignored by Safari 2.0 and 1.0 */
}
/*----------------------------------------------------------------------------- */
form td.longinput, form td.browsefile {
background-image: url(Images/form1.gif);
background-repeat: no-repeat;
border: medium hidden;
}

form td.shortinput {
background-image: url(Images/form2.gif);
background-repeat: no-repeat;
border: medium hidden;
}

form td.textarea {
background-image: url(Images/form3.gif);
background-repeat: no-repeat;
border: medium hidden;
width: 350px;
}

form td.textarea textarea {
margin-right: 15px;
}
/* End Forms / Tables  ----------------------------------------------------------- */