body {
  background: #d5ddf2;
  margin:0 auto;
  position:relative;
  text-align:center;
}

.centerpage {
	text-align: center;
	border: 0;
	margin: 0 auto;
	padding:5px 0 0 15px;
	width:880px;
	position:relative;
}

html>body #content {
  width: 861px;
}

#content {
  width:860px;
  background-color:#FFF;
  text-align:left;
  padding:7px;
  background:url('/images/contback.jpg') repeat-y;
}



#header {
  width: 875px;
  height: 90px;
  background-image:url('/images/header.jpg');
  background-repeat: no-repeat;
  border:0px solid #0F0;
  font-family: Verdana;
  color: #0A4893;
}

#header p {
  margin:0;
  clear:both;
  float:right;
  position:relative;
  top:10px;
  font-family: Verdana;
  color: #0A4893;
  text-align:right;
}

/*Nav Bar Styling*/
#navBar {
	float: left;
	width: 861px;
	height: 31px;
    background-image:url('/images/navbg.jpg');
    background-repeat: repeat-x;
    background-color: #1C197C;
    border: 0px solid #F00;
	padding: 0;
	margin-top:-7px;
	margin-bottom:-7px;
	position: relative;
}

html>body #navBar{
	margin-bottom:0;
}

#navBar img {
  padding-left: 8px;
  margin: 0;
  height: 31px;
}

li.divider {
  padding: 0 12px !important;
  border: 0px solid #00F;
}

#navBar ul {
    background-image:url('/images/navbg.jpg');
    background-repeat: repeat-x;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 860px;
	border: 0px solid #0F0;
	position: relative;
}
#navBar ul li {
	border: 0px solid #F0F;
	float: left;
	margin: 0;
	padding: 0 0 0 5px;
	font-size:6px;
}
#navBar ul li.first {
  background: transparent;
  padding-left:5px;
}

html>body #navBar ul li.first {
  background: transparent;
  padding: 0;
}

#navBar a {
	color: #525365;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2pt;
	font-weight: bold;
	float: left;
	padding: 0 0 2px 0;
	text-decoration: none;
	white-space: nowrap;
	width: .1em;
	
}
#navBar > ul a {
  width: auto;
}

#navBar ul li ul, #navBar ul li.thisPage ul {
  display: none;
  background:#D7D7D7;
  float: none;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  border: 0;
  border: 0px solid #00F;
}


#navBar ul li:hover ul,
#navBar ul li.over ul {
  display: block;
  float: none;
  margin: 0 0 0 -5px;
  z-index: 200 !important;
}

#navBar > ul li:hover ul,
#navBar > ul li.over ul {
  margin: -2px 0 0 0;
}

#navBar ul li:hover ,
#navBar ul li.over {
	/*background-color: #1C197C;*/
}

#navBar ul li ul li, #navBar ul li.thisPage ul li {
	display: block;
	float: none;
	margin: 0;
	padding: 0 0 0 0;
	background:url('/images/dropback.jpg') repeat-y;
	border: 0;
	text-align: left;
	position: relative;
}

#navBar ul li ul li a, #navBar ul li.thisPage ul li a {
	position: relative;
    background-color: transparent;
	font-family:Verdana;
	font-weight:bold;
	font-size:10pt;
	color: #000000;
	display: block;
	float: none;
	text-decoration: none;
	white-space: nowrap;
	width: auto;
	height:18px;
	padding: 3px;
	text-align: left;
	border: 0;
}
#navBar ul li ul li a:hover {
    background-color: #1C197C;
	color: #FFFFFF;
	float: none;
}
/* Commented Backslash Hack
hides rule from IE5-Mac \*/
#navBar a {
	float: none;
}
/* End IE5-Mac hack */
/*End Nav Bar Styling*/


.headerimage {
  width:420px;
  margin: 0 -5px;
}

.formTitle {
  font-family:Verdana;
  font-weight:bold;
  font-size:10pt;
  padding-left:4px;
}

