/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* HR TAGS #################################### */
/*	hr tags should display the same in IE & FF 
	to use this hack, code the HR tag like so:	

		<div class="hr"><hr /></div>
		
NOTE:  	You will probably need to add or adjust styling lower 
		down the cascade to account for the context of each "horizontal rule" element. 
*/

div.hr
{
	border-top: 1px solid #fff;
}
/* END HR TAGS ################################ */




/* UL'S WITH NO BULLETS */
ul.no_bullets
{
	list-style-type: none;
}
/* END UL'S WITH NO BULLETS */



/* UL'S DISPLAYED HORIZONTALLY ################ */
/* List unordered items horizontally by assigning "horiz" as a class.
NOTE:  You will probably need to add or adjust styling lower down the cascade 
to account for the context of each list. */
ul.horiz
{
	list-style-type: none;
}

ul.horiz li
{
	display: inline;
}
/* END UL'S DISPLAYED HORIZONTALLY ############# */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* END HACKS SECTION */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */








body {
	background: #3981B1;
	font-family: helvetica, arial, sans-serif;
	font-size: 12px;
	color: #ffffff;
	}

.yellow {
	color: #f2c523;
	}

.blue {
	color: #44bcfb;
	}
.white{
	color: #ffffff;
}

h1 {
	font-weight: bold;
	font-size: 22px;
	}

h2 {
	font-weight: bold;
	font-size: 14px;
	}

hr {
	border: solid 1px #44bcfb; 
	display: block;
	}

	#container {
		background: #2e84b3;
		width: 800px;
		margin: 0 auto;
		}

	#container p {
	color: #ffffff;
	font-size: 12px;
	line-height: 140%;
	}

	#container p a {
		color: #44bcfb;
		}

/*********************header**********************/

.header {
	background: url(/com_rel/images/bkg_header.jpg);
	width: 990px;
	height: 103px;
	margin: auto;
	}

/*********************content**********************/

