/*  
Theme Name: Grady Health Foundation
Theme URI: http://www.3eighteenmedia.com
Description: A WordPress Theme for the Grady Health Foundation.
Version: 1.0
Author: Maurice Cherry, 3eighteen media
Author URI: http://3eighteenmedia.com
*/

/* Grady Health Global CSS Document */

body {
   behavior: url(images/csshover3.htc);
}

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* --------------------------------------------
  child pixels / parent pixels = child ems
  
  global elements
  body.............12px / 16px(body) = .75 = 75% = 12px = 1em
  p................12px / 12px = 1em
  li...............12px / 12px = 1em
  td...............12px / 12px = 1em
  
  headers
  h1...............20px / 12px = 1.67em slightly larger than 20, but IE will round down, exact is 1.66666667
  h2...............18px / 12px = 1.5em
  h3...............16px / 12px = 1.33em
  h4...............14px / 12px = 1.17em
  h5...............12px / 12px = 1em
  
  contentSecondary
  p................12px / 12px = 1em
  p................11px / 12px = .92em
  p................10px / 12px = .83em
  

  all nested elements are globally set to be 1em

--------------------------------------------- */

html {
	height:100%;
}
body {
	background: #EDEDED url(images/bg-repeat.gif) repeat-x 0 0;
	font: 0.8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color: #777777;
	margin: 0;
	padding: 0;
	line-height: 1.5em;
}

/* ------------------
  =page structure
--------------------- */
.container {
margin: 0 auto;
width: 100%;
background: none;
width: 960px;
margin: 0 auto;
background: url(images/bg-header.gif) no-repeat center top;
}

#wrapHeader {
width: 100%;
position: relative;
float: left;
z-index: 500;
}

#headerUtility {
float: right; 
}

	#headerUtility .gutter {
	padding: 55px 0 0 0 ;
	}

#headerSearch {
float: right; 
clear:right;
}

	#headerSearch .gutter {
	padding: 20px 0 0 0 ;
	}

#header {
width: 100%;
width: 400px;
}

	#header .gutter {
	padding: 20px 0 20px 30px;
	}


#wrapNav {
float: left;
width: 100%;
background: url(images/nav-repeat.gif) repeat-x top;
position: relative;
height: 50px;
}

	#wrapNav .gutter {
	padding: 0 20px;
	}
	
	#navLeft { position: absolute; top: 0; left: 0; width: 10px; height: 50px; background: url(images/nav-sprite.gif) no-repeat right top; float: left; }
	#navRight { position: absolute; top: 0; right: 0; width: 10px; height: 50px; background: url(images/nav-sprite.gif) no-repeat left top; float: right; }

#wrapMedia {
float: left;
width: 100%;

display:none;
}
	#wrapMedia .gutter {
	padding: 10px 20px;
	}

#wrapContentOuter {
float: left;
width: 960px;
background: url(images/bg-content.gif) no-repeat center top; 
position: relative;
padding-top: 20px;

}

#wrapContentInner {
width: 960px;
float: left;
background: url(images/bg-content-repeat.gif) repeat-y; 
}

#contentPrimary {
width: 690px;
float: right;
background: url(images/content-sprite.gif) no-repeat 0 -13px;
text-align: justify;
}
	#contentPrimary .gutter {
	padding: 24px 30px 30px 30px ;
	}


#contentSecondary {
width: 250px;
float: left;
}
	#contentSecondary .gutter {
	/*padding: 26px 30px;*/
	background: url(images/sidebar-sprite.gif) no-repeat 0 -13px;
	_height: 1%;
	}
	#wrapSubNav {
	padding: 26px 30px;
	}

#contentSub {
width: 200px;
float: right;
display:none;
}
	#contentSub .gutter {
	padding: 20px;
	}

#wrapFooter {
width: 100%;
clear: both;
background: url(images/div-dotted.gif) repeat-x top;
font-size: .9em;
}
	#wrapFooter .gutter {
	padding: 20px 30px;
	}

.twoCol .col { width: 48% }	
.twoCol .rcol { float: right; }
.twoCol .lcol { float: left; }

#wrapFooter .lcol { width: 570px; }
#wrapFooter .rcol { width: 330px; text-align: right; }

