@charset "utf-8";


/*
-----------------------------------------------
Style Sheet

Site: www.susdfoundation.org 
Author:   Chuck Carpenter    
Email: chuck_carpenter@isagenix.net
Version:  v. 07.2008
	
	
	
======================================= */
/* STRUCTURE
======================================= */

@import "core.css";





div#bg { background: url(../img/bg_b.png) repeat-y center top; width: 1000px; }

div#wrapper { background: #fff url(../img/bg_t.png) repeat-x center top; }







/*-- COMMON ----------------------------- */


h1, h2, h3, h4, h5, h6 { color: #2e5272; }






/*=HEADER----------------------------- */

#header { background: url(../img/head_bg.png) no-repeat center top; height: 140px; position: relative; }

h1#logo { 
	text-indent: -9999px;
	background: url(../img/logo.gif) no-repeat left top;
	width: 180px;
	height: 110px;
	position: absolute;
	left: 30px;
	top: 5px;
	cursor: pointer; /* for IE */
}

ul#btnNav { 
	list-style-type: none;
	position: absolute; 
	top: -3px; 
	right: 30px; 
}

ul#btnNav li { float: left; display: block; padding: 0 8px; }

ul#btnNav li:hover, ul#btnNav li a { cursor: pointer; }

ul#btnNav li form  { width: 210px; }


/*=NAVIGATION ----------------------------- */

		/* Main Nav --*/
		
		
		/* common styling */
		#mainNav {
			padding: 0;
			margin: 88px 110px 0;
			list-style: none;
			position: relative;
			float: right;
			z-index: 200;
		}
		
		#mainNav li {
			display: block;
			float: left;
		}
		
		#mainNav li a {
			display: block;
			float: left;
			color: #2e5272;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			padding: 5px 20px 10px 35px;
			cursor: pointer; /* IE */
		}

		#mainNav table {
			border-collapse: collapse;
			padding: 0;
			margin: 0;
			position: absolute;
			left: 0;
			top: 0;
		}
		
		#mainNav li:hover {
			position: relative;
			z-index: 200;
			color: #fbb536;
		}
		
		#mainNav li:hover ul { color: #fbb536; }
		
		#mainNav a:hover {
			position: relative;
			white-space: normal;
			z-index: 200;
			color: #fbb536;
		}
		
		#mainNav li a:hover ul { display: block; }
		
		#mainNav :hover ul.sub {
			left: 15px;
			background-color: transparent;
			top: 30px;
			padding: 5px;
			white-space: nowrap;
			width: 100%;
			height: auto;
			z-index: 300;
			font-size: 11px;
		}
		
		
		#mainNav :hover ul.sub li {
			display: block;
			height: 30px;
			position: relative;
			float: left;
			width: 120%;
			font-weight: normal;
			padding: 0;
			border-bottom: 1px solid white;
		}
		
		
		#mainNav :hover ul.sub li a {
			display: block;
			background: #2e5272;
			height: 30px;
			width: 100%;
			margin: 5px 0;
			padding: 0 10px;
			line-height: 28px;
			color: #cde2ee;
			text-decoration: none;
			font-size: 11px;
		}
								
		#mainNav :hover ul.sub li a:hover {
			background: #fbb536;
			color: #2e5272;
		}
		
		
		#mainNav a:hover a:hover ul,
		#mainNav a:hover a:hover a:hover ul,
		#mainNav a:hover a:hover a:hover a:hover ul,
		#mainNav a:hover a:hover a:hover a:hover a:hover ul {
			left: 140px;
			top: -34px;
			padding: 3px;
			white-space: nowrap;
			width: 100%;
			z-index: 400;
			height: auto;
		}
		
		#mainNav ul, 
		#mainNav a:hover ul ul,
		#mainNav a:hover a:hover ul ul,
		#mainNav a:hover a:hover a:hover ul ul,
		#mainNav a:hover a:hover a:hover a:hover ul ul {
			position: absolute;
			left: -9999px;
			top: -9999px;
			width: 0;
			height: 0;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		
		#mainNav li:hover li:hover > ul {
			left: 140px;
			top: -4px;
			padding: 3px;
			border: 1px solid #eee;
			white-space: nowrap;
			width: 140%;
			z-index: 400;
			height: auto;
		}
		
		#mainNav li:hover > ul ul {
			position: absolute;
			left: -9999px;
			top: -9999px;
			width: 0;
			height: 0;
			margin: 0;
			padding: 0;
			list-style: none;
		}
		

a.aboutLink { background: url(../img/icon_about.png) no-repeat left 30%; }
a.programLink { background: url(../img/icon_prog.png) no-repeat left 30%; }
a.calLink { background: url(../img/icon_cal.png) no-repeat left 30%; }
a.giveLink { background: url(../img/icon_give.png) no-repeat left 30%; }




