/* 
Created by: Ron Ahrendt
File: index.css
NOTES: These are the columns for the layout.
  1) Padding is only placed on the top and/or bottom of the divs. The elements within these divs 
     have padding on their sides. This saves you from any "box model math". Keep in mind, if you 
     add any side padding or border to the div itself, it will be added to the width you define 
     to create the *total* width. You may also choose to remove the padding on the element in 
     the div and place a second div within it with no width and the padding necessary for your 
     design. You may also choose to remove the padding on the element in the div and place a 
     second div within it with no width and the padding necessary for your design.
  2) No margin has been given to the columns since they are all floated. If you must add margin, 
     avoid placing it on the side you're floating toward (for example: a right margin on a div 
     set to float right). Many times, padding can be used instead. For divs where this rule must
     be broken, you should add a "display:inline" declaration to the div's rule to tame a bug 
     where some versions of Internet Explorer double the margin.
  3) Since classes can be used multiple times in a document (and an element can also have 
     multiple classes applied), the columns have been assigned class names instead of IDs. For 
     example, two sidebar divs could be stacked if necessary. These can very easily be changed 
     to IDs if that's your preference, as long as you'll only be using them once per document.
  4) If you prefer your nav on the right instead of the left, simply float these columns the 
     opposite direction (all right instead of all left) and they'll render in reverse order. 
     There's no need to move divs around in HTML source.
*/
@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #000000;
}
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	/* removing top margin gets around an issue where margins can escape from their 
	  containing div. The remaining bottom margin will hold it away from any elements that follow. */
	padding-right: 15px;
	padding-left: 15px; /* adding the padding to the sides of the elements within the divs, instead 
	  of the divs themselves, gets rid of any box model math. A nested div with side padding can 
	  also be used as an alternate method. */
}
a img { 
	border: none; /* removes the default blue border displayed in some browsers around an image when
	  it is surrounded by a link */
}
/* ~~ Styling for your site's links must remain in this order - including the group of selectors 
   that create the hover effect. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* unless you style your links to look extremely unique, it's best 
	  to provide underlines for quick visual identification */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
  /* Give a keyboard navigator same hover experience as person using mouse. */
	text-decoration: none;
}

/* ~~this fixed width container surrounds the other divs~~ */
.container {
	width: 820px;
	overflow: auto;
	margin: 0 auto; /* the auto value on the sides, coupled with the width, centers the layout */
	background-color: #B8323C;
	/* background-image: url(images/lightBrownPaper.gif); */
	background-repeat: repeat-y;
}

/*>>>>>>>>>>>>>>>>>>>> Header CSS */
/* The header is not given a width; It will extend the full width of layout. */
.header {
	background-color: #0066FF;
	color: #FFF;
	font-size: 12px;
}
.header table {
	width: 100%;
}
.header td.left {
	width: 150px;
	text-align: right;
}
.header td.right {
	padding-right: 130px;
}
.header h1 {
	text-align:center;
	font-size:20px;
	color:#FF0;
}
.header td.date {
	padding-left: 5px;
	font-size: 14px;
}
.header table.subheader {
	background-color: #990000;
}