#contentBottom { float:left; width: 100%; margin-bottom: 30px; }
#contentBottom #sidebarBottom { float: left;  width: 250px; height: 7px; padding: 0; line-height: 1px; background: url(images/sidebar-sprite.gif) no-repeat 0 -6px; _background: url(images/sidebar-sprite.gif) no-repeat 0 3px;  }
#contentBottom #primaryBottom { float: right; width: 690px; height: 7px;  line-height: 1px; background: url(images/content-sprite.gif) no-repeat 0 -6px;  _background: url(images/content-sprite.gif) no-repeat 0 3px;  }


	
/* ------------------------
  =home page
------------------------ */
#home { background: #ededed url(images/bg-repeat-repeat.gif) repeat-x 0 0; }
#home #wrapHeader { height: 403px; }
#home #wrapNav { height: 70px; background: url(images/nav-bg-home.png) no-repeat top; }	
#home #wrapMedia { display:block; position: absolute; z-index: 0; top: 0; left: 0; }
#home #wrapMedia .gutter { padding: 0; }
#home #wrapNav { position: absolute; bottom: 0; }
#home #logo { position: absolute; top: 39px; left: 30px; }
#home #headerUtility { position: absolute; top: 20px; right: 218px; }
#home #headerSearch { position: absolute; top: 14px; right: 0;  }
#home #headerSearch .gutter, #home #headerUtility .gutter { padding:0; } 
#home #wrapContentInner { background: transparent; width: 720px; }
#home #wrapContentOuter  { background: url(images/bg-home.jpg) no-repeat top center; }
#home #contentSecondary { width: 270px;  }
#home #contentSecondary .gutter { background: transparent; padding: 20px 26px; margin-top: 10px; }
#home #contentPrimary { background: transparent; width: 430px; }
#home #contentPrimary .gutter { padding:  20px 50px 20px 30px; }
#home #contentSub { display: block; width: 240px;  }
#home #contentSub .gutter { padding: 20px 30px; }

	
/* ------------------------
  =header and text styles
------------------------ */

/* --- HEADER STYLES ---*/ 

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	/* font-weight: bold; */
	color: #055997;
}
h1 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 26px; /* 20px */
	margin: 0;
	color: #525252;
	padding: 0; 
	margin: 0 0 .5em 0;
	font-weight: normal;
	line-height: normal;
	text-align: left;
	clear:both;
}
h2, *.BBFormTitle, *.EventCalendarName, *.SurveyTitle, *.SpellFormTitle, *.ReportTitle, *.LoginFormTitle, *.LoginSectionHeader, *.ProfileFormTitle, *.DonationListingHeading, *.DonationCaptureListingHeading, *.EventSectionHeader, *.FRDonorListSetCaption, *.FRCommentsFieldSet .FRFieldSetCaption, *.ECardWizardHeading, *.UpcomingEventTitle, *.RecentEventTitle, *.DiscussionGroupFormTitle, *.SearchFormTable .SearchFormTitle, *.CHFormTitle, *.GivingSearchFormTitle, *.NCC_Forms_Title, *.BBMembershipFormTitle, *.BBDocumentFormTitle, *.JobBoardFormTitle, *.SubscriptionFormTitle, *.BBAnonymousSubscriptionTitle, *.DirectoryFormTitle, *.BBVolOpJobListTitle, *.BBVolOpJobDetailTitle, *.PostChannelStoryFormTitle, *.BBPollsFormTitle, *.BBNotesTitle, *.ReportsLandingTable caption, *.SearchJobHeading, *.JobResultsHeading {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold;
	line-height: normal;
	text-align: left;
	font-size: 18px; /* 18px */
	margin: 0;
	color: #7c2621;
	font-weight: normal;
	margin: 0 0 .6em 0;
}
	*.SurveyTitle, *.ReportTitle, *.NCC_Forms_Title, *.SearchFormTitle, *.EventCalendarName, *.BBMembershipFormTitle, *.BBDocumentFormTitle, *.DiscussionGroupFormTitle, *.JobBoardFormTitle, *.EventSectionHeader, *.LoginSectionHeader, *.LoginFormTitle, *.DonationListingHeading, *.DonationCaptureListingHeading, *.CalendarFormLegend, *.DirectoryFormTitle, *.CalendarFormLegend, *.ProfileFormTitle, *.DiscussionGroupHeadingCell, *.BBPollsFormTitle, *.NewsChannelFormTitle, *.FRSectionHeader {
		padding: 0.5em 0;
		margin:0;
	}
	*.SurveyTitle {
		font-size:1em;
	}
	
h3, *.CalendarFormLegend, *.ListViewDateLabel, *.DetailCaption, *.NewsReaderFormTitle, *.EventItemTitleTime, *.EventItemTitleName, *.EventItemRegistrationsHeader, *.EventItemRegistrantsEventName, *.NewsChannelItemTitle, *.FRSectionHeader, *.FRFieldSetCaption, *.DiscussionGroupHeadingText, *.PostDiscussionReplyHeading, *.PostDiscussionPreviewHeading, *.SurveySubTitle, *.SpellHeading, table.ReportFormTable legend, fieldset .CHFormTitle, *.CalendarViewTopMiddle, *.ReportListingHeading, *.NCC_Forms_Subtitle, *.DiscussionTopicSubject {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	text-align: left;
	font-size: 14px; /* 16px */
	color: #000;
	margin: 0 0 1.1em 0;
	font-weight:bold;
}
	*.SurveySubTitle {
		font-size:0.92em;
		margin:0 0 0.5em;
	}