.formElem {
  width:500px;
  margin-left:15px;
  margin-top:4px;
  margin-bottom:8px;
  font-family:Helvetica,Tahoma, Arial;
  font-size:10pt;
}

.sendDiv {
  width:515px;
  text-align:right;
}

#sending {
   position:absolute;
   top:0;
   left:0;
   width:100%;
   height:100%;
   background-image:url('/images/ajaxBG.png');
   z-index:400;
   display:none;
}

#dialog {
  background-image:url('/images/contactdialog.jpg');
  background-repeat:repeat-x;
  background-color:#FFF;
  width:312px;
  height:175px;
  margin: auto;
  margin-top:200px;
  text-align: right;
  padding-right:6px;
  border:2px solid #000;
}
html>body #dialog {
  width:300px;
}

#message {
  width: 300px;
  height: 100px;
  text-align:left;
  font-family:verdana;
  font-size:10pt;
  font-weight:bold;
  padding-top: 28px;
  padding-left:5px;
  padding-right:5px;
  border:0px solid #0F0;
}

#message ul {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  border:0px solid #F00;
}

#message li {
  color: #F00;
}

#sendtouser {
  color: #00F;
}


#newsSection {
  padding-left:5px;
  margin:0;
}

#newsSectionFull {
  width:840px;
  padding-left:5px;
  margin:0;
}

.month {
  font-family:Georgia;
  font-size:24px;
  font-weight:bold;
  padding:8px 4px 8px 4px;
  color:#000e61;
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #D2D8F5;
}

.boardTitles {
  font-family:Georgia;
  font-size:24px;
  font-weight:bold;
  padding:8px 4px 8px 4px;
  color:#000e61;
  text-decoration: none;
  display:block;
  clear:both;
}

.articlePhoto {
	float:left;
	padding:5px;
	height:185px;
	overflow:hidden;
}

.articlePhoto2 {
	float:right;
	padding:5px;
}

.articlePhotoSmall {
	float:left;
	padding:5px;
	height:50px;
	overflow:hidden;
}


.newstitle {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  color:#1C197C;
  text-decoration: none;
  background: url('/images/newsTitleBack.jpg') top right no-repeat;
}

.newstitle2 {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  color:#1C197C;
  text-decoration: none;
}

h3 {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  padding:4px;
  color:#000e61;
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #D2D8F5;
}

.newstitle a, .newstitle a:visited,.newstitle2 a, .newstitle2 a:visited, .pastYear {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  padding:5px;
  color:#000e61;
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #D2D8F5;
}

.newsdate, .calDate {
  font-size:11px;
  padding:4px;
  font-family:Georgia;
  display:block;
  color:#717ab3;
  font-style:italic;
}

.calDesc {
	padding: 4px;
}

.calDesc p {
	margin-top:0;
}

.newsarticle {
  font-family:Georgia;
  font-size:12px;
  line-height:18px;
  padding:4px 10px;
}

#scheduleSectionFull, #constitutionSectionFull {
  font-family:Georgia;
  font-size:12px;
  line-height:18px;
  padding-left:5px;
  padding-right:5px;
}

#monthImage {
  margin-left:160px;
}

#scheduleSection ul li ul li a{
  color:#1C197C;
  text-decoration:none;
  font-weight:normal;
  font-family:Georgia;
  font-size:10pt;
  line-height:18px;
  padding-left:15px;
  display:block;
}

#scheduleSection ul li ul li a:hover{
  color:#FD6E23;
  text-decoration:none;
}


#titleText {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  padding:4px;
  color:#000e61;
  text-decoration: none;
  display:block;
  border-bottom: 1px solid #D2D8F5;
}


.event {
  list-style:none;
  padding-left:0;
  margin-left:20px;
  margin-bottom:10px;
  font-family:Georgia;
  line-height:18px;
}

.event li {
margin-bottom:25px;
}