/*>>>>>>>>>>>>>>>>>>>> Sidebar CSS */
.sidebar {
	float: left;
	width: 170px;
	background-color: #B8323C;
	background-repeat: repeat-y;
	background-position: bottom;
	padding: 0px;
	height: 100%;
}
.sidebar img.centered {
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.sidebar p {
  text-align:center;
  font-size: 14px;
  color: #FFF;
  font-weight:bold;
}
ul.nav {
	list-style: none; /* removes the list marker */
	border-top: 1px solid #666; /* this creates the top border for the links - all others are 
	  placed using a bottom border on the LI */
	margin-bottom: 0px; /* creates the space between the navigation on the content below */
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}
ul.nav li {
	border-bottom: 1px solid #666; /* creates button separation */
	color: #FFF;
	background-repeat: no-repeat;
}
ul.nav li.selected {
	border-bottom: 1px solid #666; /* creates button separation */
	color: #FF0;
	background-repeat: no-repeat;
}
ul.nav a, ul.nav a:visited { /* grouping these selectors makes sure that your links retain 
  their button look even after being visited */
	padding: 5px 0px 5px 10px;
	display: block; /* gives the link block properties causing it to fill the whole LI 
	  containing it. Causes the entire area to react to a mouse click. */
	width: 160px;  /*this width makes the entire button clickable for IE6. If you don't need 
	  to support IE6, it can be removed. Calculate the proper width by subtracting the padding 
	  on this link from the width of your sidebar container. */
	text-decoration: none;
	background-color: #B8323C;
	color: #FFF;
	font-weight: bold;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus { 
  /* Changes background and text color for both mouse and keyboard navigators */
	color: #CCCCCC;
	background-color: #89252D;
	font-weight: bold;
}

/*>>>>>>>>>>>>>>>>>>>> Content CSS */
.content {
	width: 650px;
	float: right;
	background-color: #CCCCCC;
	color: #000;
	padding: 0px;
	height: 100%;
	/* [disabled]text-align: left; */
}
.content a {
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
}
.content h1 {
	font-size:20px;
	height:25px;
}
.content h1.title {
	text-align:center;
	padding-top: 15px;
}
.content h2 {
	font-size:18px;
	text-align:center;
}
.content h2.title {
	text-align:center;
	padding-top: 0px;
}
.content p {
	padding-right: 25px;
	padding-left: 25px;
	text-align: left;
}
.content p.privacy {
	text-align:justify;
	font-size:12px;
}
.content p.center {
	padding-right: 25px;
	padding-left: 25px;
	text-align: center;
	font-weight: normal;
}
.content tr.title {
    font-weight:bold;
} 
.content td.left-board {
	text-align: left;
}
.content td.right-board {
	text-align: right;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and 
	  paragraph rule above. Padding was placed on the bottom for space between other elements 
	  on the lists and on the left to create the indention. These may be adjusted as you wish. */
}
.content tr { 
    text-align:left;
}

/*>>>>>>>>>>>>>>>>>>>> Footer CSS */
.footer {
	position: relative; /* this gives IE6 hasLayout to properly clear */
	clear: both;
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: center;
	padding-bottom: 5px;
	padding-top: 3px;
	padding-right: 0;
	padding-left: 0;
	color: #FFF;
}
.NoticeSubTitle {
	font-weight: bold;
}

.footer a {
	color: #00FFFF;
	text-decoration: none;
}
span .page{
	font-size: 9.5px;
	text-align: center;
}

/* ~~ miscellaneous float/clear classes ~~ */
.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 { /* used to float an element left in your page. The floated element must precede 
  the element it should be next to on the page. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* tplaced on a <br /> or empty div as the final element following the last 
  floated div (within the #container) if the #footer is removed or taken out of the 
  #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.scrollLink {
	height: 300px;
	width: 95%;
	overflow: auto;
	background-color: #CCCCCC;
	padding: 3px;
	margin-left: 10px;
	margin-bottom: 10px;
	font-size: 11pt;
}
.scrollLink  a{
	color: #5200FF;
	font-weight: bold;
}
.scrollLink a:hover {
	color:#090
}
.scrollLink .title{
	background-color: #B8323C;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.scrollLink td {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
}
.scrollLink td.date {
	text-align: left;
}
.scrollLink td.officer {
	text-align: left;
}
.scrollLink td.dept {
	text-align: right;
}

/*>>>>>>>>>>>>>>>>>>>> contracts page CSS */
.contracts {
	text-align:center;
}
.contracts p.contractSubTitle {
	font-size:12px;
	text-align:center;
}
.contracts p.contractLink  {
	text-align:center;
	font-size:14px;
}
.contracts .contractLink a {
	color: #2E00FF;
	font-weight: bold;
}
.contracts .contractLink a:hover {
	color:#060
}
.contracts .scrollContracts {
	height: 300px;
	width: 70%;
	overflow: auto;
	background-color: #CCCCCC;
	padding: 3px;
	margin-left: 100px;
	margin-bottom: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12pt;
	text-align: center;
}
.contracts .scrollContracts a {
	color: #2E00FF;
	font-weight: bold;
}
.contracts .scrollContracts a:hover {
	color:#060
}

p.eventTitle1 {
	text-align:center;
	font-size: 13px;
}
.eventDisplay  {
	text-align:center;
}
.eventText {
	text-align:left;
	padding-right: 15px;
	padding-left: 15px;
}
.clickInfo {
	text-align:center;
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}
.eventSubTitle  {
	text-decoration:underline;
	font-style: italic;
	text-align: center;
}

/* Disable/enable image/text selection: */
.selectDisable {
	-webkit-user-select: none; /* Chrome & Safari */        
  -moz-user-select: none; /* Firefox */
  -ms-user-select: none; /* IE10+/Edge */
  user-select: none; /* Standard */
	-khtml-user-select: none;
	-o-user-select:none;     
}
.selectEnable { 
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  -user-select: text;
}
.noSelect {
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.noSelect::selection {
  background: transparent;
}