/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.2.2
*/
/* for all templates and grids */

/**/
/* 750 centered, and backward compatibility */ 
.yui-t7 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t6 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t5 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t4 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t3 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t2 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
.yui-t1 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
#doc3 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
#doc2 {
	margin:auto;text-align:left;
	width:61.25em;*width:61.25em;min-width:750px;}
#doc {
	margin:auto;text-align:left;
	width:61.25em;*width:60.8em;
min-width:750px;
}
/* 950 centered */ 
#doc2 {
	width:73.074em;*width:71.313em;min-width:950px;}
/* 100% with 10px viewport side matting */ 
#doc3 {
	margin:auto 10px; /* not for structure, but so content doesn't bleed to edge */
	width:auto;}
	
/* below required for all fluid grids; adjust widths and margins above accordingly */

	/* to preserve source-order independence for Gecko */
	.yui-b{position:relative;}
	.yui-b{_position:static;} /* for IE < 7 */
	#yui-main .yui-b{position:static;} 

#yui-main {width:100%;}
.yui-t3 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t2 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 #yui-main{float:right;margin-left:-25em;/* IE: preserve layout at narrow widths */}

.yui-t6 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t5 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t4 #yui-main{float:left;margin-right:-25em;/* IE: preserve layout at narrow widths */}

.yui-t1 .yui-b {
	float:left;
    width:12.3207em;*width:12.0106em;}
.yui-t1 #yui-main .yui-b{
    margin-left:13.3207em;*margin-left:13.0106em;
}

.yui-t2 .yui-b {
	float:left;
    width:13.8456em;*width:13.512em;}
.yui-t2 #yui-main .yui-b {
    margin-left:14.8456em;*margin-left:14.512em;
}

.yui-t3 .yui-b {
	float:left;
    width:23.0759em;*width:22.52em;}
.yui-t3 #yui-main .yui-b {
    margin-left:24.0759em;*margin-left:23.52em;
}

.yui-t4 .yui-b {
	float:right;
    width:13.8456em;*width:13.512em;}
.yui-t4 #yui-main .yui-b {
    margin-right:14.8456em;*margin-right:14.512em;
}

.yui-t5 .yui-b {
	float:right;
    width:18.4608em;*width:18.016em;}
.yui-t5 #yui-main .yui-b {
    margin-right:19.4608em;*margin-right:19.016em;
}

.yui-t6 .yui-b {
	float:right;
    width:23.0759em;*width:22.52em;}
.yui-t6 #yui-main .yui-b {
    margin-right:24.0759em;*margin-right:23.52em;
}

.yui-t7 #yui-main .yui-b {
	display:block;margin:0 0 1em 0;
}
#yui-main .yui-b {float:none;width:auto;}
/* GRIDS (not TEMPLATES) */
.yui-gf .yui-u{float:right;display:inline;}
.yui-ge .yui-u{float:right;display:inline;}
.yui-gc .yui-g .yui-u{float:right;display:inline;}
.yui-gc .yui-u{float:right;display:inline;}
.yui-g .yui-g{float:right;display:inline;}
.yui-g .yui-u{float:right;display:inline;}
.yui-gf div.first{float:left;}
.yui-ge div.first{float:left;}
.yui-gd div.first{float:left;}
.yui-gc div.first div.first{float:left;}
.yui-gc div.first{float:left;}
.yui-g div.first{float:left;}
.yui-g .yui-g{width:49.1%;}
.yui-g .yui-u{width:49.1%;}
.yui-gc .yui-g .yui-u {width:48.1%;}
.yui-g .yui-g .yui-u {width:48.1%;}
.yui-gd .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gc .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:33%;
}
.yui-gb .yui-u{float:left;margin-left:2%;*margin-left:1.895%;width:32%;}
.yui-gd div.first{margin-left:0;}
.yui-gc div.first{margin-left:0;}
.yui-gb div.first{margin-left:0;}
.yui-gd .yui-u{width:66%;}
.yui-gc div.first{width:65%;
	height: 955px;
}
.yui-gd div.first{width:32%;}
.yui-ge .yui-u{width:24%;}
.yui-gf .yui-u{width:74.2%;}
.yui-ge div.first{width:74.2%;}
.yui-gf div.first{width:24%;}
.yui-ge div.first{width:74.2%;}
.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-ge:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gc:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gb:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-g:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.yui-gf{zoom:1;}


.yui-ge{zoom:1;}


.yui-gd{zoom:1;}


.yui-gc{zoom:1;}


.yui-gb{zoom:1;}


