/*==================================*/
/*    Author: Lane Roberts          */
/*    Company: Corporate 3 Design   */
/*    Date: May 4, 2009             */
/*==================================*/

/*==================================*/
/*---------- PAGE/GENERAL ----------*/
/*==================================*/
* {
	margin: 0;
	padding: 0;
}
html {
	width: 100%;
	height: 100%;
	overflow-y:scroll;
}
body {
	width: 100%;
	height: 100%;
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 100%;
	line-height: 100%;
	background:url(../images/main/bg_cloth.jpg) repeat top center;
}
.clear {
	clear:both;
}
.nomargin {
	margin:0;
	padding:0;
}
/* Change colors and options for your default on links */
a:link {
	color: #785533;
	text-decoration: underline;
}
a:visited {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #3084b6;
}
a:active {
	text-decoration: none;
	outline:none;
}
a:focus {
	outline:none
}
img {
	border: 0;
}

img[align=left] {
	float:left;
	padding: 0 1em .5em 0;
}

#wrapper, #footer {
	/* Wraps around the content */
	width:880px;
	background: transparent url(../images/main/bg_wrap.png) repeat-y top center;
	margin:0 auto;
	padding:0px 43px 0 57px;
	position:relative;
}
* html #wrapper {
	height:100%;
}


h1,h2,h3,h4,h5,h6 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#785533;
	padding:1em 0 .5ex 0;
	line-height:130%;
}
h2 {
	padding-top:0;
	font-size:1.5em;
	text-transform:uppercase;
}
h3 {font-size:1.15em;
	text-transform:none;
}
h4 {color:#7e7a77;
	font-size:1.05em;
	line-height:150%;
	font-family:Arial, Helvetica, sans-serif;}
h5 {font-size:1em; font-weight:bold;
padding-bottom:0;}
h6 {font-size:1.05em;
line-height:150%;
color:#6E6E6E;
font-family:Arial, Helvetica, sans-serif;}

.right {
	float:right;
}
.left {
	float:left;
}

span.Honoree {
	font-weight:bold;
}
span.Donor {
	padding-left:1em;
}

p, td, div.pagination {
	color:#6e6e6e;
	line-height:140%;
	font-size:.8em;

}
td p {
	font-size:1em;
}

p + p {
	padding-top:2ex;
}

/*==================================*/
/*------------- Header  ------------*/
/*==================================*/
#header {
	background: url(../images/main/sprites.png) no-repeat 0 -186px;
	height:170px;
	width:880px;
	position:relative;
	margin-bottom:3px;
}
#header h1 {
	text-indent:-3000em;
	display:none;
}
#header a#givenow {
	position:relative;
	display:block;
	width:111px;
	height:50px;
	top:22px;
	left:752px;
	text-indent:-3000em;
}
#header a#givenow:hover {
	background:url(../images/main/sprites.png) no-repeat -17px -107px;
}

#header a#mhslink {
	position:absolute;
	display:block;
	width:206px;
	height:33px;
	top:130px;
	left:403px;
	text-indent:-3000em;
}
#header a#mhslink:hover {
	background:url(../images/main/sprites.png) no-repeat -403px -45px;
}

#header input#q {
	position:absolute;
	display:block;
	width:150px;
	height:15px;
	top:135px;
	left:621px;
	background-color:#ffffff;
	border:1px solid #cccccc;
	color:#838383;
	text-align:center;
	padding: 5px 3px 0 3px;
	font-size:10px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#header input#q:focus {
}

#header button.searchbutton {
	background:url(../images/main/sprites.png) -747px -120px;
	border:none;
	width:60px;
	height:22px;
	text-indent:-3000em;
	font-size:0;
	overflow:hidden;
	position:absolute;
	top:136px;
	left:787px;
}
#header button.searchbutton:hover {
	background-position:-660px -120px;
	cursor:pointer;
}

#header ul#nav {
	position:relative;
	top:40px;
	list-style:none;
	height:40px;
	overflow:hidden;
	text-align:left;
}