.event div {
width:800px;;
}

.copyrightPBL {
  padding-top:4px;
  font-family:Verdana;
  font-weight:bold;
  font-size:10pt;
  color:#0D4898;;
  text-align:center;
  width:100%;
}

#footer {
  width: 875px;
  height: 17px;
  background-image:url('/images/footer.jpg');
  background-repeat: no-repeat;
  border:0px solid #0F0;
}

form {
	padding:0;
	margin:0;
}

.searchBox{
	margin-left:0px;
}

#searchBack {
	width:145px;
	background:url('/images/searchBack.jpg') repeat-x;
	padding-top:1px;
	padding-left:2px;
}

#searchRight {
	width:10px;
	background:url('/images/searchBack.jpg') repeat-x;
}

#searchInput {
	border:0;
	background-color:transparent;
	width:145px;
	color:#1C197C;
	font-family:Verdana;
	font-size:11px;
	font-weight:bold;
}

.stateOfficers {
	list-style-type:none;
	margin:0;
	padding:0;
}

.officerInfo {
	list-style-type:none;
	margin:0;
	padding:0 0 15px 0;
}

.stateOfficer {
	margin-bottom:35px;
	clear:both;
	margin-top:10px;
}

.officerName {
  font-family:Verdana;
  font-size:18px;
  font-weight:bold;
  padding-bottom:2px;
  color:#000e61;
  text-decoration: none;
  display:block;
  margin-left:155px;
  border-bottom: 1px solid #D2D8F5;
}

.officerTitle {
	font-size:14px;
	font-style:italic;
	font-family:Georgia;
	font-weight:bold;
	padding:2px;
}

.officerBio {
	font-size:12px;
	line-height: 18px;
	font-family:Georgia;
	padding-top:5px;
}

.officerTitle a {
	font-weight:normal;
	font-style:normal;
}

p {
	font-family:Georgia;
	font-size:12px;
	line-height:18px;
}

.attachment {
	width:850px;
	border:2px solid #6a78c2;
	background:#d2d8f5;
	padding:5px;
	margin-top:10px;
	font-family:Georgia;
	font-size:11px;
	
}

html>body .attachment {
	width:836px;
}

.toc {
	font-family:Georgia;
}

.toc li {
	margin: 8px;
}

.past {
	list-style-type:none;
	font-family:Georgia;
	font-size:12px;
}

.past li {
	margin: 8px;
}

.boardOfDirectors {
	list-style-type:none;
	margin:0;
	padding:0;
	width:850px;
}

.boardOfDirectors li{
	float:none;
	display:table-row;
}

.boardTitles {
	list-style-type:none;
	margin:0;
	padding:2px;
	display:block;
	width:850px;	
}

.boardTitles li {
	float:left;
	width:421px;
	height:20px;
	padding:2px;
	background: url("/images/navbg.jpg");
	color:#fff;
	font-weight:bold;
	font-size:14px;
}

html>body .boardTitles li {
	width:421px;
}

.boardMember {
	list-style-type:none;
	margin:0;
	padding:0;
	display:block;
	width:848px;
}

.odd {
	background:#E4F0F8;
}

.boardMember li {
	float:left;
	width:420px;
	padding:2px;
	line-height: 20px;
}

html>body .boardMember li {
	width:420px;
}

.schoolName {
	font-size:36px;
	font-family:Georgia;
	color:#1D1B7C;
	font-weight:bold;
	text-decoration:underline;	
}

.schoolInfo {
	list-style-type:none;
	font-family:Georgia;
	font-size:12px;
}

.schoolInfo li {
	margin: 8px;
}

.commentTitle {
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	color:#1C197C;
	display:block;
}

.comment {
	padding:15px;
	display:block;
	font-family:Georgia;
}

.commentPostedBy {
	font-size:12px;
	font-weight:bold;
	display:block;
}

.commentTime {
	font-size:10px;
	font-style:italic;
	color: #9B9B9B;
	display:block;
}