.yui-g{zoom:1;}


#bd{zoom:1;
	margin-top: 300px;
}


/* Basic Element Formatting */

#text {
	float:left;
}

#image {
	text-align:center;
}

#secondary{
	height:300px;
	background:#F6F0E0;
	margin:0;
	padding:0;
	}
	
#secondaryFull{
	height:50px;
	background-color:#CFB59F;
	border-top:#FFFFFF 2px solid;
	margin:0;
	padding:0;
	}
	
#hd {
	height: 48px;
	width: 980px;
}
.image {
	width: 231px;
}

textarea {
	width: 255px;
	height: 164px;
}
	
input {
	width: 255px;
}

.rb{
	width:30px;
	height: 20px;
	margin-right: 0px;
}
	
h1 {
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	font-weight:100;
	text-align:center;
}

h2 {
	font-family:Georgia;
	font-size:22px;
	color:#88ba00;
}

.h2_donate {
	text-align: center; 
	margin-left: 5px;
	font-size:36px;
}

h3 {
	font-family:Georgia;
	font-size:16px;
	color:#0e97cc;
	font-weight:bold;
	margin:0px;
}

h4 {
	font-size:14px;
	font-weight:bold;
	margin:0px;
	height: 40px;
}



strong{
	color:#000000;
	font-size:11px;
	font-family:arial;
	font-variant: small-caps;
	font-weight:600;
}

/* ============================= Top DIV ====================== */
#header{
	height:108px;
	margin:0;
	padding:0;
	font-family: "Arial Rounded MT Bold";
	font-size:30px;
	color: #10B4E8;
	clear: both;
	width: 978px
}

#logo {
	float: left;
}

#number {
	float: right;
}
	
#header h1{
	font-size:30px;
	color:#10b4e8;
}

#banner {
	margin-top:0.63em;
}

/* ============================= BODY DIV ====================== */

body {
	background-image: url('images/bg_sky.png');
	background-repeat:repeat-x;
	background-position:center top;
	background-color: #E4F2F8;
}

#wrapper {
	width:980px;
	margin-left:auto;
 	margin-right:auto;
	border-style:solid;
	border-color:#ffffff;
	border-width:0px;
	}


/* ============================= Top Menu ====================== */

#topmenu{
	width:61.25em;
	height:2.8em;
	background-image:url('images/menu_bg.png'); 
	background-repeat:no-repeat;
	margin-top:0.63em;
}

#topmenulinks{
	margin-left:10px;
	font-weight:0;
}


/* =============================Rollover Menu ====================== */

.flash1 {
	position:absolute; 
	width:61.25em; 
	height:290px;
}

.flash2 {
	position:absolute; 
	width:61.25em; 
	height:354px; 
	margin-top:237px;
}


/*------------------------------------------------------------------*/
/*_________________Donate a car 4 charity PROCESS_________________*/
/*-----------------------------------------------------------------*/

div#content{
	width:609px;
	height:311px;
	margin-bottom: 0px;
}

div#content .top{
background:url('images/border_top_2.png') no-repeat left top;
width:609px;
height:107px;
}

div#content .mid{
background:url('images/border_middle_2.png') repeat-y left top;
width:609px;
}

div#content .bot{
width:609px;
height:19px;
margin-bottom:10px;
}

div#top{
background:url('images/border_top_2.png') no-repeat left top;
width:609px;
height:107px;
margin-bottom:-20px;
}



/* ============================= Homepage Image Hover ====================== */
.link {
	background:url('images/but.png') no-repeat right top;
	float:left; 
	cursor:hand; 
	font-size:14px;
	width:97px;
	height:2.81em;
	line-height:2.56em; 
	font-family:Arial narrow; 
	text-decoration:none;
	padding:0px;
	text-align:center; 
}

.link span {
	background:url('images/but.png') no-repeat left top;
	cursor:hand; 
	float:left; 
	width:97px;
	height:2.2em;
	margin-top:5px;
}

.link:hover {
	url("images/button_o.png") top right no-repeat;
	width:97px;
	cursor:hand; 
	height:2.81em;
}

.link:hover span {
	background:url("images/button_o.png") top left no-repeat;
	height:2.81em; 
	width:97px;
	cursor:hand;
}


/* Content DIV */
.content{
	height:241px;
	margin:0;
	padding:0;
	background-image: none;
	font-family:Arial;
	font-size:14px;
	color:#484848;
	line-height:20px;
	text-align: justify;
}

.content_form{
	height:674px;
	margin:0;
	padding:0;
	background-image: none;
	font-family:Arial;
	font-size:14px;
	color:#484848;
	line-height:20px;
	text-align: justify;
}

