/*-------------------------------------------*/
	/*     ycca master.css
	/*		tues l 2005
/*-------------------------------------------*/


/*--------------------------------------*/
	/*     global elements
/*--------------------------------------*/

body {
	font: normal 12px/18px Verdana, Arial, Helvetica, Sans-serif;
	color: #333;
	text-align: left;
	margin: 0;
	padding: 0;
	}
	
 p {
 	font-size: 1em;
 	}
	
#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	text-align: left;
 	width: 770px;
 	background: #FFF ("../img/global/bg_leftside_main.gif") repeat-y 0 0;
	}
	
.imgright {
	float: right;
	margin: 5px 15px 0 15px;
	padding: 15px;
	}
	
.imgleft {
	float: left;
	margin: 5px 15px 0 15px;
	padding: 15px;
	}
	
		/*-----------left side-----------*/
		
		#hmpgleftside {
			position: absolute;
			_left: 0;
			margin: 0;
			padding: 0;
			background: #9978B8 url("../img/homepage/bg_leftside.gif") no-repeat 0 0;
			width: 212px;
			height: 900px;
			}
			
		#leftside {
			position: absolute;
			_left: 0;
			margin: 0;
			padding: 0;
			background: #92D5CE url("../img/global/bg_leftside.gif") no-repeat 0 0;
			width: 212px;
			height: 1000px;
			}
			
		#logo {
			margin: 126px 26px 0 24px;
			padding: 0;
			width: 160px;
			height: 210px;
			background: #9D0020 url("../img/global/logo_ycca.gif") no-repeat 0 0;
			}
			
				/*-----------left side links-----------*/
					
				#leftside ul {
					margin: 50px 26px 0 15px;
					padding: 0;
					text-align: right;
					}
					
				#leftside li {
					list-style: none;
					margin: 15px 0;
					}
					
				#leftside a {
					color: #FFF;
					text-decoration: underline;
					}
					
				#leftside a:hover {
					color: #92D5CD;
					text-decoration: none;
					}
								
				#getinvolved {
					position: absolute;
					margin: 527px 0 0 57px;
					_left: 0;
					padding: 0;
					width: 212px;
					height: 123px;
					background: #FFF url("../img/homepage/getinvolved.gif") no-repeat 0 0;
					}
			

		/*-----------header photos-----------*/
			
		#headhmpg {
			margin: 0 0 0 212px;
			padding: 0;
			width: 558px;
			height: 283px;
			background: #FFF url("../img/global/head_homepage.jpg") no-repeat 0 0;
			}
			
		#headadvocacy {
			margin: -63px 0 0 212px;
			padding: 0;
			width: 558px;
			height: 283px;
			background: #FFF url("../img/global/head_advocacy.jpg") no-repeat 0 0;
			}
			
		#headresources {
			margin: -63px 0 0 212px;
			padding: 0;
			width: 558px;
			height: 283px;
			background: #FFF url("../img/global/head_resources.jpg") no-repeat 0 0;
			}
			
		#headaboutus {
			margin: -63px 0 0 212px;
			padding: 0;
			width: 558px;
			height: 283px;
			background: #FFF url("../img/global/head_aboutus.jpg") no-repeat 0 0;
			}
			
		#headcontactus {
			margin: -63px 0 0 212px;
			padding: 0;
			width: 558px;
			height: 283px;
			background: #FFF url("../img/global/head_contactus.jpg") no-repeat 0 0;
			}
			
		/*-----------homepage-----------*/

		#hmpgtitle {
			margin: 30px 0 0 263px;
			padding: 0;
			width: 462px;
			height: 32px;
			background: #FFF url("../img/homepage/hmpgtitle.gif") no-repeat 0 0;
			}
			
		/*-----------general page content-----------*/

		#pgtitle {
			margin: 30px 0 0 275px;
			padding: 0;
			font: normal 22px/18px Verdana, Arial, Helvetica, Sans-serif;
			color: #38006A;
			}
			
		#hmpgcontent {
			margin: 20px 39px 0 315px;
			}
			
		#content {
			margin: 20px 39px 0 275px;
			}
			
		#content h2 {
			margin: 10px 0 0 0;
			padding: 0;
			font: bold 14px/18px Verdana, Arial, Helvetica, Sans-serif;
			color: #333;			
			}
			
		#content a, #content a:visited, #hmpgcontent a, #hmpgcontent a:visited { 
			color: #6A9913;
			text-decoration: underline;
			padding: 1px 3px;
			}
			
		#content a:hover, #content a:active, #hmpgcontent a:hover, #hmpgcontent a:active { 
			color: #FFF;
			text-decoration: none;
			padding: 1px 3px;
			background: #92D5CD;
			}
			
			/*-----------contact us form-----------*/	
				
			.contact {
				margin: 0 0 15px 15px;
				padding: 5px 10px 5px 15px;
				width: 194px;
				background: #DDF4F2;
				border: 1px solid #92D5CE;
				float: right;
				}
				
			.contact p {
				margin: 0;
				}
				
			.contact ul {
				margin: 0;
				padding: 0;
				}
				
			.contact li {
				list-style: none;
				}
				
			#contactform {
				margin: 15px 0 0 0;
				padding: 0;
				width: 184px;
				float: left;
				}
		
			#contactform input, textarea {
				margin: 5px 0;
				}

			
		/*--------------------------------------*/
			/*     main navigation bits
		/*--------------------------------------*/	
			
			#navbar {
				margin: 0 0 0 216px;
				padding: 0;
				width: 552px;
				height: 89px;
				}
				
			#navbar li {
				display: inline;
				float: left;
				list-style: none;
				margin: 0 6px 0 0;
				}
				
			#navbar a {
				font: normal 16px/18px Verdana, Arial, Helvetica, Sans-serif;
				color: #FFF;
				text-decoration: none;
				text-align: center;
				}

					/*-------------------home-------------------*/
						
					#home a {
						display: block;
						margin: 0;
						padding: 15px 0 40px 0;
						width: 100px;
						background: url(../img/global/nav_home.gif) no-repeat 0 0;
						}
						
					#home a:hover {
						background-position: -100px 0;
						}
						
					#selhome a {
						display: block;
						margin: 0;
						padding: 15px 0 40px 0;
						width: 100px;
						background: url(../img/global/nav_home.gif) no-repeat -100px 0;						
						}
				
					/*-------------------advocacy-------------------*/
						
					#advocacy a {
						display: block;
						margin: 0;
						padding: 15px 0 29px 0;
						width: 107px;
						background: url(../img/global/nav_advocacy.gif) no-repeat 0 0;
						}
						
					#advocacy a:hover {
						background-position: -107px 0;
						}
						
					#seladvocacy a {
						display: block;
						margin: 0;
						padding: 15px 0 29px 0;
						width: 107px;
						background: url(../img/global/nav_advocacy.gif) no-repeat -107px 0;
						}
						
					/*-------------------resources-------------------*/
						
					#resources a {
						display: block;
						margin: 0;
						padding: 15px 0 60px 0;
						width: 105px;
						background: url(../img/global/nav_resources.gif) no-repeat 0 0;
						}
						
					#resources a:hover {
						background-position: -105px 0;
						}
						
					#selresources a {
						display: block;
						margin: 0;
						padding: 15px 0 60px 0;
						width: 105px;
						background: url(../img/global/nav_resources.gif) no-repeat -105px 0;
						}
						
					/*-------------------about us-------------------*/
						
					#aboutus a {
						display: block;
						margin: 0;
						padding: 15px 0 35px 0;
						width: 102px;
						background: url(../img/global/nav_aboutus.gif) no-repeat 0 0;
						}
						
					#aboutus a:hover {
						background-position: -102px 0;
						}
						
					#selaboutus a {
						display: block;
						margin: 0;
						padding: 15px 0 35px 0;
						width: 102px;
						background: url(../img/global/nav_aboutus.gif) no-repeat -102px 0;
						}
						
					/*-------------------contact us-------------------*/
						
					#contactus a {
						display: block;
						margin: 0;
						padding: 15px 0 40px 0;
						width: 107px;
						background: url(../img/global/nav_contactus.gif) no-repeat 0 0;
						}
						
					#contactus a:hover {
						background-position: -107px 0;
						}
						
					#selcontactus a {
						display: block;
						margin: 0;
						padding: 15px 0 40px 0;
						width: 107px;
						background: url(../img/global/nav_contactus.gif) no-repeat -107px 0;
						}

/*-----------footer-----------*/

		#footer {
			margin: 50px 0 0 0;
			padding: 0;
			}
			
		#footer li {
			display: inline;
			list-style: none;
			margin: 0 6px 0 0;
			}