.content {
	width: 800px;
	height: auto;
	margin: auto;
	}


	/***********nav************/

	.navigation {
		width: 800px;
		}

		.navigation .top {
			background: url(/com_rel/images/nav-top.gif);
			width: 800px;
			height: 41px;
			cursor: pointer;
			}

		.navigation a {float: left;}

		.navigation .nav {
			background: url(/com_rel/images/nav-nav.gif);
			width: 800px;
			height: 33px;
			}

			#itc .navigation .nav { background-position: 0px 132px;}
			#das .navigation .nav { background-position: 0px 99px;}
			#faq .navigation .nav { background-position: 0px 66px;}
			#giu .navigation .nav { background-position: bottom;}

			a.itc {margin-left: 15px;}

		.navigation .subnav-itc {
			background: url(/com_rel/images/nav-subnav-itc.gif);
			width: 800px;
			height: 33px;
			}

			.navigation .overview { background-position: top; }
			.navigation .ticket { background-position: 0px 66px; }
			.navigation .photo { background-position: bottom;}

			.subnav-itc a.overview { margin-left: 53px; }
			.subnav-itc a.ticketrequests {margin-left: 77px;}
			.subnav-itc a.photogallery { margin-left: 66px; }

		.navigation .subnav-das {
			background: url(/com_rel/images/nav-subnav-das.gif);
			width: 800px;
			height: 33px;
			}

			.navigation .about { background-position: top; }
			.navigation .grantmaking { background-position: 0px 165px; }
			.navigation .partners { background-position: 0px 132px;}
			.navigation .directors { background-position: 0px 99px; }
			.navigation .classic { background-position: 0px 66px; }
			.navigation .newsletter { background-position: bottom;}

			.subnav-das a.about { margin-left: 19px; }


	/***********page content************/

	.page_content {
	width: 798px;
	height: auto;
	background: url(/com_rel/images/bkg_pagecontent.jpg);
	border-left: 1px #021c2b solid;
	border-right: 1px #021c2b solid;
	border-bottom: 1px #021c2b solid;
	background-repeat: repeat-x;
	background-color: #0877a5;
		}

	.banner {
		width: 798px;
		height: 146px;
		background: url(/com_rel/images/bkg_banner.jpg);
		}

		.banner_ad {
		width: 728px;
		height: 90px;
		background: url(/com_rel/images/banner_ad.jpg);
		position: relative;
		top: 28px;
		margin: auto;
		}

		/***********home************/

		#home .interior {
	background: url(/com_rel/images/bkg_giving.jpg);
	background-repeat:no-repeat;
	background-color:#076a94;
	height: 480px;
			}

		#home .interior .textcol {
			width: 430px;
			float: right;
			}

		#home .interior p {
			float: left;
			position: relative;
			top: 20px;
			width: 410px;
			}

		.indexphotos {
			width: 670px;
			margin: auto;
			height: 136px;
			position: relative;
			top: 5px;
			}

		.indexphoto {
			border: 1px solid #0095c4;
			margin: 0px 10px;
			}



		/***********overview************/

		#overview .interior {
			background: url(/com_rel/images/bkg_overview.jpg);
			height: 390px;
			padding: 20px 0 0 30px;
			}

		#overview .interior p {
			width: 738px;
			}

		#overview .interior .leftcol {
			width: 500px;
			float: left;
			padding:0;
			}
		#overview .interior .leftcol p {
			width: 500px;
			}
		#overview .interior .community_top{
			font-size:14px;
		}
		
		/***********ticket_questions************/

		#ticket_questions .interior {
			background: url(/com_rel/images/bkg_ticket-questions.jpg);
			height: 521px;
			}

		#ticket_questions .interior img {
			margin: 15px 20px;
			}

		#ticket_questions .interior .textbox {
			width: 480px;
			height: 280px;
			text-align: center;
			position: relative;
			top: 30px;
			margin: auto;
			}

		#ticket_questions .interior .textbox input.submit {
			margin-top: 5px;
			width: 72px;
			height: 28px;
			background: url(/com_rel/images/btn_submit.gif);
			}

		#ticket_questions .interior .textbox input.submit:hover {
			background-position: bottom;
			}

		/***********ticket_request************/

		#ticket_request .interior {
			background: url(/com_rel/images/bkg_ticket-request.jpg);
			background-repeat:no-repeat;
			background-color:#0b7db1;
			height: 1250px;
		}
		#ticket_request .interior ul{
			float:none;
			padding-left:15px;
		}
		#ticket_request .interior li{
			float:none;
			list-style:square;
			padding-bottom:10px;
		}
			#ticket_request .interior img {
				margin: 15px 20px;
				}

			#ticket_request .interior .textbox {
				width: 720px;
				height: 280px;
				position: relative;
				top: 30px;
				margin: auto;
				}

			#ticket_request .interior .textbox hr {
				border: solid 1px #44bcfb; 
				}
	
			#ticket_request .interior .textbox .fieldname {
				width: 120px;
				margin-top: 8px;
				vertical-align: middle;
				float: left;
				}

			#ticket_request .interior .textbox input,
			#ticket_request .interior .textbox textarea {
				margin: 3px 0px;
				width: 400px;
				}

			#ticket_request .interior .textbox select.state {
				margin: 3px 0px;
				width: 406px;
				}

			#ticket_request .interior .textbox select.date {
				margin: 3px 15px 0 0;
				width: 123px;
				}

			#ticket_request .interior .textbox input.sendrequest {
				margin-top: 5px;
				width: 104px;
				height: 28px;
				background: url(/com_rel/images/btn_sendrequest.gif);
				}

			#ticket_request .interior .textbox input.sendrequest:hover {
				background-position: bottom;
				}

		/***********ticket_unqualified************/

		#ticket_unqualified .interior {
			background: url(/com_rel/images/bkg_ticket-questions.jpg);
			height: 521px;
			}

			#ticket_unqualified .interior img {
				margin: 15px 20px;
				}

			#ticket_unqualified .interior .textbox {
	width: 480px;
	height: 150px;
	text-align: center;
	position: relative;
	top: 90px;
	margin: auto;
				}

		/***********das************/

		#das .interior {
	background: url(/com_rel/images/bkg_das.jpg);
	height: 585px;
			}

			#das .interior img {
				float: left;
				/*margin: 0 10px 5px 0;*/
				}

			#das .interior .leftcol {
				width: 570px;
				float: left;
				}

			#das .interior p {
				padding: 10px 20px;
				}


		/***********das grantmaking************/

		#grant .interior {
			background: url(/com_rel/images/bkg_das-grantmaking.jpg);
			height: 516px;
			}

	
			#grant .interior .introduction {
				width: 718px;
				text-align: center;
				position: relative;
				top: 30px;
				padding: 0 20px;
				margin: auto;
				}

			#grant .interior .introduction hr {
				border: solid 1px #44bcfb;
				height 1px; 
				}

			#grant .interior .textbox {
				width: 480px;
				height: 280px;
				text-align: center;
				position: relative;
				top: 85px;
				left: 80px;
				margin: auto;
				}

			#grant .interior .textbox input.submit {
				margin-top: 5px;
				width: 72px;
				height: 28px;
				background: url(/com_rel/images/btn_submit.gif);
				}

			#grant .interior .textbox input.submit:hover {
				background-position: bottom;
				}


		/***********das_grantmaking_result************/

		#grant_result .interior {
			background: url(/com_rel/images/bkg_das-grant-result.jpg);
			height: 395px;
			}

			#grant_result .interior .textbox {
				width: 480px;
				height: 280px;
				text-align: center;
				position: relative;
				top: 50px;
				left: 80px;
				margin: auto;
				}

		/***********das_charity_partners************/

		#partners .interior {
			background: url(/com_rel/images/bkg_das-partners.jpg);
			height: 1063px;
			}

		#partners .interior img {
			margin: 15px 20px;
			}

		#partners .interior .textbox {
			position: relative;
			top: 30px;
			margin: auto;
			width: 718px;
			text-align: center;
			}

			#partners .interior .textbox hr {
				border: solid 1px #44bcfb; 			
				}

		#partners .interior .textbox .textcol1,
		#partners .interior .textbox .textcol2 {
				float: left;
				text-align: left;
				width: 324px;
				margin: 0 10px;
				line-height: 230%;
				}
		
		a.partner {
    			position:relative; /*this is the key*/
    			z-index:24;
    			color:#ffffff;
    			text-decoration:underline;
    			font-weight: bold;
			}

		a.partner:hover {
			z-index:25; 
			color: #f2c523; 
			background: url(/com_rel/images/spacer.gif); 
			text-decoration: none;}

		a.partner span.tooltip {
			display: none; 
			}

		a.partner:hover span.tooltip { /*the span will display just on :hover state*/
	display:block;
	position:absolute;
	top:2em;
	left:7em;
	height: 85px;
	width: 217px;
	padding: 5px;
	background: url(/com_rel/images/bkg_tooltip.gif);
	color:#ffffff;
	text-align: left;
	line-height: 100%;
	font-size: 11px;
	font-weight: normal;
	background-repeat: no-repeat;
			}

		/***********das_directors************/

		#directors .interior {
			background: url(/com_rel/images/bkg_das-directors.jpg);
			height: 580px;
			}

		#directors .interior .textbox {
			text-align: center;
			line-height: 150%;
			width: 758px;
			position: relative;
			top: 25px;
			margin: auto;
			}

		/***********das_classic************/

		#classic .interior {
			background: url(/com_rel/images/bkg_das-classic.jpg);
			height: 385px;
			}

		#classic .interior p {
			float: left;
			position: relative;
			top: 10px;
			left: 350px;
			width: 410px;
			}

		/***********das_newsletter************/

		#newsletter .interior {
			background: url(/com_rel/images/bkg_das-newsletter.jpg);
			height: 988px;
			}


			#newsletter .header {
				background: url(/com_rel/images/hdr_newsletter.jpg);
				width: 758px;
				height: 125px;
				position: relative;
				top: 15px;
				margin: auto;
				}

			#newsletter .header img {
				position: relative;
				top: 80px;
				left: 15px;
				}

			#newsletter .interior .textbox {
				width: 720px;
				height: 280px;
				position: relative;
				top: 50px;
				margin: auto;
				}

				#newsletter .interior .textbox hr {
					border: solid 1px #44bcfb; 
					}
	
				#newsletter .interior .textbox .fieldname {
					width: 200px;
					margin-top: 8px;
					vertical-align: middle;
					font-weight: bold;
					float: left;
					}

				#newsletter .interior .textbox input,
				#newsletter .interior .textbox textarea {
					margin: 3px 0px;
					width: 400px;
					}

					#newsletter .interior .textbox input.radio {
						width: auto;
						margin-right: 5px;
						}

					#newsletter .interior .textbox .gender {
					margin-right: 15px;
					}

				#newsletter .interior .textbox select.state {
					margin: 3px 0px;
					width: 406px;
					}

				#newsletter .interior .textbox select.date {
					margin: 3px 15px 3px 0;
					width: 123px;
					}

				#newsletter .interior .textbox input.sendrequest {
					margin-top: 5px;
					width: 72px;
					height: 28px;
					background: url(/com_rel/images/btn_submit.gif);
					}

				#newsletter .interior .textbox input.sendrequest:hover {
					background-position: bottom;
					}

		/***********faq************/


		#faq .interior {
			}

		#faq .interior img {
			margin: 15px 20px;
			}

		#faq .interior .expandcollapse img {
			margin: 0px;
			}

		#faq .interior .textbox {
			background: url(/com_rel/images/bkg_faq-questions.jpg) bottom;
			height: auto;
			width: 758px;
			margin: auto;
			margin-bottom: 20px;
			}

		#faq .interior .questions {
			}

		#faq .interior .contact {
			background: url(/com_rel/images/bkg_faq-contact.png);
			_background: url(/com_rel/images/bkg_faq-contact.gif);
			width: 716px;
			height: 422px;
			margin: auto;

			}

		#faq .interior .contact h2 {
			position: relative;
			top:20px;
			left: 50px;
			}


		#faq .interior .contact form {
			float: left;
			margin: 55px 0 0 20px;
			_margin-left: 0px;
			}

		#faq .interior .textbox .contact input.submit {
			margin: 45px 0 0 300px;
			*margin-top: 30px;
			width: 104px;
			height: 28px;
			background: url(/com_rel/images/btn_contactus.gif);
			}

		#faq .interior .textbox .contact input.submit:hover {
			background-position: bottom;
			}

		#faq .interior .textbox .contact .fieldname {
	width: 135px;
	margin-top: 8px;
	vertical-align: middle;
	text-align: left;
	margin-left: 30px;
	float: left;
	height: 18px;
			}

		#faq .interior .textbox .contact input,
		#faq .interior .textbox .contact textarea {
			margin: 3px 0px;
			width: 400px;
			float: left;
			}


		/***********giu************/

		#giu .interior {
			height: 1063px;
			}

		#giu .interior img {
			margin: 15px 20px;
			}

		#giu .interior .textbox {
			position: relative;
			margin: auto;
			width: 718px;
			}

		#giu .interior .textbox .right {
			float: right;
			}

		#giu .interior .textbox p {
			margin-top: 10px;
			}

		#giu .interior .textbox h1 {
			padding-top: 30px;
			}

/******* photo ******/
#photo .interior {
			margin-left: 110px;
			}
#photo .interior #caption{
	height:75px;
}
	/***********footer************/

	.footer {
		width: 800px;
		height: 100px;
		text-align: center;
		}

		.footer .general,
		.footer .legal {
		margin-top: 10px;
		}	

		.footer li {
		margin: 5px 5px;
		}

		.footer a {
		color: #ffffff;
		text-decoration: underline;
		}