/*=CONTENT ----------------------------- */


#content { margin: 0 15px 20px; position: relative; z-index: 2; }

img.mainImg { 
	padding: 5px;
	background: #c9dae5;
	margin-bottom: 20px;
 }


dl#boardMembers { border-bottom: 1px solid #ccc; padding-bottom: 20px; }

dl#boardMembers dt, #sideBar h5 {
	color: #57b4ce;
	font: bold 16px "Lucida Grande", Verdana, Arial, sans-serif;
	margin-top: 10px;
}

dl#boardMembers dd {
	margin: 0;
}	

dl#boardDesc {
	margin: 10px 0;
	padding: 0;
	clear: both;
}

dl#boardDesc dt { padding: 20px 0 10px; font: bold 14px "Lucida Grande", Verdana, Arial, sans-serif; }

dl#boardDesc dd {
	margin: 0;
}

dl#boardDesc dd img {
	float: left;
	clear: left;
	margin: 0 15px 0 0;
	padding: 5px;
	background: #828fa8;	
}

ul#otherBoard { list-style-type: none; margin: 0; }
ul#otherBoard li { padding: 10px 0; }

ul#grantList {
	margin: 0;
	padding: 0;
	white-space: nowrap;
	width: 100%;
	height: auto;
	font-size: 11px;
}

ul#grantList li {
	display: block;
	height: 30px;
	float: left;
	clear: left;
	font-weight: normal;
	padding: 0;
	width: 180px;
}

ul#grantList li a {
	display: block;
	background: #2e5272;
	height: 28px;
	width: 100%;
	margin: 5px 0;
	padding: 0 10px;
	line-height: 28px;
	color: #cde2ee;
	text-decoration: none;
	font-size: 11px;
}
						
ul#grantList li a:hover {
	background: #fbb536;
	color: #2e5272;
}

form {
	width: 460px;
	text-align: left;
}

fieldset {
	margin: 0;
	border: 0;
	padding: 10px 25px;
	background: #c9dae5;
}

legend {
	display: none;
}

form h3 {
	clear: both;
	padding: 5px 0px 10px 0px;
	font-size: 14px;
}

form label {
	display: block;
	width: 310px;
	font-size: 12px;
	line-height: 14px;
	padding: 15px 0px 12px 0px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.field-first,
form label.field-address,
form label.field-city,
form label.field-email {
	clear: left;
}


form label.field-first,
form label.field-last,
form label.field-city,
form label.field-email,
form label.field-phone {
	float: left;
	margin: 0px 10px 0px 0px;
	width: 150px;
}

form label.field-first input,
form label.field-last input,
form label.field-email input,
form label.field-city input,
form label.field-phone input {
	float: left;
	width: 150px;
	padding: 2px 0;
}

form label.field-state {
	float: left;
	margin-right: 10px;
	width: 60px;
}

form label.field-state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.field-zip {
	float: left;
	width: 80px;
}

form label.field-zip input {
	float: left;
	width: 80px;
}

form label.field-address {
	float: left;
	width: 310px;
	margin: 0px 0px 0px 0px;
}

form label.field-address input {
	float: left;
	width: 310px;
	padding: 2px 0;
}

form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

form label.radioitem {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

textarea {
	display: block;
}

form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4, 
form input#checkbox_5,
form input#checkbox_6, 
form input#checkbox_7, 
form input#checkbox_8, 
form input#checkbox_9 {
	clear: both;
	float: left;
	padding: 0px;
	margin: 0px;
}

form label.field-checkbox {
	clear: none;
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 15px 0px;
}

form textarea {
	margin-top: 3px;
}

.btn {
   background: url(../img/gradhead.png) repeat-x top center #2e5272;
   border: 1px solid #888;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   padding: 5px 15px;
   color: white;
   font-weight: bold;
   font-size: 12px;
   text-align: center;
   cursor: pointer; /* IE6 */
}

.btn:hover {
   background: #fbb536;
   border: 1px solid #888;
   color: #2e5272;
}

#mainContent table tr td { border-bottom: 1px solid #c9dae5; }
#mainContent table thead td { border-right: 1px solid white; }


div#waysList { width: 630px; background: white; border: 1px solid #ccc; padding: 10px; margin: 0 auto; }

ol.tenWays {
	margin: 0 30px;
	padding: 10px 5px;
	float: left;
	width: 240px;
  	font: italic 1.6em Georgia, Times, serif;
  	color: #2e5272;	
}

ol.tenWays p {
  	font: normal .7em "Lucida Grande", Tahoma, Arial, sans-serif;
  	color: #666;
}



/* donor recognition page */

.tabnav li {
	display: inline;
	list-style: none;
	padding-right: 5px;
}

.tabnav li a {
	text-decoration: none;
	text-transform: uppercase;
	color: #222;
	font-weight: bold;
	padding: 4px 6px;
	outline: none;
}

.tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a {
	background: #fbb536;
	color: #222;
	text-decoration: none;
}

.tabdiv {
	margin-top: 2px;
	background: #fff;
	border: 1px solid #dedbd1;
	padding: 5px;
}

.tabdiv li { list-style-image: url("star.png"); margin-left: 20px; }

.ui-tabs-hide { display: none; }


table.donationList {
	margin: 0 auto 30px;
	width: 95%;
	border-collapse: collapse;
}

table#recDef {
	margin: 0 auto 10px;
	width: 99%;
	border-collapse: collapse;
	font-size: 10px;
}

