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

/* ssLayout.css */
/* Website and Template Layout Objects */
/* Simple Note: "#" is an id. "." is a class. A specified id can only be used once per page. A specified class can be used as many times and needed per page. */

/* Content - Title Area */
#title {
	text-align: left;
	float: left;
	height: 58px;
	width: 860px;
	line-height: 0px;
}

/* Column - Single Column for Center without Margins */
#columnSingle {
	float: left;
	width: 280px;
}
/* Column - Single Column for Left with Right Margin */
#columnSingleLeft {
	float: left;
	width: 280px;
	margin-right: 10px;
}
/* Column - Single Column for Right with Left Margin */
#columnSingleRight {
	float: left;
	width: 280px;
	margin-left: 10px;
}
/* Column - Block within Single Column */
.columnSingleBlock {
	float: left;
	width: 280px;
}
/* Column - Single Column Organizer for Links */
.columnLinkBox {
	float: left;
	width: 325px;
	height: 150px;
	margin-right: 45px;
	margin-bottom: 5px;
}
/* Column - Single Column Organizer for Links */
.columnFAQBox {
	float: left;
	width: 375px;
	margin-right: 25px;
	margin-bottom: 5px;
}
/* Column - Single Column for Right Side with Left Margin but placed above other code because its info is more important and needs to be above other content */
#columnSingleRightAbove {
	float: left;
	width: 280px;
	margin-left: 580px;
}
/* Column - Double Column but placed below other code because its info is less important and needs to be below other content */
#columnDoubleBelow {
	float: left;
	width: 570px;
	margin-left: -860px;
}
/* Column - Double Column */
#columnDouble {
	float: left;
	width: 570px;
}
/* Column - Block within Double Column */
.columnDoubleBlock {
	float: left;
	width: 570px;
	margin-bottom: 15px;
}
/* Column - Triple Column */
#columnTriple {
	float: left;
	width: 860px;
}
/* Column - Block within Triple Column */
.columnTripleBlock {
	float: left;
	width: 860px;
}

/* Photo - Top Splash Photo (on Home but may be used another place as well) */
#photoSplash {
	float: left;
	width: 860px;
	text-align: center;
}
/* Photo - Top Wide Photo */
.photoTop {
	float: left;
	width: 860px;
	margin-bottom: 15px;
}
/* Photo - Float Photo */
.photoFloat {
	float: left;
}
/* Photo - One Column Width Photo */
.photoOneColumn {
	float: left;
	max-width: 280px;
	margin-bottom: 15px;
}
/* Photo - Two Column Width Photo */
.photoTwoColumn {
	float: left;
	max-width: 570px;
	margin-bottom: 15px;
}
/* Photo - One Column Width Photo for Right Side */
.photoOneColumnFloatRight {
	background-color: #fff;
	float: right;
	height: auto;
	max-width: 280px;
	/* margin-top: 15px; */
	margin-bottom: 15px;
	margin-left: 15px;
}
/* Photo - One Column Width Photo for Right Side */
.photoOneColumnFloatLeft {
	background-color: #fff;
	float: left;
	height: auto;
	max-width: 280px;
	margin-right: 15px;
	margin-bottom: 15px;
}
/* Photo - Left Floating Photo with Left Margin */
.photoLeftMargin {
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
}