.content h2{
	text-align:left;
}

.content2{
	height:279px;
	margin:0;
	padding:0;
	background-color:#ffffff;
	font-family:Arial;
	font-size:14px;
	color:#484848;
	line-height:20px;
	text-align: justify;
}

.content a{
	color:#418f03;
	text-decoration:none;
}

.content a:hover{
	color:#0586af;
}

.quote{
	font-family:Georgia;
	font-size:45px;
	color:#88ba00;
}

.quoteparagraph{
	line-height:30px;
}

.quotename{
	font-family:Arial;
	color:#52555a;
	font-weight:bold;
}

.contact{
	background-image: url('images/bg_contact.PNG');
	background-repeat:no-repeat;
	height: 575px;
	background-position: center top; 
}

.contactform{
	text-align:center;
	margin-top:30px;
}

/* ============================= Images & Text: Justified ====================== */

.textwrap{
	text-align:justify;
}

.kidsimg {
	float:left;
	padding-right:10px;
}

.photographrow {
	margin-top:50px;
}


.donationprocess{
	background-image: url('images/bg_process.png');
	background-repeat:no-repeat;
	width: 610px;
	height: 420px;
	margin:0;
	padding:70px 40px 20px -60px;
}

.donationprocess UL{
	line-height: 24px;
	padding:70px 40px 20px -60px;

}

/* ========================== Right-Side Form =================== */

.form1{
	background-image: url('images/form_bg.png');
	background-repeat:repeat;
	height:655px;
	width:322px;
	border:#57cef5 1px solid;
	padding:0;
	font-family:Arial;
	font-size:14px;
	color:#484848;
	line-height:20px;
	text-align:center;
}

form{
	font-weight:bold;
}


/* ========================== Full Donate Form =================== */

.form2{
	/*background-image: url('images/form_bg.png'); 
	background-repeat:repeat;*/
	background-color:#b1e1ff;
	height:837px;
	width:980px;
	border:#57cef5 1px solid;
	padding:0;
	font-family:Arial;
	font-size:14px;
	color:#484848;
	line-height:20px;
	text-align:left;
}

.formleft{
	margin-left:20px;
	text-align:left;
	width:280px;
	float:left;
	font-size:12px;
	height: 912px;
	background-color:#e9e9e9;
}

.formleftinner{
	margin-left:20px;
	margin-top:20px;
}

.formrightinner{
	margin-left:20px;
	margin-top:20px;
}

.formright{
	margin-left:20px;
	text-align:left;
	width:290px;
	float:right;
	font-size:12px;
	background-color:#e9e9e9;
	height: 912px;
}

/* ========================== Footer =================== */
#ft{
	width:100%;
}

#ftimage{
	background-image: url('images/footer_top.png');
	background-repeat:no-repeat;
	margin-top:10px;
	width:980px;
	height:105px;
	margin-left:auto;
 	margin-right:auto;
}

#footer{
	height:90px;
	background-image: url('images/footer_grass.png');
	background-repeat:repeat-x;
	background-position:bottom center;
	/*background-color:#b0db56;
	border-bottom:#80a335 2px solid;*/
	font-size:11px;
	color:#000000;
	padding:0;
	width:100%;
	margin-top:-30px;
	
}

#footerlinks{
	width:980px;
	margin-left:auto;
 	margin-right:auto;
}

#footer a{
	font-size:11px;
	color:#000000;
}

#footer a:hover{
	font-weight:bold;
	color:#FFFFFF;
}
#links{
font-size:11px;
font-family:verdana;
color:#40bfe8;
width:100%;
float:auto;}

#links a{
color:#40bfe8;
text-decoration:none;
}

#links .right{float:right;
width:40%;margin-left:-40px;margin-right:40px;}

#links .left{float:left; width:48%;
margin-top:-10px;}

#columns {
  column-width: 15em;
  column-gap: 2em;   /* shown in yellow */            
  column-rule: 4px solid green;
  padding: 5px;      /* shown in blue */
}
#outerc{
    position:relative;
    width:650px;

}
#innerc{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100px;
 
}
#inner2c{
    position:absolute;
    left:150px;
    top:0;
    height:100%;
    width:100px;
 
}
#inner3c{
    position:absolute;
    left:305px;
    top:0;
    height:100%;
    width:100px;
    
}
#inner4c{
    position:absolute;
    left:450px;
    top:0;
    height:100%;
    width:100px;
    
}

.clear { clear: both; background: none; }