h4, *.DetailEventTitle, *.ListViewEventDate {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	text-align: left;
	font-size: 13px; /* 14px */
	color: #000;
	margin: 0 0 1em 0;
}
h5 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	text-align: left;
	font-size: 1em; /* 12px */
	margin: 0;
	color: #000;
}
h6 {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	line-height: normal;
	text-align: left;
	font-size: 1em; /* 12px */
	margin: 0;
	font-style: italic;
	color: #000;
}

#home h2, #home  #contentSecondary h2, #home  #contentSub h2 {  font-size: 20px; color: #525252; background: transparent; padding: 0; }
#home h3, #home h4, #home h5, #home #contentSecondary h3, #home #contentSecondary h4, #home #contentSecondary h5, #home #contentSub h3, #home #contentSub h4, #home #contentSub h5 { margin: 1em 0 .8em 0;  color: #731611; padding: 0; background: transparent;  }

#contentSecondary h1, #contentSecondary h2, #contentSecondary h3, #contentSecondary h4  { background: #e6e7e8; padding: 6px 30px; }
#contentSecondary h5, #contentSecondary h6 { background: transparent; padding: 0 30px; }

#sidebarContent p, #sidebarContent ul, #sidebarContent ol, #sidebarContent dl { padding: 0px 30px 5px; }

/* --- PARAGRAPH STYLES --- */

p {
	margin:0 0 1em;
	font-size: 1em;
}


#contentSecondary h1,
#contentSub h1{
font-size: 1.5em; /* 18px */
margin-bottom: .8em;
}

#contentSecondary h2,
#contentSub h2 {
font-size: 1.33em; /* 16px */
margin-bottom: .8em;
}

#contentSecondary h3,
#contentSub h3 {
font-size: 1.17em; /* 14px */
margin-bottom: .8em;
color: #333333;
}

#contentSecondary h4,
#contentSub h4  {
font-size: 1em; /* 12px */
margin-bottom: .8em;
color: #333333;
}

#contentSecondary h5,
#contentSub h5  {
font-size: .9em; /* 10px */
margin-bottom: .8em;
color: #333333;
}

#contentSecondary h6,
#contentSub h6 {
font-size: .9em; /* 10px */
margin-bottom: .8em;
color: #333333;
}

#contentSecondary p,
#contentSub p {
font-size: .9em; /* 10px */
margin-bottom: .8em;
}




/* ---------------
   =List styles
 --------------- */
#contentPrimary ul, #contentPrimary ol, #contentPrimary dl {
margin-bottom: 1.5em;
}

#contentPrimary ol{
margin: 0 0 1.5em 3em;
padding: 0;
list-style: decimal;
}
#contentPrimary ol li{
padding-left: .1em;
} 
#contentSecondary ol,
#contentSub ol {
margin-left: 1em;
padding-left: 1em;
}
#contentPrimary ul {
margin: 0 0 1.5em;
padding: 0;
list-style: none;
}
#contentPrimary ul li {
padding-left: 2.5em;
background: url(images/bullet.gif) no-repeat 1.75em .5em;
padding-bottom: 1em;
}
#contentSub ul li,
#contentSecondary ul li
{
/* padding-left: 1.25em;
background: url(images/bullet.gif) no-repeat .25em .5em; */
}
dt, dd {
margin: 0;
padding: 10px 0 0;
}
dt {
font-weight: bold;
margin: 0;
padding: 0;
}
dd {
margin: 0;
* padding: 0 0 0 2.5em; */
padding: 1em 0 0;
/* background: url(images/bullet.gif) no-repeat 1.25em .5em; */
}
#contentSecondary dd,
#contentSub dd {
padding-left: 1.25em;
/* background: url(images/bullet.gif) no-repeat .25em .5em; */
}

#headerUtility ul li { float: left; margin: 0; line-height: 1em; border-right: 1px solid #cccccc; padding:  0 12px 0 0 ; margin: 0 12px 0 0; }
#headerUtility ul li.last { margin-right: 0; border-right: 0; }
#headerUtility ul li a { line-height: 1em;  font-size: 11px; }

#home #contentSub ul { margin: 0 0 25px 0; padding: 0; }
#home #contentSub ul li { margin: 0; padding: 0; background: url(images/div-dotted.gif) repeat-x bottom; padding: 0 0 8px 0; margin: 0 0 8px 0;  }
#home #contentSub ul li a { font-size: .85em; color: #333; line-height: 1.3em; }
#home #contentSub ul li a:hover  { color: #d91510; }