table.donationList caption, table#recDef caption { background: none; padding: 10px; color: #2e5272; font-size: 16px;  }

table.donationList th, table#recDef th {
	font-size: 13px;
	padding: 8px;
	background: #2e5272 url('../img/gradhead.png') repeat-x;
	border-top: 2px solid #d3ddff;
	border-bottom: 1px solid #fff;
	color: #fff;
}

table.donationList td, table#recDef td {
	padding: 8px; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid #fff;
	background: #e8edff url('../img/gradback.png') repeat-x;
}

table.donationList tfoot tr td{
	background: #e8edff;
	font-size: 12px;
	color: #99c;
}

table#recDef tfoot tr td {
	background: #e8edff;
	color: #99c;
}

table.donationList tbody tr:hover td, table#recDef tbody tr:hover td {
	background: #fbb536 url('../img/gradhover.png') repeat-x;
	color: #339;
}

/* chairman's list */

dl#chairDef dt { color: #2e5272; font-size: 16px; }

dl#chairDef dd { margin: 0; }

ul#chairmanList { width: 650px; margin: 10px auto; background-color: #cde2ee; border: 1px solid #ccc; }

ul#chairmanList li, ul#golfDonorList li { list-style-type: none; float: left; border: 1px solid #ccc; margin: 5px; background: white; }

ul#chairmanList li.logoImg img { margin: 0; padding: 0; }

ul#chairmanList li div { background: #ddd; border-top: 1px solid #ccc; margin: 0; }

ul#chairmanList li div span { padding: 0 0 0 3px; margin: 0; color: #888; }



/* donations page */

dl#donate { width: 600px; background: white; border: 1px solid #ccc; padding: 20px; }
dl#donate dd { margin-left: 0; padding: 5px 0; }
dl#donate dd.method { color: #2e5272; }

/* ways to donate page */

dl#faqList { color: #666; }
dl#faqList dt { color:#2e5272; }
dl#faqList dd { margin-left: 0; padding-bottom: 10px; }



/* golf pages */

dl#golfDonor { padding: 5px; background-color: white; width: 235px; border: 1px solid #ccc; }
dl#golfDonor dd { width: 230px; margin: 0; }
dl#golfDonor dd div.premier { background-color: purple; float: right; height: 12px; width: 12px; border: 2px solid #999; }
dl#golfDonor div.hio { background-color: green; float: right; height: 12px; width: 12px; border: 2px solid #999; }
dl#golfDonor div.eagle { background-color: #ff7f00; float: right; height: 12px; width: 12px; border: 2px solid #999; }
dl#golfDonor div.supporter { background-color: yellow; float: right; height: 12px; width: 12px; border: 2px solid #999; }


ul#golfDonorList { width: 670px; margin: 0; padding: 0; }

ul#golfDonorList li.premier { padding: 5px; margin: 2px; background-color: purple; }
ul#golfDonorList li.hio { padding: 5px; margin: 2px; background-color: green; }
ul#golfDonorList li.eagle { padding: 5px; margin: 2px; background-color: #ff7f00; }
ul#golfDonorList li.supporter { padding: 5px; margin: 2px; background-color: yellow; }



/*=FOOTER ----------------------------- */


#footer { 
	background: url(../img/footer_bg.png) no-repeat center top; 
	height: 81px; 
	text-align: center;
	color: #2e5272;
}

ul#secondNav { 
	list-style: inside disc; 
	width: 45%; 
	margin: 0 auto 5px; 
}

ul#secondNav .firstLink { list-style-type: none; }

div#footer ul#secondNav li { float: left; padding:  5px 5px 5px 3px;  }
div#wrapper div#footer ul#secondNav.clearfix li a { 
	color: #2e5272; 
	font-weight: bold;
	text-decoration: none; 
	padding-bottom: 2px;
	border-bottom: 1px solid #2e5272; 
}

div#wrapper div#footer ul#secondNav.clearfix li a:hover { border: none; color: #828fa8; }