#header ul#nav li {
	position:absolute;
	top:0;
	left:0;
	width:60px;
}
#header ul#nav a:link
, #header ul#nav a:visited {
    position: absolute;
    top: 0;
	left:0;
    height: 39px;
	width:60px;
	text-indent:-3000em;
    overflow: hidden;
	text-decoration:none;
}

#header ul#nav .home a:link, #header ul#nav .home a:visited {
        left: 23px;
        width: 78px;
    }
    #header ul#nav .home a:hover,
	#header ul#nav .home a:focus,
	#header ul#nav .home a:active {
        background: url(../images/main/sprites.png) no-repeat -23px -5px;
    }
	
#header ul#nav .about a:link,
#header ul#nav .about a:visited {
        left: 102px;
        width: 69px;
    }
    .about #header ul#nav .about a,
    #header ul#nav .about a:hover,
	#header ul#nav .about a:focus,
	#header ul#nav .about a:active {
        background: url(../images/main/sprites.png) no-repeat -102px -5px;
    }

#header ul#nav .needs a:link,
#header ul#nav .needs a:visited {
        left: 172px;
        width: 139px;
    }
    .needs #header ul#nav .needs a,
    #header ul#nav .needs a:hover,
	#header ul#nav .needs a:focus,
	#header ul#nav .needs a:active {
        background: url(../images/main/sprites.png) no-repeat -172px -5px;
    }
#header ul#nav .programs a:link,
#header ul#nav .programs a:visited {
        left: 313px;
        width: 98px;
    }
    .programs #header ul#nav .programs a,
    #header ul#nav .programs a:hover,
	#header ul#nav .programs a:focus,
	#header ul#nav .programs a:active {
        background: url(../images/main/sprites.png) no-repeat -313px -5px;
    }

#header ul#nav .donate a:link,
#header ul#nav .donate a:visited {
        left: 412px;
        width: 96px;
    }
    .donate #header ul#nav .donate a,
    #header ul#nav .donate a:hover,
	#header ul#nav .donate a:focus,
	#header ul#nav .donate a:active {
        background: url(../images/main/sprites.png) no-repeat -412px -5px;
    }

#header ul#nav .donors a:link,
#header ul#nav .donors a:visited {
        left: 510px;
        width: 136px;
    }
    .donors #header ul#nav .donors a,
    #header ul#nav .donors a:hover,
	#header ul#nav .donors a:focus,
	#header ul#nav .donors a:active {
        background: url(../images/main/sprites.png) no-repeat -510px -5px;
    }

#header ul#nav .news a:link,
#header ul#nav .news a:visited {
        left: 650px;
        width: 115px;
    }
    .news #header ul#nav .news a,
    #header ul#nav .news a:hover,
	#header ul#nav .news a:focus,
	#header ul#nav .news a:active {
        background: url(../images/main/sprites.png) no-repeat -650px -5px;
    }



#header ul#nav .contact a:link,
#header ul#nav .contact a:visited {
        left: 767px;
        width: 88px;
    }
    .contact #header ul#nav .contact a,
    #header ul#nav .contact a:hover,
	#header ul#nav .contact a:focus,
	#header ul#nav .contact a:active {
        background: url(../images/main/sprites.png) no-repeat -767px -5px;
    }
	

/*==================================*/
/*------------ Content  ------------*/
/*==================================*/

.home #content {
	margin-top:-35px;
}

#copy {
	padding-left:275px;
	padding-right:30px;
	padding-bottom:25px;
}
.home #copy{
	padding:0;
		width:880px;
	overflow:hidden;
}
.column {
	width:240px;
	padding:0 20px;
	margin-top:15px;
	float:left;
}
.column.spotlight {
	background:url(../images/main/sep-vertical.png) repeat-y;
}
p.callout {
	font-size:1.1em;
	line-height:150%;
}

div#flashholder {
	height:223px;
}