#wrapFooter ul.menu {  margin: 0; padding: 0; float: right; }
#wrapFooter ul.menu li {  float: left; margin: 0; padding: 0; padding:0 0 0 20px; font-size: 11px; font-weight: bold;  }
#wrapFooter ul.menu li  a { color: #333; }
#wrapFooter ul.menu li  a:hover { color: #d91510; }

/* main navigation */

ul.menu, ul.menu ul {
list-style:none;
margin:0; 
padding:0;
z-index:5000;
position: relative;
}
/* =1.0 drop down menu */
#wrapNav ul.menu {
width:100%;
padding: 0;
}
#wrapNav ul.menu li {
float:left;
position:relative;
height:50px;
z-index:5000;
padding: 0;
margin: 0;
}
#home #wrapNav ul.menu li { height: 70px; }
#wrapNav ul.menu a {
display:block;
padding:0;
color: #fff;
font-weight: bold;
padding: 0;
line-height: 50px;
font-size: 16px;
padding: 0 14px 0 12px;
}
#home #wrapNav ul.menu a {
line-height: 70px;
}
#wrapNav ul.menu a:hover {
color: #333;
}
#wrapNav ul.menu li ul{
background: #4a4a4a url(images/bg-dropdown.gif) repeat-x top;
_height: 1%;
}
#wrapNav ul.menu li li {
width:280px;
clear:both;
background: url(images/div-dropdown.gif) repeat-x bottom; 
padding: 0;
height: 30px;
}
#home #wrapNav ul.menu li li  { height: auto; }
#wrapNav ul.menu li li.last { background: none; }
#wrapNav ul.menu li li a, #home #wrapNav ul.menu li li a{
font-size: 11px;
line-height: 30px;
margin: 0;
width: 280px;
height: 1%;
}
#wrapNav ul.menu li ul, #wrapNav ul.menu li:hover li ul, #wrapNav ul.menu li:hover li:hover li ul, #wrapNav ul.menu li:hover li:hover li:hover li ul {
position:absolute;
left:-50000px;
float:left;
z-index: 100000;
}
#wrapNav ul.menu li:hover ul {
position:absolute;
left:0;
top:100%;
z-index: 100000;
}
#wrapNav ul.menu li:hover li:hover ul, #wrapNav ul.menu li:hover li:hover li:hover ul, #wrapNav ul.menu li:hover li:hover li:hover li:hover ul {
position:absolute;
left:100%;
top:0;
z-index: 100000;
}
/* =1.5 ie6 css */
#wrapNav ul.menu li ul, #wrapNav ul.menu li.hover li ul, #wrapNav ul.menu li.hover li.hover li ul, #wrapNav ul.menu li.hover li.hover li.hover li ul {
position:absolute;
left:-50000px;
float:left;
}
#wrapNav ul.menu li.hover ul {
position:absolute;
left:0;
top:100%;
}
#wrapNav ul.menu li.hover li.hover ul, #wrapNav ul.menu li.hover li.hover li.hover ul, #wrapNav ul.menu li.hover li.hover li.hover li.hover ul {
position:absolute;
left:100%;
top:0;
}


/* side nav */
#contentSecondary #wrapSubNav ul, #contentSecondary #wrapSubNav li { list-style-type:none; margin: 0; padding:0; background: transparent; width: 190px; }

#contentSecondary #wrapSubNav ul.menu ul {
padding:0;
z-index:25;
}
#contentSecondary #wrapSubNav ul.menu li {
width:190px;
}
#contentSecondary #wrapSubNav ul.menu li li {
width:auto;
padding: 2px 0;
}
#contentSecondary #wrapSubNav ul.menu ul, #contentSecondary #wrapSubNav ul.menu li.selected li ul, #contentSecondary #wrapSubNav ul.menu li.selected li.selected li ul, #contentSecondary #wrapSubNav ul.menu li.selected li.selected li.selected li ul {
display:block;
position:absolute;
left:-50000px;
}
#contentSecondary #wrapSubNav ul.menu li.selected ul, #contentSecondary #wrapSubNav ul.menu li.selected li.selected ul, #contentSecondary #wrapSubNav ul.menu li.selected li.selected li.selected ul, #contentSecondary #wrapSubNav ul.menu li.selected li.selected li.selected li.selected ul {
position:static;
}
#contentSecondary #wrapSubNav ul li{
display:none;
}
#contentSecondary #wrapSubNav ul li.selected, #contentSecondary #wrapSubNav ul li.selected li{
display:block;
}
#contentSecondary #wrapSubNav ul.menu a { display: block; padding: 0 10px; }