.commentText {
	font-size:12px;
	display:block;
}

.commentBox {
	width:500px;
	border:2px solid #221E7D;
	background: #9DC6E2;
	padding:5px;
	margin-top:10px;
}

.commentInstructions {
	font-size:12px;
	font-family:Georgia;
	display:block;
}

.formLabel {
	font-family:Georgia;
	font-size:12px;
	display:block;
}

.formElement {
	width:300px;
	font-family: Arial;
}

.commentInfoBox {
	padding:3px;
	border:1px solid #6a78c2;
	background:#d2d8f5;
}

.photoGalleryThumbnail {
	padding:5px;
	margin:5px;
	border:1px solid #6a78c2;
	background:#d2d8f5;
	float:left;
	text-align:center;
}

.photoGalleryFull {
	padding-top:25px;
	padding-bottom:20px;
	margin:4px;
	border:1px solid #6a78c2;
	background:#d2d8f5;
	float:left;
	text-align:center;
	width:840px;
}

.commentInfoBox a, .photoGalleryThumbnail a {
	text-decoration: none;
	font-size:11px;
	color: #000e61;
}

.photoGalleryList {
	list-style-type:none;
	margin:0;
	padding:0;
}

.photoGalleryList li {
	width:820px;
	border:2px solid #C5C5C5;
	background: #F5F5F5;
	padding:5px;
	margin:5px;
}

.photoGalleryList li a {
	color:#161d63;
	font-weight:bold;
}

.noPhotos {
	color: #666;
}

.photoGalleryUploadBox {
	text-align:right;
	padding:10px;
}

.thumbnailImage {
	width: 150px;
	height:90px;
	overflow:hidden;
	cursor:pointer;
}

.officerPhoto {
	padding:4px;
	float:left;
	margin:5px;
}

.homeEvent a {
	font-family: Georgia;
	font-weight: normal;
}

.photoDesc {
	padding:4px;
}

#loginBox {
	background: url('/images/loginBox_right.jpg') no-repeat top right;
	float:right;
	position:relative;
	top:-5px;
	font-size:12px;
}

#loginBox form {
	background: url('/images/loginBox_left.jpg') no-repeat top left;
	padding:8px;
	font-family:Verdana;
	color: #0D4898;
}

#loggedInBox {
	background: url('/images/loginBox_left.jpg') no-repeat top left;
	padding:10px;
	font-family:Verdana;
	color: #0D4898;
}

.loginText {
	border:1px solid #0D4898 !important;
	width:100px !important;
	background: #D3DBF2 !important;
}

#centerLogo {
	float:right;
}

#currentArticle {
	background: url('/images/newsBack.jpg') repeat-x;
	margin:4px;
	width:635px;
	height:198px;
}

#currentArticleSmall {
	background: url('/images/newsBack.jpg') repeat-x top;
	margin:4px;
	width:313px;
	float:left;
	height:65px;
}

.readLink {
	font-family: Georgia;
	text-align:right;
	padding:4px;
	font-size:11px;
}

.readLink a {
	color: #0D4898;
	text-decoration:none;
}

.readLink a:hover {
	text-decoration:underline;
}

#bariatrix {
	height:60px;
	background: url('/images/poweredByBack.jpg') repeat-x;
}

#bariatrix img {
	float:right;
}

#bariatrix span {
	padding:5px;
	font-size:32px;
	line-height:60px;
	font-family:Verdana;
	color:#C5C5C5;
}

.classList {
	margin-bottom:10px;
	list-style-type:none;
	padding:0;
}

.classList li {
	border: 1px solid #C5C5C5;
	padding:4px;
	margin:4px;
}

.registerForm {
	border: 1px solid #C5C5C5;
	padding:4px;
	margin:4px;
}

.logoutLink {
	font-family:Verdana;
	color: #0D4898;
	text-decoration:none;
}

