@charset "UTF-8";
/* CSS Document */

body { margin: 0; background-repeat: repeat-x; background-position: 0 111px; }

body#home { background-image: url(../images/bodyBg.jpg);}
body#formPageHEP { background-image: url(../images/subpageBg.jpg); background-position: 0 118px; } 
body#formPage { background-image: url(../images/subpageBg.jpg); background-position: 0 74px; } 

body#subpage { background-image: url(../images/subpageBg.jpg);}

#wrapper { width: 960px; margin: auto; clear: both; background-color: #FFF; }

#rotate-contain { width: 960px; height: 365px; position: relative; }
#rotate { height: 336px; width: 960px; background-repeat: no-repeat; }

.feature { width: 676px; float: left; position: relative; }
	a.udonateLink { width: 284px; height: 116px; display: block; position: absolute; right: 0; top: -200px; z-index:20; background-image: url(/giving/images/udonate_graphic.jpg); }
.mainBlockSub { margin-top: 0; width: 284px; float: right; }
	.mainBlock { position: relative; width: 284px; margin-top: 116px;  float: right; }
.mainBlock p { font-family: Verdana, Geneva, sans-serif; color: #FFF; font-size: 12px; padding: 7px 15px 5px 15px; margin: 0;  }
.mainBlock h3 { font-family: 'Lato', arial, serif; margin: 15px 0 5px 15px; padding: 0; }

.mainBlock h3 a { color: #FFF; text-decoration: none; }

#main-block-nav { position: absolute; right: 100px; bottom: 15px; z-index: 50000; width: 76px; text-align: center; }
#main-block-nav a { float: left; display: block; height: 15px; width: 15px; margin: 0 2px 0 2px; background-image: url(images/off-bubble.png); text-indent: -9999px; overflow: hidden; }
#main-block-nav a.activeSlide { background-image: url(images/active-bubble.png); }

a img {border: none;}
a.readMore { width: 102px; height: 46px; background-image: url(../images/readMore.png); display: block; background-position: 0 46px; float: right; clear: both;}
a.readMore:hover { background-position: 0 0; }

#blocks { float: left; margin-top: 46px; clear: both; font-family: Verdana, Geneva, sans-serif; }

	.block1 { width: 250px; height: 320px; padding-top: 31px; float: left; background-image: url(../images/block1bg.jpg); background-repeat: repeat-y; }
		
			.block1 .item { overflow: auto; padding: 0 10px 20px 17px; clear: left; margin-bottom: 27px; }
			.block1 .item img.icons { float: left; margin-right: 10px; }
			.block1 .item h3 {font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-size: 13px;color: #006; font-weight: bold; margin: 0; padding: 0; }
			.block1 .item p { font-family: 'Arial', Helvetica, sans-serif; font-size: 12px; color:#53514a; margin: 0; padding: 6px 6px 0 0; }
			
	.block2 { width: 442px; height: 320px; padding-top: 31px; float: left; background-image: url(../images/block2bg.jpg); background-repeat: repeat-y; }
	
			.block2 .item { padding: 0 29px 0 29px; overflow: auto; clear: left; margin-bottom: 23px; }
			.block2 .item img { margin-right: 10px; float: left;}
			.block2 .item h3 {font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-size: 16px;color: #575844; font-weight: bold; margin: 0 0 10px 0; padding: 0; }
			.block2 .item p { font-size: 12px; margin: 0; padding: 0 15px 0 25px; }
			.block2 .item a:link {font-weight: bold; text-decoration: none; color:#336699;}
			.block2 .item a:hover {text-decoration: underline;}

	
	.block3 { width: 250px; height: 320px; padding-top: 31px; float: left; background-image: url(../images/block3bg.jpg); background-repeat: repeat-y; }
	
			.block3 .item { padding: 0 29px 10px 29px; }
			.block3 .item img { width: 190px; display: block; }
			.block3 .item h3 {font-family: "Myriad Pro", Helvetica, Arial, sans-serif; font-size: 16px;color: #575844; font-weight: bold; margin: 15px 0 10px 0; padding: 0; }
			.block3 .item p { font-size: 12px; margin: 0; padding: 0; }
			.block3 .item a:link {font-weight: bold; text-decoration: none; color:#336699; font-size: 12px;}
			.block3 .item a:hover {text-decoration: underline;}

#subBlock { background-color: #FFF; clear: both; overflow: auto; }
	
	#subBlock .content { padding: 25px;}
	
	#subBlock #column1 { width: 254px; margin-right: 30px; float: left; }
	
		#subBlock #column1 #leftSidebar { width: 246px; margin-top: 30px;  background-image: url(../images/sidebarRepeat.jpg); overflow: hidden; }
		#subBlock .content #column1 #leftSidebar .content { padding:15px;}
		#subBlock .content #column1 #leftSidebar .content .campaign { margin: 10px auto 10px auto; display: block; }
		#subBlock #column1 #leftSidebar .content p { font-family: Verdana, Geneva, sans-serif; color: #8a8b5f; font-size: 11px; margin: 0; padding: 0 0 0 10px; }
		
		#subBlock #column1 #leftSidebar .content h2 {font-family: 'Open Sans', sans-serif; color: #32618c; font-size: 18px; margin: 0 0 10px 10px;}
		#subBlock #column1 #leftSidebar .content h3 { font-family: Verdana, Geneva, sans-serif; color: #32618c; font-size: 12px; font-weight: bold; margin: 0 0 10px 10px;}
		#subBlock #column1 #leftSidebar .top { width: 246px; height: 13px; float: left; background-image: url(../images/sidebarTop.jpg); }
		#subBlock #column1 #leftSidebar .bottom { width: 246px; height: 13px; float: left; background-image: url(../images/sidebarBottom.jpg); }
	
	#subBlock #column2 { width: 626px; float: left; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
	
		#subBlock #column2 p { margin: 0 0 20px 0; padding: 0; line-height: 20px; color:#333;}
		#subBlock #column2 h1 { font-size: 30px; color:#717457; font-family: 'Open Sans', sans-serif; }
		#subBlock #column2 h2 { font-size: 16px; color:#32618c; }
	    #subBlock #column2 h3 { font-size: 14px; color:#8a8b5f; }
		#subBlock #column2 #callout { width: 408px; margin-left: 10px; float: right; overflow: auto; background-image: url(../images/calloutRepeat.jpg); }
		
	    #subBlock #column2 blockquote p {font-weight: bold; font-size: 16px; color:#8e8939;}
     	
     	#column2 p a[href$=".doc"] {background: url(../images/elements/iconDOC.gif) 0 0 no-repeat; padding-left: 20px; padding-bottom: 5px;}
     	#column2 p a[href$=".pdf"] {background: url(../images/elements/iconPDF.gif) 0 0 no-repeat; padding-left: 20px; padding-bottom: 5px;}

	
		#subBlock #column2 #callout .content { padding: 8px 20px 8px 20px; overflow: auto; }
		#subBlock #column2 #callout .content h3 { font-family: "Myriad Pro", Helvetica, Arial, sans-serif; color: #575844; font-size: 16px; margin: 0 0 10px 0; padding: 0; }
		#subBlock #column2 #callout .content p { width: 160px; float: left; font-size: 11px; margin: 0; padding: 0; }
		#subBlock #column2 #callout .content img { margin: 0 10px 0 0; float: left; }
		#subBlock #column2 #callout .content .col1 { float: left; width: 198px; }
		#subBlock #column2 #callout .content .col2 { float: left; width: 170px; }
		#subBlock #column2 #callout .content a.crazyLinkStyle { display: block; padding: 5px 8px 5px 8px; background-color: #666; color: #FFF; }
		
		#subBlock #column2 #callout .top { background-image: url(../images/calloutTop.jpg); width: 408px; height: 15px; }
		#subBlock #column2 #callout .bottom { background-image: url(../images/calloutBottom.jpg); width: 408px; height: 15px; }
		
		#subBlock #column2 table {background-color: #e7e8d4; padding:7px; width: 100%;}
		#subBlock #column2 table td {font-size: 11px; border-top:1px solid white; border-right, border-bottom:none; }
		#subBlock #column2 table td.name {font-weight: bold; color:#575844;}
		#subBlock #column2 tr:hover { background-color: #dbd99d; }
		
		#gallery { width: 626px; float: left;}
		#gallery .gallery-blck { width: 270px; padding: 10px; margin-bottom: 25px; margin-right: 20px; border: 1px solid #eee; float: left; }
		
		#gallery .gallery-blck .photo { width: 100px; height: 100px; float: left; background-color: #eee; margin-right: 10px; }
		#gallery .gallery-blck h3 { margin: 0 0 10px 0; color: #575844; }
		#gallery .gallery-blck h3 a { color: #575844; }
		#gallery .gallery-blck p { margin-top: 0; } 
		
.subpageBottom3wrap { clear: both; }
.subpageBottom3 { background-image: url(../images/bottom3bg.jpg); font-size: 11px; float: left; width: 185px; padding: 10px; background-repeat: no-repeat; }
#subBlock #column2 .subpageBottom3 p { width: 140px; float: right; margin-top: 5px; color: #666; }
.subpageBottom3 .icons { float: left; width: 35px; padding-right: 3px;  }

#form { font-family: verdana; font-size: 12px; color: #666; }

#UDStandardFooter {clear: left; padding-top: 30px;}
		
#UDStandardHeader {background-image: url('blueheader-930px/images/hdr_giving_hdr.jpg');}

.clearFloat { clear: both;}