﻿body 					{background: #4d74a2 url('/images/mainBack.jpg') repeat-y top center; font-family:"Trebuchet MS", Helvetica, sans-serif; margin: 0px; text-align:center;}
body.print { background: #fff; text-align: left; }

.size0					{font-size: 10px; line-height: 100%;}
.size1					{font-size: 10px; line-height: 135%;}
.size2					{font-size: 13px;line-height: 135%;}
.size3					{font-size: 15px; line-height: 135%;}

.bigBlueHdr				{font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 30px; font-weight: bold; text-transform:capitalize; font-variant:small-caps; color: #316db6; line-height: 90%;}
.smBlueHdr        {font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size: 20px; font-weight: bold; text-transform:capitalize; font-variant:small-caps; color: #245289; line-height: 90%;}
a						{color: #0069da; text-decoration:none;}
a:hover					{color: #0069da; text-decoration:underline;}

.whiteA					{color: #FFFFFF; text-decoration:none; word-spacing: normal;}
.whiteA:hover			{color: #FFFFFF; text-decoration:none;}
.orangeA				{color: #f59f19; text-decoration:none;}
.orangeA:hover			{color: #f59f19; text-decoration:underline;}
.eventA					{color: #3b3b3b; text-decoration:none; text-transform:capitalize; line-height:125%;}
.eventA:hover			{color: #0069da; text-decoration:underline; text-transform:capitalize; line-height:125%;}
.footerA					{color: #FFFFFF; text-decoration:none; word-spacing: normal;}
.footerA:hover			{color: #f59f19; text-decoration:underline;}

.navUL					{margin: 0px;}
.navLI					{border: 1px solid #cccccc; padding: 5px; margin-bottom: 5px; background:transparent url('/images/insideNavBacker.png') bottom left no-repeat; font-weight:bold; color: #144683; font-size: 12px; cursor: pointer;}
.navLIOn				{border: 1px solid #f59f19; padding: 5px; margin-bottom: 5px; background:#FFFFFF; font-weight:bold; color: #7391B6; font-size: 12px; cursor: pointer;}


.nav1					{background: transparent url('/images/nav1.png') no-repeat top center;}
.nav2					{background: transparent url('/images/nav2.png') no-repeat top center;}
.nav3					{background: transparent url('/images/nav3.png') no-repeat top center;}
.nav4					{background: transparent url('/images/nav4.png') no-repeat top center;}

.nav1on					{background: transparent url('/images/nav1on.png') no-repeat top center;}
.nav2on					{background: transparent url('/images/nav2on.png') no-repeat top center;}
.nav3on					{background: transparent url('/images/nav3on.png') no-repeat top center;}
.nav4on					{background: transparent url('/images/nav4on.png') no-repeat top center;}

td {
  padding: 3px 5px;
}

/* Calendar (Date picker) ------------------------------------------------- */

.dpDiv {
  border: 1px solid #ccc;
  background-color: #eee;
}

/* the table (within the div) that holds the date picker calendar */
.dpTable {
  text-align: center;
  color: #333;
}

.dpTable td {
  padding: 2px 3px;
  border-bottom: 1px solid #eee;
}

/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {}

/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
  background-color: #6ad;
  color: #fff;
}

/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {}

/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
  background-color: #eee;
}

/* a table cell that holds a date number (1-31) */
.dpTD {
  background: #fff;
}
.dpTDempty {
}

/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
}

/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
  background-color: #6ad;
  cursor: pointer;
  color: #fff;
}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
}

/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD button {
  border: 0;
  background: #47a;
  color: #fff;
  cursor: pointer;
}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
  background: #ddd;
}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
  background-color: #ddd;
  color: #666;
  border-bottom: 1px solid #ccc;
}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
  font-weight: bold;
}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
  color: #47a;
  font-weight: bold;
  background: #fff;
}


/* the forward/backward buttons at the top */
.dpButton {
  font-size: 10px;
  color: #fff;
  background: #47a;
  font-weight: bold;
  cursor: pointer;
}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
  font-size: 10px;
  background: transparent;
  border: none;
  color: #666;
  cursor: pointer;
}

fieldset {
  border: 1px solid #000;
  margin: 10px 0px;
  padding: 5px 0 5px 15px;
}
fieldset legend {
  font-size: 16px;
  font-weight: bold;
}
img.absmiddle {
  vertical-align: middle;
  margin-bottom: .25em;
}
a.button {
  border: 1px solid #88A9DC;
  padding: 3px 7px;
  background: #FFF3DF;
}
a.button:hover {
  text-decoration: none;
}
a.right {
  float: right;
}
.listbox {
  border: 1px solid #000;
  width: 400px;
  height: 100px;
  overflow: auto;
}
.listbox ul li {
  padding: 3px;
  border-bottom: 1px solid #CCC;
}

form.easy br {
  clear: both;
}
form.easy label {
  display: block;
  float: left;
  width: 120px;
  text-align: right;  
  font-weight: bold;
}
form.easy input, form.easy textarea {
  display: block;
  float: left;
  margin: 0 0 10px 10px;
}
div.msg {
  padding: 10px;
  border-top: 1px solid #CF8C19;
  border-bottom: 1px solid #CF8C19;
  background: #FFE8BF;
}
div.positive {
  border-top: 1px solid #248F11;
  border-bottom: 1px solid #248F11;
  background: #E4FFDF;
}
div.negative {
  border-top: 1px solid #BF001A;
  border-bottom: 1px solid #BF001A;
  background: #FFDFE3;
}
ul.list li {
  margin-left: 30px;
  list-style: disc;
}
div.ffix {
  clear: both;
  line-height: 0px;
}
div.col_container {  

}
div.right_col {
  margin-left: 15px;
  float: left;
  width: 200px;
}
div.left_col {
  float: left;
  margin-top: 7px;
  width: 500px;
  margin-bottom: 20px;
  border-right: 1px dotted #316DB6;
}
div.right_col h3 {
  font-size: 18px;
  color: #316DB6;
}
div.right_col ul {
  list-style: square;
  margin: 3px 0 20px 0;
}
div.right_col li {
  list-style: square;
  margin-left: 25px;
}
div.left_col h2 {
  font-size: 16px;
  color: #0A6B66;
  margin: 5px 0 0 0;
  font-weight: bold;
}
div.right_col ul.todo {
  list-style: none;
}
div.right_col ul.todo li {
  list-style: none;
  margin-left: 10px;
}

div.entry {
  border-bottom: 1px dotted #316DB6;
  padding: 0 10px 0 10px;
}
div.entry h3 {
  margin: 15px 0 0 0;
  font-size: 18px;
}
div.entry p {
  margin: 5px 0 3px 0;
}
div.entry div {
  margin: 0 0 15px 0;
  font-weight: bold;
}
div.entry div span {
  color: #0A6B66;
}

div.entry-detail {
  border-bottom: 1px dotted #316DB6;
  padding: 0 10px 0 10px;
}
div.entry-detail h3 {
  margin: 15px 0 0 0;
  font-size: 18px;
}
div.entry-detail div.body {
  margin: 5px 0 3px 0;
}
div.entry-detail div.footer {
  margin: 0 0 15px 0;
  font-weight: bold;
}
div.entry-detail div span {
  color: #0A6B66;
}


ul.events { margin: 1em; padding: 0; list-style: none; }
ul.events li { padding: 5px; margin: 0 2em; border-bottom: 1px solid; }
ul.events .info { padding: 5px 0; }