/*                                                   Body and paragraph styles */

body {
  background-color: White;
  font-family: Verdana;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  color: #222222;
  line-height: 135%;
  text-decoration: none;
  margin: 7px 0px 0px;
}

P {
  margin-top: 0px;
  margin-bottom: 9px;
}

P.indent {
  margin-left: 15px;
}

/*                                                   Header styles */
H1 {
  font-weight: bold;
  font-size: 18px;
  color: Navy;
  margin-top: 6px;
  margin-bottom: 3px;
}

H2 {
  font-weight: bold;
  font-size: 16px;
  color: Navy;
  margin-top: 14px;
  margin-bottom: 2px;
}

H3 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 3px;
  margin-bottom: 2px;
}

/*                                                   Link styles */
A {
  font-family: Verdana;
  font-weight: normal;
  color:  Navy;
  text-decoration: none;
}
A:hover {
  color:  Red;
  text-decoration: Underline;
}
A:visited {	
  text-decoration:	none;
}	
A:active {	
  text-decoration:	none;
}	
		

/*                                                   Table styles */

table { /* Not used, - overrides the Menu layout */ }
tr { /* Not used, - overrides the Menu layout */ }
td { /* Not used, - overrides the Menu layout */ }

/*                                                   Overall styles */
td.std {
  /* Used in building blocks */
  padding: 0px;
}
td.content {  
  /* Primary content pages */
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 30px;
  margin-right: 0;
}
div.content {  
  /* Primary content pages (like td.content) */
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 30px;
  margin-right: 0;
}
td.contentsmall {  
  /* Primary content pages, small font */
  font-size: 12px;
  line-height: 135%;
  padding-top: 5px;
  padding-right: 0px;
  padding-left: 30px;
  margin-right: 0;
}
td.small {
  /* Small content parts on pages */
  font-size: 12px;
  line-height: 135%;
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 2px;
}
div.floatleft {
  float: left;
  padding: 15px;
  padding-left: 0px;
}

/*                                                   Data record listing styles */
td.dataheader {
  /* Data, record labels */
  background-color: #9ccede; 
  font-size: 12px;
  font-weight: bold;
  color: Navy;
  padding-right: 7px;
  padding-left: 7px;
}
td.datalabel {
  /* Data, record labels */
  background-color: White; 
  font-size: 12px;
  font-weight: bold;
  color: Navy;
  padding-right: 7px;
  padding-left: 7px;
}
td.data {
  /* Data, record data */
  font-size: 12px;
  line-height: 130%;
  padding-top: 1px;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 0px;
}
td.data2 {
  /* Data, record data, 2nd line */
  background-color: #eeeeee;
  font-size: 12px;
  line-height: 130%;
  padding-top: 2px;
  padding-right: 7px;
  padding-left: 7px;
  padding-bottom: 2px;
}
td.datasel {
  /* Data, selected record data */
  background-color: #ffffcc; 
  font-size: 12px;
  padding-right: 7px;
  padding-left: 7px;
}
td.datainf {
  /* Data, additional record data */
  background-color: #ccffff; 
  font-size: 12px;
  padding-right: 7px;
  padding-left: 7px;
}

/*                                                   Data display and dialog styles */
td.dialoglabel {
  /* Dialogs, label field */
  background-color: #cee2e9;
  font-size: 12px;
  font-weight: bold;
  color: Navy;
  padding-right: 7px;
  padding-left: 7px;
}
td.dialogdata {
  /* Dialogs, editable data field */
  background-color: #eeeeee;
  font-size: 12px;
  padding-right: 7px;
  padding-left: 7px;
}
td.dialoglabelxl {
  /* Dialogs, label field */
  background-color: #cee2e9;
  font-size: 14px;
  font-weight: bold;
  color: Navy;
  padding-right: 7px;
  padding-left: 7px;
}
td.dialogdataxl {
  /* Dialogs, editable data field */
  background-color: #eeeeee;
  font-size: 14px;
  padding-right: 7px;
  padding-left: 7px;
}

/*                                                   CMS wiki {|}-tables styles */
table.cmstab {
  /* CMS generated table */
  background-color: white;
  margin-left: 15px;
  margin-right: 25px;
}
td.cmstabh {
  /* CMS generated table, header line */
  background-color: #dddddd; 
  font-weight: bold;
}
td.cmstab {
  /* CMS generated table, body line */
  background-color: #eeeeee; 
}