a.learnmore {
	position:relative;
	display:block;
	margin:8px 0;
	width:116px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
	background:url(../images/main/sprites.png) no-repeat -628px -90px;
}
a.learnmore:hover {
	background-position:-750px -90px;
}
.home a.learnmore {
	float:right;
}

a.viewWishlist {
	position:relative;
	display:block;
	margin:8px 0;
	width:130px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
	background:url(../images/main/viewWL.png) no-repeat -3px -5px;
}
a.viewWishlist:hover {
	background-position:-3px -34px;
}


button.addtocart {
	position:relative;
	display:block;
	margin:8px 0;
	width:116px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/sprites.png) no-repeat -620px -152px;
}
button.addtocart:hover {
	background-position:-744px -152px;
}
button.updatecart {
	position:relative;
	display:block;
	margin:8px 0;
	width:124px;
	height:27px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/btn_UpdateCart_sprite.png) no-repeat -3px -0px;
}
button.updatecart:hover {
	background-position:-3px -30px;
}



button.proceed {
	position:relative;
	display:block;
	margin:8px 0;
	width:182px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/sprites.png) no-repeat -153px -129px;
	top:3px;
}
button.proceed:hover {
	background-position:-153px -157px;
}


button.nextstep {
	position:relative;
	display:block;
	margin:8px 0;
	width:106px;
	height:29px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/btn_nextStep.png) no-repeat -2px 0;
}
button.nextstep:hover {
	background-position:-2px -27px;
}

button.backtocatalog {
	position:relative;
	display:block;
	margin:8px 0;
	width:140px;
	height:32px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/btn_backToCatalog.png) no-repeat -2px 0;
}
button.backtocatalog:hover {
	background-position:-2px -33px;
}


button.processorder {
	position:relative;
	display:block;
	margin:8px 0;
	width:164px;
	height:59px;
	font-size:0;
	text-indent:-3000em;
	border:0;
	cursor:pointer;
	background:url(../images/main/btn_processOrder.png) no-repeat -2px 0;
}
button.processorder:hover {
	background-position:-2px -60px;
}


#copy ul {
	margin:0 0 0 2em;
	font-size:.8em;
	color:#6e6e6e;
	line-height:160%;
}
#copy ul li {
	padding-bottom:1ex;
}

#copy ol {
	margin:0 0 0 2em;
	font-size:.8em;
	color:#6e6e6e;
	line-height:160%;
}
#copy ol li {
	padding-bottom:1ex;
}

#copy table {
	max-width:600px;

}
#copy table td {
	padding-bottom:3px;
}
#copy table td h6 {
	padding-top:0;
}


/*==================================*/
/*-------- News Widget  ------------*/
/*==================================*/
.news_widget {
	text-align:center;
	position:relative;
	width:265px;
}
.news_head {
	background:url(../images/main/widget_sprite.png) no-repeat 0px 0;
	padding:44px 0 0 0;
	position:relative;
}

a#newslink {
	display:block;
	position:absolute;
	top:12px;
	left:16px;
	width:100px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
}
a#newsletterlink {
	display:block;
	position:absolute;
	top:12px;
	left:125px;
	width:130px;
	height:22px;
	font-size:0;
	text-indent:-3000em;
}

#copy .news_widget ul {
	background:url(../images/main/widget_sprite.png) repeat-y -288px 0 ;
	width:215px;
	padding:0 20px 0 30px;
	margin:0;
	list-style:none;
	color:#6e6e6e;
}
#copy .news_widget ul li.headline {
	background:url(../images/main/sep-horizontal.png) repeat-x;
	font-size:.9em;
	padding:10px 0 0 0 ;
}
.news_widget ul li.readmore {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:.9em;
	padding-bottom:5px;
}
.news_widget ul li.readmore a {
	color:#7d5933;
	text-decoration:none;
}
.news_widget ul li.readmore a:hover {
	text-decoration:underline;
}
.news_tail {
	background:url(../images/main/widget_sprite.png) no-repeat -577px 0;
	height:20px;
}

