/*###########################################################################################
Style sheet
###########################################################################################*/



/*******************************************************************************************************************************
Links
*******************************************************************************************************************************/

a {
	color: #313194;
	text-decoration: none;
}

a:link {
	}

a:active {
	}

a:hover {
	text-decoration: underline;
	}

a:visited {
	}

a.reversed {
	color: #fdde4f;
	}



/*******************************************************************************************************************************
Containers
*******************************************************************************************************************************/


/* the body tag */
body {
	background-color: #ffffff;
	color: #00000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	margin-left: 0px;			/* push content up against left side of browser  window */
	margin-top: 0px;			/* push content up against top of browser window */
	}

/* tables */
table {
	color: #00000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 12pt;
	}

/* textarea */
textarea {
	font-family: Arial;
	font-size: 10pt;
	}

/* banner */
.banner_public {
	/* border: 1px solid #00000; */
	background-color: #ffffff;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 8px;
	text-align: left;
	width: 1000px;
	}

/* button navigation bar */
.button_bar_public {
	background-color: #990611;
	border-bottom: 1px solid #00000;
	border-top: 1px solid #00000;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	width: 1000px;
}

/* buttons */
.button {
	border: 0px;
	margin-right: 1px;
}

/* container is used to enclose all content on page*/
.container {
	background-color: #ffffff;
	border: 1px solid #00000;
	text-align: left;
	}

/* used to contain content */
.content-well {
	background-color: #ffffff;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	text-align: justify;
	width: 550px;
	}

/* footer */
.footer {
	background-color: #990611;
	border-top: 1px solid #000000;
	color: #ffffff;
	font-size: 8pt;
	margin-bottom: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
	width: 1000px;
}

/* left navigation */
.left_navigation {
	background-color: #fdde4f;
	border-right: 1px solid #000000;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	text-align: left;
	width: 200px;
	}

/* page */
.page {
	background-color: #023260;
	background-image: url(/images/background.gif);
	background-repeat: repeat-x repeat-y;
	background-size: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	text-align: center;
	}
	
/* slideshow */
.slideshow {
	border: 1px solid #fdde4f;
	margin-left: 0px;
	margin-top: 2px;
	}
	
	
/*******************************************************************************************************************************
Custom Classes: Text
*******************************************************************************************************************************/

/* this class inherits the font family specified in the body class */
h1 {
	color: #000000;
	font-size: 16pt;
	font-style: italic;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 18px;				/* forces blank space above header */
	}

/* this class inherits the font family specified in the body class */
h2 {
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;				/* forces blank space above header */
	}

/* this class inherits the font family specified in the body class */
h3 {
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 18px;				/* forces blank space above header */
	}

/* the <p> tag has been redefined to act as a spacer, and typically seperates sections or paragraphs */
p {
	margin-top: 15px;
	}

/* used to display error messages */
.error {
	color: #ff0000;
	font-weight: bold;
	padding-bottom: 10px;
	}
	
/* use this class with any header that doesn't need a top margin, such as the first header on a page */
.no-top-margin {
	margin-top: 0px;
	margin-bottom: 20px;
	}


	
/*******************************************************************************************************************************
Custom Classes: Lists
*******************************************************************************************************************************/

/* list bullet */
li {
	list-style-type: square;
	margin-top: 5px;
	}

/* ordered list */
ol {
	}

/* unordered list */
ul {
	margin-top: 5px;
	margin-left: 30px;
	}

/* unordered list */
ul.left_nav {
	margin-bottom: 5px;
	margin-left: 20px;
	margin-top: 5px;
	}


/*******************************************************************************************************************************
Custom Classes: Miscellaneous
*******************************************************************************************************************************/

.background {
	background-image: url(/images/background.jpg);
	background-repeat: no-repeat;
	width: 1000px;
	height: 768px;
	}

/* form field that requires input in order to be accepted */
.field_required {
	background-color: #FCB5A2;
	}

/* motto: Invest in our future. Invest in our youth. */
.invest_motto {
	float: right;
	}

/* PDF icon */
.pdf-icon {
	border: none;
	margin-right: 6px;
	margin-bottom: 0px;
	vertical-align: middle;
	}

/* board of advisors entry */
.people_boa {
	background-color: #eeeeee;
	border-bottom: 1px solid #fdde4f;
	border-top: 1px solid #fdde4f;
	margin-bottom: 20px;
	margin-left: 30px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	}

/* board of directors entry */
.people_bod {
	background-color: #eeeeee;
	border-bottom: 1px solid #fdde4f;
	border-top: 1px solid #fdde4f;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-bottom: 7px;
	padding-left: 10px;
	padding-right: 15px;
	padding-top: 5px;
	}

/* staff member biography text */
.people_biography {
	margin-top: 6px;
	text-align: justify;
	}

/* staff member name */
.people_name {
	font-weight: bold;
	}

/* staff member photo */
.people_photo {
	border: 1px solid #fdde4f;
	margin-bottom: 0px;
	margin-left: 5px;
	margin-right: 10px;
	margin-top: 0px;
	width: 100px;
	height: 140px;
	}

/*	staff member title */
.people_title {
	font-style: italic;
	}
	
.staff-list {
	margin-left: 30px;
	}

/* table header */
.table-header {
	background-color: #D9E06D;
	color: #032D81;
	}
	
/* testimony citation */
.testimony_citation {
	font-size: 10pt;
	margin-bottom: 40px;
	margin-right: 80px;
	margin-top: 5px;
	text-align: right;
	}

/* testimony curly quote (left) */	
.testimony_left_quote {
	background: transparent url(/images/feedback/quoleft.png) left top no-repeat;
	color: #00000;
	margin-left: 30px;
}

/* testimony curly quote (right)*/	
.testimony_right_quote {
	padding: 0 48px;
	background: transparent url(/images/feedback/quoright.png) right bottom no-repeat;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-style: italic;
	line-height: 17pt;
	margin-right: 30px;
	text-align: justify;
}