/* Photo - News Photo Floating in Story */
.photonews {
	float: left;
	margin-top: 4px;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* These should be safe to delete
/* Photo - One Column Width Photo for Right Side 
.photoOneColumnFloatLeft {
	background-color: #fff;
	float: left;
	height: auto;
	max-width: 280px;
	margin-right: 15px;
	margin-bottom: 15px;
}
/* Photo - One Column Width Photo for Right Side 
.photoOneColumnFloatRight {
	background-color: #fff;
	float: right;
	height: auto;
	max-width: 280px;
	/* margin-top: 15px; 
	margin-bottom: 15px;
	margin-left: 15px;
}
/* Photo - One Column Width Photo for Right Side 
.photoTwoColumnFloatLeft {
	background-color: #fff;
	float: left;
	height: auto;
	max-width: 570px;
	/* margin-top: 15px; 
	margin-right: 15px;
	margin-bottom: 15px;
}
/* Photo - One Column Width Photo for Right Side 
.photoTwoColumnFloatRight {
	background-color: #fff;
	float: right;
	height: auto;
	max-width: 570px;
	/* margin-top: 15px; 
	margin-bottom: 15px;
	margin-left: 15px;
}
/* Photo - Mutiple Vertical Photos in One Column for Left Side 
.photoVerticalLeft {
	background-color: #ccc;
	float: left;
	height: auto;
	width: 280px;
	margin-bottom: 15px;
	text-align: left;
}
/* Photo - Mutiple Vertical Photos in One Column for Center 
.photoVerticalCenter {
	background-color: #ccc;
	float: left;
	height: auto;
	width: 280px;
	margin-bottom: 15px;
	text-align: center;
}
/* Photo - Mutiple Vertical Photos in One Column for Right Side 
.photoVerticalRight {
	background-color: #ccc;
	float: left;
	height: auto;
	width: 280px;
	margin-bottom: 15px;
	text-align: right;
}
*/

/* News - News Box - Area for Each Story on News Page */
.newsbox {
	float: left;
	width: 860px;
	margin-bottom: 20px;
}
/* News - News Box Photos */
.newsboximg {
	float: left;
	width: 300px;
	height: 225px;
}
/* News - News Box Title */
.newsboxtitle {
	float: left;
	width: 540px;
	min-height: 40px;
	margin-left: 20px;
	margin-bottom: 5px;
}
/* News - News Box Title Link */
.newsboxtitle a {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 36px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	text-decoration: underline;
}
/* News - News Box Title Link Hover */
.newsboxtitle a:hover {
	text-decoration: none;
}
/* News - News Box Date */
.newsboxdate {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 16px;
	color: #818181;
	float: left;
	width: 540px;
	height: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}
/* News - News Box Link */
.newsboxlink {
	float: left;
	height: 15px;
	margin-left: 20px;
	margin-bottom: 20px;
}
/* News - News Box Text */
.newsboxbody {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	border: none;
	float: left;
	height: auto;
	width: 540px;
	font-style: italic;
	margin-top: 6px;
	margin-bottom: 20px;
	margin-left: 20px;
	line-height: 22px;
}

/* Media - Media Box - Area for Each Media in the Media Sections */
.mediabox {
	float: left;
	width: 860px;
	margin-bottom: 20px;
}
/* Media - Media Box Image */
.mediaboximg {
	float: left;
	width: 200px;
	height: 150px;
}
/* Media - Media Box Title */
.mediaboxtitle {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 36px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	float: left;
	min-height: 40px;
	width: 550px;
	margin-left: 20px;
	margin-bottom: 5px;
}
/* Media - Media Box Title Link */
.mediaboxtitle a {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 36px;
	font-weight: bold;
	font-variant: small-caps;
	color: #333333;
	text-decoration: underline;
}
/* Media - Media Box Title Link Hover */
.mediaboxtitle a:hover {
	text-decoration: none;
}
/* Media - Media Box Date */
.mediaboxdate {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 16px;
	color: #818181;
	float: left;
	width: 540px;
	height: 20px;
	margin-left: 20px;
	margin-bottom: 5px;
}
/* Media - Media Box Note */
.mediaboxnote {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	float: left;
	width: 540px;
	font-style: italic;
	margin-top: 10px;
	margin-left: 20px;
}

/* Members - Location Title for Titles Above */
.memberlocationabove {
	float: left;
	height: 35px;
	width: 280px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 28px;
	color: #CC0000;
	font-weight: bold;
	margin-top: 15px;
}
/* Members - Location Title for Titles Below */
.memberlocationbelow {
	float: left;
	height: 35px;
	width: 280px;
	margin-top: 75px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 28px;
	color: #CC0000;
	font-weight: bold;
}
/* Members - Member Box - Area for Each Person on the Members Page */
.memberbox {
	float: left;
	height: 95px;
	width: 280px;
	margin-bottom: 15px;
}
/* Members - Member Box Photo */
.memberboximage {
	float: left;
	height: 95px;
	width: 75px;
	background-color: #333333;
}
/* Members - Member Box Name */
.memberboxname {
	float: left;
	height: 20px;
	width: 200px;
	margin-left: 5px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
}
/* Members - Member Box Position */
.memberboxposition {
	float: left;
	height: 16px;
	width: 200px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 13px;
}
/* Members - Member Box Biography */
.memberboxbio {
	float: left;
	height: 15px;
	width: 200px;
	margin-top: 8px;
	margin-left: 5px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 14px;
	font-variant: small-caps;
}
/* Members - Member Box Biography Link */
.memberboxbio a {
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 14px;
	font-variant: small-caps;
	color: CC0000;
	text-decoration: underline;
}
/* Members - Member Box Biography Link Hover */
.memberboxbio a:hover {
	text-decoration: none;
}
/* Members - Member New Small Window */
.memberwindow {
	float: left;
	background-color: #fff;
	/* height:600px; */
	/* width: 810px; */
	min-height: 480px;
	min-width: 600px;
}
/* Members - Member Window Photo */
.memberwindowimage {
	float: left;
	background-color: #333333;
	height: 480px;
	width: 360px;
}
/* Members - Member Window Name */
.memberwindowname {
	float: left;
	height: 20px;
	width: 500px;
	font-family: Georgia, Garamond, "Times New Roman", serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	text-align: left;
	margin-left: 10px;
}
/* Members - Member Window Position */
.memberwindowposition {
	float: left;
	height: 16px;
	width: 500px;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana;
	font-size: 13px;
	text-align: left;
	margin-left: 10px;
}
/* Members - Member Window Navigation */
.memberwindownav {
	float: left;
	background-color: #fff;
	height: 30px;
	width: 500px;
	text-align: left;
	margin-top: 5px;
	margin-left: 10px;
}
/* Members - Member Window Biography */
.memberwindowbio {
	float: left;
	background-color: #fff;
	height: auto;
	width: 500px;
	text-align: left;
	margin-left: 10px;
	line-height: 18px;
}

/* Panel - Side Panel for Links, Info, Etc. (Like on the Home Page) */
.sidepanel {
	float: left;
	height: auto;
	width: 240px;
	background-color: #fff;
}
/* Panel - Side Panel Paragraph */
.sidepanel p {
	text-align: left;
}
/* Panel - Side Panel Heading 3 */
.sidepanel h3 {
	text-align: left;
	margin: 5px 10px 5px 0px;
}
/* Panel - Side Panel Heading 4 */
.sidepanel h4 {
	text-align: left;
	margin: 5px 10px 15px 0px;
}

/* Contact - Block for Contact Text */
.contactblock {
	float: left;
	margin-bottom: 10px;
	margin-right: 40px;
	background-color: #fff;
}

/* Contact - Division within Contact Text */
.contactblockdiv {
	float: left;
	margin-top: -13px;
	margin-right: 15px;
	line-height: 160%;
	background-color: #fff;
}

/* Email - Bloack for Email Form */
.emailblock {
	float: left;
	width: 550px;
	margin-right: 20px;
}

/* Text - Block for Floating Text */
.floatingtext {
	float: left;
}

/* Bottom - Element for Very Bottom of Page (Home Page - Date Updated) */
.bottom {
	float: left;
	width: 570px;
	margin-top: 20px;
}