/* top level */
#contentSecondary #wrapSubNav ul.menu li a{
color: #7c2621; font-size: 14px; font-weight: bold;
display: block;
padding: 0 5px; 
}
#contentSecondary #wrapSubNav ul.menu li li a:hover{
background: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* second level */
#contentSecondary #wrapSubNav ul.menu li ul li{
background:url(images/div-dotted.gif) repeat-x bottom;
}
#contentSecondary #wrapSubNav ul.menu li ul li.last { background: transparent; }
#contentSecondary #wrapSubNav ul.menu li ul li a{
color: #525252; font-size: 12px; font-weight: normal;
padding: 6px 5px;
}
#contentSecondary #wrapSubNav ul.menu li ul li.selected a{
color: #ee2e24;
font-weight: bold;
}
#contentSecondary #wrapSubNav ul.menu li ul li.selected a:hover{
background: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* third level */
#contentSecondary #wrapSubNav ul.menu li ul li.selected ul li{
background: transparent;
}
#contentSecondary #wrapSubNav ul.menu li ul li.selected ul li a{
color: #888; font-size: 11px; 
font-weight: normal; 
background:transparent;
padding: 3px 10px 3px 17px
}
#contentSecondary #wrapSubNav ul.menu li ul li.selected ul li.selected a{
color: #525252;
font-weight: bold;
}
#contentSecondary #wrapSubNav ul.menu li ul li.selected ul li.selected a:hover{
background: #eaeaea;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}

/* ---------------
   =Link styles
 --------------- */

 /* --- LINK STYLES --- */

a, a:link, *.JobBoardSearchLink:link, *.JobBoardPostLink:link, *.JobDetailLink:link, *.JobResultsLink:link, *.DiscussionFooterLink:link, *.DiscussionTopicLink:link, *.BBNameLink:link, *.NewsReaderItemLink, a.ListViewEventTitle:link, *.PagedListFooterLink:link, *.DonationCaptureLink:link, *.PageSharingListItemLink, *.PageSharingListItemLink:link, *.PageSharingListItemLink:visited, *.PageSharingLink:link {
	color: #ee2e24;
	text-decoration: none;
}
a:visited, *.JobBoardSearchLink:visited, *.JobBoardPostLink:visited, *.JobDetailLink:visited, *.JobResultsLink:visited, *.DiscussionFooterLink:visited, *.DiscussionTopicLink:visited, *.BBNameLink:visited, *.NewsReaderItemLink:visited, a.ListViewEventTitle:visited, *.PagedListFooterLink:visited, *.DonationCaptureLink:visited, *.PageSharingLink:visited {
	color: #ee2e24;
	text-decoration: none;
}
a:hover, *.JobBoardSearchLink:hover, *.JobBoardPostLink:hover, *.JobDetailLink:hover, *.JobResultsLink:hover, *.DiscussionFooterLink:hover, *.DiscussionTopicLink:hover, *.BBNameLink:hover, *.NewsReaderItemLink:hover, a.ListViewEventTitle:hover, *.PagedListFooterLink:hover, *.DonationCaptureLink:hover, *.PageSharingListItemLink:hover, *.PageSharingLink:hover {
	color: #000;
	text-decoration: none;
}
a:active, *.DonationCaptureLink:active {
}

