
/* --- BEGIN: Page Layout Styles --------------------------------- --- */

	div.page-width {
		width: 770px ;
		}

/* --- END: Page Layout Styles ----------------------------------- --- */

/* --- BEGIN: Logo Area Styles ----------------------------------- --- */

	div.logo {
		margin: 24px 0px 11px 0px ;
		}
		
	div.logo img {
		display: block ;
		}
		
/* --- END: Logo Area Styles ------------------------------------- --- */

/* --- BEGIN: Table Structre Styles ------------------------------ --- */

	table.table-top-border {
		background-color: #FFFFFF ;
		}
		
	table.table-top-border td {
		background-image: url("../img/global/background_top_border.gif") ;
		background-repeat: repeat-x ;
		}
		
	table.table-top-border td img {
		display: block ;
		}
		
	table.table-main-area {
		background-color: #FFFFFF ;
		}
		
	table.table-main-area td.left-border {
		background-image: url("../img/global/background_left_border.gif") ;
		background-repeat: repeat-y ;
		vertical-align: top ;
		}
		
	table.table-main-area td.right-border {
		background-image: url("../img/global/background_right_border.gif") ;
		background-repeat: repeat-y ;
		vertical-align: top ;
		}
		
	table.table-main-area td.left-border img,
	table.table-main-area td.right-border img {
		display: block ;
		}
		
	table.table-bottom-border {
		background-color: #FFFFFF ;
		}
		
	table.table-bottom-border td {
		background-image: url("../img/global/background_bottom_border.gif") ;
		background-repeat: repeat-x ;
		}
		
	table.table-bottom-border td img {
		display: block ;
		}

/* --- END: Table Structre Styles -------------------------------- --- */

/* --- BEGIN: Global Nav Styles ---------------------------------- --- */

	table.global-nav {
		background-color: #8298AC ;
		background-image: url("../img/global/background_nav.gif") ;
		background-repeat: no-repeat ;
		}
		
	table.global-nav td.pipe {
		text-align: center ;
		width: 20% ;
		}
		
	table.global-nav td.nav-item {
		white-space: nowrap ;
		}
		
	table.global-nav td a.off,
	table.global-nav td a.on {
		color: #FFFFFF ;
		text-decoration: none ;
		}
		
/* --- END: Global Nav Styles ------------------------------------ --- */

/* --- BEGIN: Content Layout Styles ------------------------------ --- */

	td.content-column {
		padding: 12px 50px 0px 0px ;
		vertical-align: top ;
		}
	
	td.fof-column {
		padding: 12px 0px 20px 0px ;
		vertical-align: top ;
		}

/* --- END: Content Layout Styles -------------------------------- --- */

/* --- BEGIN: Content Styles ------------------------------------- --- */

	table.copy td, 
	td.copy, 
	div.copy {
		line-height: 1.5em ;
		}
		
	img.page-title {
		display: block ;
		margin-bottom: 8px ;
		}
		
	img.page-sub-title {
		display: block ;
		margin-bottom: 12px ;
		}
		
	p.headline {
		color: #FFB032 ;
		margin-bottom: 18px ;
		}		

	p.sub-title {
		font-weight: bold ;
		margin-bottom: 3px ;
		}
		
	p.local-nav {}
	
	p.local-nav a.off {}
	
	p.local-nav a.on {
		text-decoration: none ;
		}
		
/* --- END: Content Styles --------------------------------------- --- */

/* --- BEGIN: Flight of Friendship Styles ------------------------ --- */

	img.fof-logo {
		margin-bottom: 1px ;
		}
		
	img.slide {
		margin-bottom: 1px ;
		}
		
	p.slide-description {
		background-color: #D0D0C4 ;
		color: #3D536B ;
		font-size: 11px ;
		font-weight: bold ; 
		margin-bottom: 1px ;
		padding: 4px 0px 4px 0px ;
		text-align: center ;
		}
		
	table.slide-controls {
		background-color: #E8E8E1 ;
		margin-bottom: 1px ;
		}
		
	table.slide-controls td {
		color: #999980 ;
		}
		
	table.slide-controls td.prev-slide-arrow,
	table.slide-controls td.next-slide-arrow {
		background-color: #D0D0C4 ;
		}
		
	table.slide-controls td.prev-slide-arrow {
		border-right: 1px solid #FFFFFF ;
		}
		
	table.slide-controls td.next-slide-arrow {
		border-left: 1px solid #FFFFFF ;
		}
		
	table.slide-controls td.prev-slide-arrow a,
	table.slide-controls td.next-slide-arrow a {
		color: #555555 ;
		display: block ;
		padding: 4px 6px 3px 6px ;
		text-align: center ;
		text-decoration: none ;
		}
		
	table.slide-controls td.prev-slide a,
	table.slide-controls td.next-slide a {
		color: #999980 ;
		display: block ;
		padding: 4px 8px 3px 8px ;
		text-decoration: none ;
		}
		
	img.volunteer-now {
		margin-bottom: 1px ;
		}

	p.copyright {
		background-color: #D0D0C4 ;
		color: #555555 ;
		font-size: 10px ;
		margin-bottom: 0px ;
		padding: 10px 12px 5px 12px ;
		}

/* --- END: Flight of Friendship Styles -------------------------- --- */


/* --- BEGIN: Data Form Styles ----------------------------------- --- */

	table.data-form {
		margin-bottom: 10px ;
		}
		
	table.data-form td.left {
		font-weight: bold ;
		padding: 6px 7px 7px 5px ;
		vertical-align: top ;
		}
		
	table.data-form td.left div.left-width {
		font-size: 1px ;
		line-height: 1px ;
		width: 120px ;
		}
		
	table.data-form td.right {
		padding: 4px 10px 6px 10px ;
		vertical-align: top ;
		}
		
	table.data-form td.right,
	table.data-form td.right td {
		color: #555555 ;
		font-size: 10px ;
		}
		
	table.data-form td.right td.field-note {
		padding: 0px 5px 0px 2px ;
		line-height: 10px ;
		}
		
	table.data-form td.right div.field-spacer {
		font-size: 1px ;
		line-height: 4px ;
		}
		
	input.small,
	select.small {
		width: 70px ;
		}
		
	input.medium,
	select.medium {
		width: 120px ;
		}
		
	input.medium-large,
	select.medium-large {
		width: 195px ;
		}
		
	input.large, 
	select.large,
	textarea.large {
		width: 244px ;
		}
		
	input.xlarge,
	select.xlarge,
	textarea.xlarge {
		width: 369px ;
		}
		
	textarea.large,
	textarea.xlarge {
		height: 75px ;
		}
		
	input.button {
		background-color: #6F7890 ;
		border: 1px solid #000000 ;
		color: #FFFFFF ;
		}
		
	input.button-disabled {
		background-color: #F5F4EA ;
		border: 1px solid #C9C7BA ;
		color: #ACA899 ;
		}
			
/* --- END: Data Form Styles ------------------------------------- --- */

/* --- BEGIN: Form Error Styles ---------------------------------- --- */

	table.form-errors {
		margin-bottom: 12px ;
		}
		
	table.form-errors td.errors {
		color: #CC0000 ;
		}
	
	table.form-errors td.errors div.header {
		font-weight: bold ;
		margin-bottom: 3px ;
		}

/* --- END: Form Error Styles ------------------------------------ --- */

/* --- BEGIN: Page Message Styles -------------------------------- --- */

	table.page-messages {
		margin-bottom: 12px ;
		}
		
	table.page-messages td.message {
		padding: 5px 10px 5px 10px ;
		}

/* --- END: Page Message Styles ---------------------------------- --- */