.logoutLink:hover {
	font-family:Verdana;
	color: #0D4898;
	text-decoration:underline;
}

ul.bulleted {
	list-style-type: disc;
	margin:10px;
}


	#dhtmlgoodies_bmi_calculator{
		width:880px;	/* Width of entire calculator */
		height:400px;	/* Height of entire calculator */
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Fonts to use */
	}
	#dhtmlgoodies_bmi_calculator .calculator_form{	/* Form */
		width:170px;	/* Width of form div */
		float:left;	/* Position the form at the left of the graph */
		padding-left:5px;
		padding-right:5px;
	}
	#dhtmlgoodies_bmi_calculator input{
		width:130px;
	}
	#dhtmlgoodies_bmi_calculator .calculator_form .textInput{
		width:40px;	/* Width of small text inputs */
		text-align:right;	/* Right align input text */
	}
	#dhtmlgoodies_bmi_calculator .calculator_graph{
		width:660px;	/* Width of graph div */
		float:left;	/* Position bar graph at the left */		
		background-color:#F5F5F5;	/* Light gray background color */
		border:1px solid #4571B0;	/* Gray border around graph */
		
		height:100%;
		position:relative;
	}
	
	.calculator_graph .graphLabels{	/* Help labels at the top of the graph */
		background-color:#FFF;	/* White bg */
		padding:3px;	/* Some air */
		margin:2px;	/* Around around help div */
		border:1px solid #555;	/* Gray border */

	}
	.graphLabels .square{	/* Small square showing BMI, e.g.: Below 18.5: Underweight */
		height:12px;	/* Width of square */
		width:12px;	/* Height of square */
		border:1px solid #000;	/* Black border */
		margin:1px; 	/* "Air" */
		float:left;		
	}
	.graphLabels .label{	/* Help text, , e.g.: Below 18.5: Underweight */		
		width:130px;	/* Width */
		height:14px;	/* Height */
		font-size:11px;	/* Font size */
		padding-left:2px;	/* Space at the left of label */
		float:left;
	}

	.barContainer{	/* DIV for both the multicolor bar and users weight bar */
		position:absolute;
		bottom:0px;
		border:1px solid #000;
		border-bottom:0px;
		text-align:center;
		vertical-align:middle;
	}
	.barContainer div{	/* colored div inside "barContainer */
		border-bottom:1px solid #000;
	}
	.barContainer .labelSpan{	/* Label indicating users BMI */
		background-color:#FFF;	/* White BG */
		border:1px solid #000;	/* Black border */
		padding:1px;	/* "Air" inside the box */
		font-size:0.7em;	/* Font size */
	}
	
	.clear{	/* Clearing div - you shouldn't do anything with this one */
		clear:both;
	}

.map {
	border:2px solid #084796;
	width:400px;
	height:285px;
	margin:5px;
	float:right;
}

.chatFrame {
	border:0;
	width:100%;
	height:600px;
}

.classList {
	margin-bottom:10px;s
	list-style-type:none;
	padding:0;
}
.classList li {
	border: 1px solid #C5C5C5;
	padding:4px;
	margin:4px;
}

.registerForm {
	border: 1px solid #C5C5C5;
	padding:4px;
	margin:4px;
}
.textbody {width:635px;margin:0 0 18px 8px;}
#right-sidebar {width:205px;float:right;text-align:center;font-family:Georgia, "Times New Roman", Times, serif;}
#right-sidebar hr {}
#right-sidebar #vids {background:#d0d5e9;}
#text-relay {width:160px;float:right;margin:0 12px 15px 4px;}
.doc-title {padding:5px 0;font-weight:bolder;color:#003;}
.doc-title span {display:block;font-style:italic;}
ul.home-logo {width:210px;height:80px;list-style:none;padding:20px 0 0 10px;margin:0;}
ul.home-logo li {width:85px;height:80px;text-align:center;float:left;}
img {border:none;}
img a:focus {outline:none;}