a img {
border: none;
}
a.black-button, a.black-button:visited { display: block; padding-left: 15px; height: 45px; line-height: 33px; font-size: 13px; color: #ffffff; background: url(images/button-black-sprite.gif) no-repeat top; _font-size: 13px; }
#home a.black-button, #home a.black-button:visited { background: url(images/button-black-home-sprite.gif) no-repeat top; font-size: 14px; _font-size: 13px; }
a.black-button:hover, #home a.black-button:hover { background-position: 0 -45px; color: #fff; }

#wrapFooter .rcol { color: #333; }

#headerUtility ul li a { color: #333; text-decoration:none; }
#headerUtility ul li a:hover { color: #d3140f; }

#home #contentSub .BBNavBarTable { width: 100%; }
#home #contentSub .BBNavBarTable td {  }

a.botton-gray, a.botton-gray:visited { display: inline-block; height: 25px; line-height: 25px;  color: #ee2e24; padding-left: 8px; background: url(images/button-gray-sprite.gif)  0  0 ;  cursor: pointer;  }
a.botton-gray span { display: inline-block; background: url(images/button-gray-sprite.gif)  right -25px ; height: 25px; line-height: 25px;  padding-right: 8px; font-size: 11px; text-transform: uppercase; _padding-top: 6px; _height: 19px;  }
a.botton-gray img { vertical-align:text-top; margin-left: 3px; }
a.botton-gray:hover { background: url(images/button-gray-sprite.gif)  0  -50px ; }
a.botton-gray:hover span { background: url(images/button-gray-sprite.gif)  right -75px ; }

/* ---------------
   =Skipnav styles
 --------------- */
a.skip {
position: absolute;
top: -50em;
font-size: 1.2em;
font-weight: bold;
}
a.skip:hover,
a.skip:active,
a.skip:focus {
position: absolute;
left: 50%;
top: 0;
background: #fff;
padding: .5em;
text-align: center;
margin: 0 auto 0 -10em;
display: block;
width: 20em;
}

/* ------------------
  =custom styles
--------------------- */
a.icon.holyGrailSm {
	padding: 18px 0 30px 80px;
	background: url(images/divinciHolyGrailIconSm.jpg) no-repeat 0 0;
	display: block;
}

.imgLeft { float: left; margin: 0 20px 20px 0;  }
.imgRight { float: right; margin: 0 0 20px 20px; }


/* --------------------------------------------
  =quarantined styles - browser hacks go here
----------------------------------------------- */
* html #wrapContentOuter {
float: none; /* allow centering for ie6 */
}

/* ------------------
  =print styles
--------------------- */
@media print {
	
	body {
	background: #ffffff;
	font: normal 12pt times, "times new roman", georgia, serif;
	color: #000;
	margin: 0 0 20px;
	}
		
	/* turn everything off */
	#contentSecondary,
	#contentSub,
	#wrapMedia,
	#wrapHeader,
	#wrapFooter {
	display: none;
	}
	
	/* turn main content back on */
	#contentPrimary,
	#contentPrimary .gutter {
	width: 100%;
	margin: 0;
	padding: 0;
	float: none;
	}
	
	#wrapContentOuter {
	margin: 0;
	padding: 0;
	position: static;
	float: none;
	width: 100%;
	background: #fff;
	}
	
	/* printer-friendly font family */
	#contentPrimary * {
	font-family: times, "times new roman", georgia, serif;
	}
	
}

/* ------------------
  =clearfix
--------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}



/*  gold */


