@charset "utf-8";
/* RTR 1/6/10: The code in the top part of this file is Dreamweaver CS3's "2 column fixed, left sidebar, header and footer" sample code, altered to (a) increase the container width to 960px, to fit easily within the current minimum monitor width of 1024px; (b) change body text size to 14px; (c) change background colors; (d) adjust sidebar width to 175 px and left margin of main content to 225px, (e) identity of last element of header (given special treatment to avoid margin collapse) changed. These changes are marked by a comment labeled with the coder's initials and the date. Other comments are from Dreamweaver. The end of the Dreamweaver code is marked with a labeled comment. */

body {
	font: 14px Verdana, Arial, Helvetica, sans-serif; /* RTR 1/15/10 size reset */
	background: #CC5DF8; /* RTR 1/15/10: reset to Caro's choice *?
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.twoColFixLtHdr #container {
	width: 960px;  /* RTR 1/6/10: 960px seems to be the most popular width to use for a 1024px window. It allows for browser chrome and avoids a horizontal scroll bar */
	background: #eeeeff; /* RTR 1/15/10: reset to Caro's choice */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
.twoColFixLtHdr #header {
	background: #BBBBFF; /* RTR 1/15/10: reset */
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	height:130px; /* RTR 1/17/10: added */
}
.twoColFixLtHdr #header p {      /* RTR 1/15/10: changed from h1 to p. Important for gap at top also. */
	margin: 0 0 0 245px; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 15px 0 5px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 140px; /* RTR 1/17/10: changed from 150px */ /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #9999FF; /* RTR 1/15/10: reset */
	padding: 10px; /* RTR 1/17/10: reset */
}
.twoColFixLtHdr #mainContent {  /* RTR 1/19/10: left margin changed from DW's 250px to 170px */
	margin: 0 0 0 170px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
}
.twoColFixLtHdr #footer {
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#BBBBFF;  /* RTR 1/6/10: background color for footer reset (same as header background color */
}
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* RTR 1/6/09: The code above this point was generated by Dreamweaver CS3 and has been altered only where marked by a comment labeled by the coder's initials and the date, to make the adjustments described in the comment at the top of this file. Code below this point has been added to customise the style. */

/* RTR 1/19/10: Code below this point should be the same in stbens3ColFix.css and in stbens2ColFix.css */
ul.nav {
	list-style-type:none;  /* removes default list bullets */
	padding:0;             /* zero padding and margin because browser defaults vary */
	margin:0;
}
ul.nav a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000099;
	background-color: #BBBBFF;
	display: block;        /* display as button */
	text-decoration:none;  /* remove default link underline */
	text-align: center;
	margin: 0 0 5px 5px;
	padding: 5px;
	width:120px;
	height: 14px;/* line-height:15px; */
}
ul.nav a:hover {
	text-decoration:underline;
}
h1 {
	color:#000099;
	font-size: 24px;
	margin: 20px 0 8px 0;/* background-color:#99FFFF;
	display:inline;
	padding: 5px;  */
}
h2 {
	color:#000099;
	font-size: 20px;
	margin: 16px 0 4px 0;
}
h3 {
	color: #000099;
	font-size: 16px;
}
.figure {
	float: left;
	margin: 0; /* 1/16/10 margin set to zero in attempt to avoid margin collapse issues */
	padding: 5px 10px 0 0;
}
.masthead {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:28px;
	font-weight:bold;
	color:#000099;
}
.motto {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	color:#000099;
}
.mission {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#000099;
	padding: 0 20px 20px 20px;
}
.note {
	font-size: 14px;
	color:#000099;
	margin: 0 100px;
	padding: 10px;
	border: 1px solid #000099;  /* RTR 5/4/08 alternative formats have border on right only */
	background-color:#DFBC63;
}
.noteleft {
	float: left;
	width:300px;
	color:#000099;
	margin: 10px 10px 10px 0;
	padding: 10px;
	border: 1px solid #000099;
	background-color:#DFBC63;
}
.noteright {
	float: right;
	width:300px;
	color:#000099;
	margin: 10px 0 10px 10px;
	padding: 10px;
	border: 1px solid #000099;
	background-color:#DFBC63;
}
.photobox {
	font-size:14px;
	color:#000099;
	background-color:#DFBC63;
	margin:4px auto 15px auto;
	border:1px solid #000099;
	padding:5px;
}
img.photoleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.photoright {
	float: right;
	margin: 0 0 10px 10px;
}
.clear {
	clear:both;
}
.caption {
	font-size: 12px;
}