/*                                                   CMS wiki lists styles */
table.dots {
 }
tr.dots {
 }
td.dots {
  /* CMS generated lists, first line */
  padding: 0px;
  padding-left: 3px;
 }
td.dots2{
  /* CMS generated lists, subsequent lines */
  padding: 0px;
  padding-top: 3px;
  padding-left: 3px;
 }
 

/* ------------------------------------------------- Site specific styles */

/*                                                   Masterpage */
td.framelogo {
  /* Master page box */
  background: url(images/frametop.jpg) 0 0 repeat-x;
  padding: 0px;
  width: 177px;  
}  
td.frametop {
  /* Master page box */
  background: url(images/frametop.jpg) 0 0 repeat-x;
  vertical-align: bottom;
  padding-bottom: 8px;
  padding-left: 2px;
  padding-right: 10px;
}  
td.frameleft {
  /* Master page box */
  background: url(images/frameleft2.gif) 0 0 repeat-y;
}  
P.frametop {
  font-size: 12px;
  font-style: italic;
  color: Black;
  text-align: right;  
}

/*                                                   Main - homepage */
div.fpnews {
  float: right;
  padding: 0px;
  width: 250px;
  margin-left: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
  background-color: #cee2e9;
}
div.fpnewscontent {
  font-size: 12px;
  line-height: 140%;
  padding: 10px;
  padding-bottom: 15px;
}
div.fpcal {
  float: left; 
  width: 250px;
  margin-top: 7px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 0px;
  background-color: #cee2e9;
}
div.fpcalcontent {
  padding: 10px;
}
div.fpyoutube {
  float: right;
  margin-top: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
  background-color: white;
}

/*                                                   Branch */
div.brsinfo {
  /* Branch, blue box, internal info */
  width: 275px;
  background: url(images/private.gif) 0 0 repeat-y;
  padding: 0px;
  margin-left: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
}
div.brinfo {
  /* Branch, yellow public news box */
  width: 275px;
  background-color: #fffea1;
  padding: 0px;
  margin-left: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
}
div.brbox {
  /* Branch, blue box, calendar & photos */
  width: 275px;
  background-color: #cee2e9;
  padding: 0px;
  margin-left: 15px;
  margin-right: 0px;
  margin-bottom: 15px;
}
div.roundcontent {
  font-size: 12px;
  line-height: 135%;
  color: Black;
  padding: 10px;
  padding-bottom: 15px;
}

/*                                                   Photo collections */
td.photoleft {
  /* Photo pages, left menu box */
  padding: 0px;
  padding-left: 1px;
  padding-right: 5px;
}  

td.phototable {
  /* Small photo table-images */
  font-size: 11px;
  line-height: 110%;
  padding: 0px;
  padding-right: 15px;
}  

/* ------------------------------------------------- Menu setup styles */
.MenuMain {
  background-color: White;
  font-family: Verdana;
  font-size: 12px;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  margin-left: 5px;
  padding-top: 0px;
}
.MenuItem {
  color: Navy;
  background-color: #ffff66;
  font-weight: bold;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 4px;
  padding-right: 6px;
  padding-bottom: 3px;
  padding-top: 4px;
}
.MenuItemSelected {
  color:  Red;
}
.MenuItemHover {
  color:  Yellow;
  background-color: Navy;
}
.MenuDyn {
  font-size: 11px;
  z-index: 1;
}
.MenuDynItem {
  color: Navy;
  background-color: #ffff66;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 4px;
  padding-right: 6px;
  padding-bottom: 2px;
  padding-top: 3px;
  z-index: 1;
}
.MenuDynItemSelected {
  color:  Red;
  z-index: 1;
}
.MenuDynItemHover {
  color:  Yellow;
  background-color: Navy;
  z-index: 1;
}

/* ------------------------------------------------- Round corners */

div.tlb {background: url(images/tlb.gif) 0 0 no-repeat} 
div.trb {background: url(images/trb.gif) 100% 0 no-repeat}
div.blb {background: url(images/blb.gif) 0 100% no-repeat } 
div.brb {background: url(images/brb.gif) 100% 100% no-repeat}
div.tlg {background: url(images/tlg.gif) 0 0 no-repeat} 
div.trg {background: url(images/trg.gif) 100% 0 no-repeat}
div.blg {background: url(images/blg.gif) 0 100% no-repeat}
div.brg {background: url(images/brg.gif) 100% 100% no-repeat}