#bbAdminMenuDiv {
	position:relative;
}

	*.ListViewEventSubtitle, *.ListViewEventTime, *.ListViewEventLocation, *.BBFormSelectList, *.BBFormTextArea, *.BBFormTextbox, *.DiscussionGroupMessage, *.DiscussionGroupHeadingText, *.BBNotesTextBox, *.EventItemTitleDescription, *.DiscussionTopicListHeader, *.BBMessage, *.BBNotesNoteCell {
		color:#000;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	}
	



/* --- HR STYLES --- */

hr, *.DiscussionMessageSepHR, *.DiscussionTopicSepHR, *.BBMembershipCategoryListStart {
	background:#DDDDDD none repeat scroll 0 0;
	border:0 none;
	color:#DDDDDD;
	display:block;
	height:1px;
	margin-bottom:1em;
}

/* --- FORM FIELD STYLES --- */

select, textarea {
	font-size:1em;
	vertical-align:middle;
	font-family:Arial,Helvetica,sans-serif;
	background-color:#FFFFFF;
}
input {
	font-size:1em;
	font-family:Arial,Helvetica,sans-serif;
}
input[type="text"], input[type="password"], textarea, select, *.SpellSuggestionList {
	border:1px solid #CCC;
}
input[type="button"] {
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
input[type="checkbox"], input[type="radio"] {
	margin:0 0.5em 0 0;
	padding:0;
	vertical-align:middle;
}
input.hasDatepicker{
	margin: 0 0.25em 0 0;
}
/* Labels are clickable, we can make this behavior more obvious by setting the cursor to indicate this. */
label, button, input[type="submit"] {
	cursor:pointer;
}
/* Input fields are clickable and have focus, make this obvious */
.BBFormTextbox:focus, .BBFormTextArea:focus, input[type="text"]:focus  {
	background: #ffffce;
}
.BBFormTextbox { width: 87%; }

/* --- BLOCKQUOTE STYLES --- */

blockquote {
	margin:0;
	padding:0;
}
blockquote, q {
	quotes: none;
	margin: 0 0 0 1em;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}


/* --- TABLE STYLES --- */

table {
	font-size:1em;
	border-collapse:collapse;
}
td {
	padding: 0;
}
	td.dInlineBlock {
		display:table-cell;
	}
#myHomeBox th { background: #E8F0F6; padding: 0; }

/* --- IMAGE STYLES --- */

img {
	vertical-align:bottom;
}
img.ui-datepicker-trigger {
	vertical-align: middle;
}
a img {
	border: 0 none;
}
.imageLeft{
	float: left;
	width: auto;
	margin: 0 0.5em 0.5em 0; /*Edit as needed */
}

.imageRight{
	float: right;
	width: auto;
	margin: 0 0 0.5em 0.5em; /*Edit as needed */
}

.clear{
clear: both;
}
/* --- FOCUS STYLES --- */

:focus {
	outline: 0;
}

/* --- INSERTS/DELETIONS --- */

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* --- BBNC FORM BORDER COLORS --- */

*.MatchFinderEvenRowStyle, *.MatchFinderOddRowStyle, *.ReportEvenRowStyle, *.ReportOddRowStyle, *.SpellSuggestionList, *.CHFormTable fieldset div, *.DirectoryListingItem, *.ECardSectionSeparator, *.CalendarViewCalendarContainer, *.DetailCaptionContainer, *.EventItemRegistrationsTable tr, *.FRFormTable fieldset div, *.GivingSearchSearchForm, *.JobResultsEvenRowStyle, *.JobResultsOddRowStyle, *.BBMembershipBenefitsGridItem td, *.PaymentPartGrid, *.PaymentPartGrid tr, *.PaymentPartGrid th, *.PaymentPartGrid td, *.PagerContainerTable, *.TransactionManagerGrid, *.TransactionManagerGridHeaderCell, *.CalendarViewCalendarContainer, *.CalendarViewOtherMonthDay, *.CalendarViewDay, *.CalendarViewWeekendDay, *.CalendarViewToday, *.EventAttendeesGrid, *.ProfileFieldControlCell div, *.LoginFormCheckListContainer, *.NewsChannelStoryList {
	border-color:#CCC;
}

.EventItemRegistrationsTable tr { border: 0; }
.EventItemRegistrationsTable tr td { border-bottom: 1px solid #CCC ; }

/* --- BBNC FORM HEADER ROW BGCOLORS & FONT COLORS --- */

*.BBModalDialogTitle, *.CHDashBoardSectionHeading, *.ECardSectionSeparator, *.CalendarViewDayHeader, *.FRDashBoardSectionHeading, *.FRManagerDashBoardSectionHeading, *.TransactionManagerGridHeaderCell, *.TransactionManagerSummaryHeaderRow, *.DirectoryListingHeading, *.DiscussionTopicListHeader td, *.SurveyAnswerTableHeaderRow td, *.BBDocumentDisplayHeaderRow, *.JobResultsListHeader, *.BBNotesNoteTopicCell, *.BBNotesNoteNameCell, *.BBNotesNoteLinkCell, *.BBNotesNoteDateCell, *.ReportListingHeading, *.BBVolOpJobListHeader, *.TransactionManagerGridHeaderCell, *.TransactionManagerSummaryHeaderLabel, *.TransactionManagerSummaryHeaderValue, *.SubscriptionFormListHeader, *.BBVolOpJobListHeader td, *.DonationGridHeader td, *.PaymentPartGrid_Header {
	background-color: #055997; /* change to match design */
	color: #ffffff; /* change to match design */
	padding: 0.25em;
	text-align:left;
}
a.BBDocumentDisplayHeader { color: #fff; }
a.BBDocumentDisplayHeader:hover { text-decoration: underline; color: #fff; cursor: pointer; }

/* --- BBNC FORM SHADING --- */
*.BBListEvenRowStyle, *.CHFormTable fieldset div, *.EventAttendeesComplete, *.EventAttendeesCurrent, *.EventAttendeesFuture, *.EventAttendeesGrid, *.EventAttendeesOverallTotal, *.FRDonorListSetCaption, *.FRFormTable fieldset div, *.GivingSearchResultEvenRow, *.GivingSearchSearchForm, *.TransactionManagerDetailsEvenRow, *.TransactionManagerEvenRow, *.TransactionManagerSummaryDetailEvenRow, *.Scroller, #trEmailLists, *.DonationGridEvenRow, *.PaymentPartGrid_EvenRows {
	background-color:#EEE;
	text-align: left;
}

/* --- SPECIAL WIDTHS --- */

*.FRFormTable fieldset div, *.CHFormTable fieldset div {
	width:480px;
}
.DonationTextboxNarrow { width: 200px;  }

/*--- BBNC GLOBAL FORM FIXES ---*/

fieldset {
	border:none;
	font-family:inherit;
	font-size:1em;
	padding:0;
	margin:1em 0.5em;
}
label {
	font-family:inherit;
	font-size:1em;
}
fieldset legend {
	margin-top:1em;
}

/*---CLEARFIX---*/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*--- PROFILE DISPLAY CUSTOM STYLES ---*/

* .ProfileDisplayFormTable {
	width:100%;
}
* .ProfileDisplayFieldCaption {
	width:25%;
	padding:3px 4px 3px 0;
}
* .ProfileDisplayFieldControlCell {
	width:auto;
	padding:3px 0;
}

/*--- REPORTS LANDING TABLE CUSTOM STYLES ---*/

* .ReportsLandingTable {
	border-collapse:collapse;
	width:100%;
}
* .ReportsLandingFieldCaption {
	padding:0.5em !important;
	vertical-align:top;
}
* .ReportsLandingFieldControlCell {
	padding:0.5em;
	vertical-align:top;
}

/*--- REPORT CUSTOM STYLES ---*/

* .ReportChartCell fieldset legend span {
}
* .ReportFormTable td {
	white-space:normal !important;
}
* .ReportFormTable td fieldset div table td div div table td div {
	width:450px !important;
	display:block;
	overflow:auto;
}

/*--- Event Registration ---*/

.EventProgressCell { border-bottom:3px solid #959507; color:#959507; }

.helpletcontent {
	font-size:1em;
	color:#000;
}
.clearFloat {
	clear:both;
}
.photoLeft {
	float:left;
	margin:0 20px 25px 0;
}
.photoRight {
	float:right;
	margin:0 7px 25px 20px;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
a.taCenter, span.taCenter {
	display:block;
}
.taRight {
	text-align:right;
}
span.taRight {
	display:block;
	margin:0 0 0 auto;
}
.no-margin {
	margin:0;
	padding:0;
}
.title {
	height:41px;
	letter-spacing:-0.5px;
	padding:7px 0 0 30px;
}
.image_featured {
	margin:-10px -10px 1em;
}


/* --- SKIP LINK STYLES --- */

a.skip {
position: absolute;
top: -50em;
font-size: 1.2em;
font-weight: bold;
}
a.skip:hover,
a.skip:active,
a.skip:focus {
position: absolute;
left: 50%;
top: 0;
background: #fff;
padding: .5em;
text-align: center;
margin: 0 auto 0 -10em;
display: block;
width: 20em;
}

/* | CUSTOM PART STYLES
---------------------------------- */

/* | Search 
--------------- */
*.SearchFieldCaption{
display: block;
}

*.BBSearchDescriptionStyle{
white-space: normal !important;
padding: 0 6px 9px;
}

/* | Quick Search 
--------------- */

#headerSearch td { vertical-align:top; padding:0;  height: 25px; }
#headerSearch .QuickSearchFieldCaption { display:none; }
#headerSearch .QuickSearchTextbox { width: 176px; height: 23px; background: url(images/bg-search.gif) no-repeat  left 0; border: 0; padding: 1px 0 1px 4px;  margin: 0; font-weight: bold; color: #333; _padding: 3px 0 1px 6px; _background: url(images/bg-search.gif) no-repeat fixed left 0;   }
#headerSearch .QuickSearchButton { width: 30px; height: 25px; background: url(images/bg-search.gif) no-repeat right 0; border: 0; font-size: 1px; padding:0; line-height: 25px; cursor: pointer;  _margin: 1px 0 0 0; color: #fff; padding: 13px 10px; font-size:0; line-height: 0; }

/* --- PRINT STYLES --- */

@media print {
	body {
		background: #ffffff;
		font: normal 12pt times, "times new roman", georgia, serif;
		color: #000;
		margin: 0 0 20px;
	}
	/* turn everything off */
	#contentSecondary, #contentSub, #wrapMedia, #wrapHeader, #wrapFooter, #shadowLeft, #shadowRight, #internalSecondary, #internalVideo, #contentUtility {
		display: none;
	}
	/* turn main content back on */
		#contentPrimary, #contentPrimary .gutter, #internalPrimary, #internalPrimary .gutter {
		width: 100%;
		margin: 0;
		padding: 0;
		float: none;
	}
	#wrapContentOuter {
		margin: 0;
		padding: 0;
		position: static;
		float: none;
		width: 100%;
		background: #fff;
	}
	/* printer-friendly font family */
		#contentPrimary * {
		font-family: times, "times new roman", georgia, serif;
	}
}

/* Custom Second Content Column Sidebar */

#primary_content {
float: left;
width: 420px !important;
}

#secondary_content {
height: 425px;
width: 190px;
background: #FFF;
float: right;
/* clear: both; */
}

#secondary_content img { }
#secondary_content h3 { color: #7C2621 !important; }
#secondary_content strong { color: #000 !important; }

.news_image { float: right; margin-bottom: 10px; margin-left: 20px; }

/* Two Column, Main Content */

.leftcolumn { width: 250px; float: left; }
.rightcolumn { width: 250px; float: right; }

/* Videos */

.videorow { padding-bottom: 15px; height: 200px; }
.videotile { width: 200px; height: 200px; float: left; margin-right: 10px; }
  .videotile img, .videotile .last img { border: 1px solid #CCC; margin-bottom: 5px; }
.videotile .last { margin-right: 0 !important; }
.videohotspot { position: absolute; top: 155px; left: 525px; height: 200px; width: 200px; z-index: 9999; }
.videohotspot a:hover { box-shadow: 10px 10px 5px #000; } 

/* Other */

#wrapSubNav p a { font-size: 13px !important; }