/*==================================*/
/*----------- Side Nav  ------------*/
/*==================================*/

#sidebar {
	width:260px;
	float:left;
}
.sidewidget_top {
	background:url(../images/main/sidebar_widget.png) no-repeat 0 0;
	height:18px;
	width:245px;
	
}
.sidewidget_bottom {
	background:url(../images/main/sidebar_widget.png) no-repeat -253px 0;
	height:18px;
}
#sidebar .menu {
	width:211px;
	background:url(../images/main/sidebar_widget.png) repeat-y -509px 0;
	color:#765432;
	padding: 0 13px 0 14px;
}
#sidebar .menu p {
	color:#765432;
	padding:0 1em 1ex 1em;
	margin:0;
	line-height:140%;
}
#sidebar ul.menu, #sidebar .menu ul {
	list-style:none;
	padding:0 13px 0 14px;
	text-align:center;
	text-transform:uppercase;
}
#sidebar ul.menu li, #sidebar .menu ul li {
	background:url(../images/main/sep-horizontal-gray.png) repeat-x -1px 0;
	padding:5px 0 3px 0;
}
#sidebar ul.menu li:first-child, #sidebar .menu ul li:first-child {
	background-image:none;
	padding: 3px 0;
}

#sidebar ul.menu li a, #sidebar .menu ul li a {
	display:block;
	padding:7px;
	text-decoration:none;
	color:#838383;
	font-size:.8em;
}
#sidebar .menu ul li a:hover,
#sidebar .menu ul li.active a,

#sidebar ul.menu li a:hover,
#sidebar ul.menu li.active a {
	background:#CACACA url(../images/main/bg_sidebar_over_square.png) repeat-x 0 0;
	color:#ffffff;
}

#sidebar ul.menu li.active ul {
	background:#f5f0dc;
	list-style:none;
}

#sidebar ul.menu li.active ul li {
	padding:0;
	background-image:none;
	background-color:#f5f0dc;
}

#sidebar ul.menu li.active ul li a {
	background-image:none;
	background-color:#f5f0dc;
	padding:3px;
	color:#838383;
	font-size:.6em;
}
#sidebar ul.menu li.active ul li a:hover,
#sidebar ul.menu li.active ul li.active a {
	color:#765432;
}

#sidebar img {
	padding:15px 0 0 10px;
}

/*==================================*/
/*------------ SEARCH  -------------*/
/*==================================*/
a.resultURL {
	color:#000;
}
div#resultinfo {
	font-size:.8em;
	padding-top:1ex;
}
/*==================================*/
/*------------ FORMS  ------------*/
/*==================================*/

#copy form {}
#copy form fieldset {
	border:none;
	padding:0;
}
#copy form ul {
	margin:0;
}
form dl {
	margin-left:0;
}
form dl dt, form dl dd {
	color:#7E7A77;
	font-size:.8em;
}
form dl dt  {
	font-weight:bold;
	color:#222222;
}
form dl dd {
	padding-bottom:2ex;
}

form dl dd input[type=text], form dl dd textarea {
	border: 1px solid #7E7A77;
	border-color:#7E7A77 #ddd #ddd #7E7A77 ;
	padding:2px;
	width:275px;
}
form dl dd input:focus, form dl dd textarea:focus {
	background-color:#FFE;
}

form button.submit {
	border:none;
	background:url(../images/main/sprites.png) no-repeat -368px -137px;
	width:75px;
	height:28px;
	cursor:pointer;
	text-indent:-3000em;
	overflow:hidden;
}
form button.submit:hover {
	background-position:-458px -137px;
}
form button.give {
	border:none;
	background:url(../images/main/sprites.png) no-repeat -190px -95px;
	width:132px;
	height:30px;
	cursor:pointer;
	text-indent:-3000em;
	overflow:hidden;
}
form button.give:hover {
	background-position: -340px -95px;
}
form label.error {
	margin:0 0 0 1em;
	padding:1ex;
	border:1px solid #765432;
	color:#c43c21;
}
/*==================================*/
/*------------ FOOTER  ------------*/
/*==================================*/

#footer {
	min-height:100px;
	background:url(../images/main/bg-footer.png) no-repeat top center;
	text-align:center;
	padding-top:40px;
	height:153px;
	overflow:hidden;
}
#footer p {
	font-size:.7em;
	margin-top:5px;
}
#footer ul#footernav {
display:block;
list-style:none;

}
#footer ul#footernav li {
	display:inline;
}

#footer ul#footernav li a {
	text-decoration:none;
	font-size:.7em;
	color:#6e6e6e;
	padding:3px 5px;
	border-left:1px solid #6e6e6e;
}

#footer ul#footernav li a:hover {
	text-decoration:underline;
}

#footer ul#footernav li:first-child a {
	border:none;
}


/*** Calendar **********************/
dt.cal span {

	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;

}
dt.cal span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}
div.calendar { position: relative; }

.calendar table {
cursor:pointer;
border:1px solid #ccc;
font-size: 11px;
color: #000;
background: #fff;
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button { 
text-align: center;    
padding: 2px;          
}

.calendar .nav {
background:#f5f5f5;
}

.calendar thead .title { 
font-weight: bold;      
text-align: center;
background: #dedede;
color: #000;
padding: 2px 0 3px 0;
}

.calendar thead .headrow { 
background: #f5f5f5;
color: #444;
font-weight:bold;
}

.calendar thead .daynames { 
background: #fff;
color:#333;
font-weight:bold;
}

.calendar thead .name { 
border-bottom: 1px dotted #ccc;
padding: 2px;
text-align: center;
color: #000;
}

.calendar thead .weekend { 
color: #666;
}

.calendar thead .hilite { 
background-color: #444;
color: #fff;
padding: 1px;
}

.calendar thead .active { 
background-color: #d12f19;
color:#fff;
padding: 2px 0px 0px 2px;
}


.calendar tbody .day { 
width:1.8em;
color: #222;
text-align: right;
padding: 2px 2px 2px 2px;
}
.calendar tbody .day.othermonth {
font-size: 80%;
color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
color: #fbb;
}

.calendar table .wn {
padding: 2px 2px 2px 2px;
border-right: 1px solid #000;
background: #666;
}

.calendar tbody .rowhilite td {
background: #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
background: #FFF1AF;
}

.calendar tbody td.hilite { 
padding: 1px 1px 1px 1px;
background:#444 !important;
color:#fff !important;
}

.calendar tbody td.active { 
color:#fff;
background: #529214 !important;
padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { 
font-weight: bold;
border: 1px solid #888;
padding: 1px 1px 1px 1px;
background: #f5f5f5 !important;
color: #222 !important;
}

.calendar tbody td.weekend { 
color: #666;
}

.calendar tbody td.today { 
font-weight: bold;
color: #529214;
background:#D9EFC2;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { 
visibility: hidden;
}

.calendar tbody .emptyrow { 
display: none;
}

.calendar tfoot .footrow { 
text-align: center;
background: #556;
color: #fff;
}

.calendar tfoot .ttip { 
background: #222;
color: #fff;
font-size:10px;
border-top: 1px solid #dedede;
padding: 3px;
}

.calendar tfoot .hilite { 
background: #aaf;
border: 1px solid #04f;
color: #000;
padding: 1px;
}

.calendar tfoot .active { 
background: #77c;
padding: 2px 0px 0px 2px;
}

.calendar .combo {
position: absolute;
display: none;
top: 0px;
left: 0px;
width: 4em;
border: 1px solid #ccc;
background: #f5f5f5;
color: #222;
font-size: 90%;
z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
text-align: center;
padding: 1px;
}

.calendar .combo .label-IEfix {
width: 4em;
}

.calendar .combo .hilite {
background: #444;
color:#fff;
}

.calendar .combo .active {
border-top: 1px solid #999;
border-bottom: 1px solid #999;
background: #dedede;
font-weight: bold;
}
