body {
	position: relative;
	margin: auto;
	padding: 0 11px;
	font-size: 95%;
	width: 750px;
	text-align: left;
	voice-family: "\"}\""; 
  	voice-family: inherit;
  	width: 750px;
}


/* for section headers */
.sectionHeader {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
   COLOR: #0033CC;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 5px;
	FONT-SIZE: 18px;
	PADDING-TOP: 20px;
}

/* same style as above, different color*/
.sectionHeaderG {
	FONT-FAMILY: Arial, Helvetica, san-serif;
	COLOR: #008000;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 5px;
	FONT-SIZE: 18px
}

.listHeader {
	FONT-FAMILY: Arial, Helvetica, sans-serif;
   COLOR: #008000;
	FONT-WEIGHT: bold;
	PADDING-LEFT: 8px;
	FONT-SIZE: 16px
}

/* main border */
.site {
	BORDER: #000000 1px solid; 
	BACKGROUND-COLOR: #f0f6f9;
	margin-top: 20px;
}

/* text area */
.siteText {
	BORDER-RIGHT: #000000; 
	BORDER-TOP: #000000; 
	BORDER-LEFT: #000000; 
	BORDER-BOTTOM: #000000; 
	PADDING-LEFT: 5px;
	BACKGROUND-COLOR: #f0f6f9	
}

.text {
	FONT-SIZE: 12px; 
	COLOR: 000000; 
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 20px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* larger text */
.textLarge {
	FONT-SIZE: 16px;
	COLOR: #000000;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 20px;
	FONT-FAMILY: Arial, Helvetica, sans-serif
}

.textIndent {
	FONT-SIZE: 12px; 
	COLOR: 000000; 
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 20px;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* image like large text */
.imageText {
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
	COLOR: Gray;
	FONT-SIZE: 30px;
	FONT-WEIGHT: bold
}

/* dotted lined summary box */
.offgreenbox {
	PADDING-RIGHT: 6px; 
	PADDING-LEFT: 6px; 
	PADDING-BOTTOM: 6px; 
	PADDING-TOP: 6px; 
	MARGIN: 5px; 
	COLOR: #000000; 
	BORDER-LEFT: black 1px dotted; 
	BORDER-RIGHT: black 1px dotted; 
	BORDER-TOP: black 1px dotted; 
	BORDER-BOTTOM: black 1px dotted; 
	BACKGROUND-COLOR: #cc6
}

.noteBox {
	BORDER-RIGHT: #909090 1px solid; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: #909090 1px solid; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0.5em; 
	BORDER-LEFT: #909090 1px solid; 
	PADDING-TOP: 0.5em; 
	BORDER-BOTTOM: #909090 1px solid; 
	BACKGROUND-COLOR: #f0f0f0
}

.noteBoxDot {
	BORDER-RIGHT: 1px dotted #8B8B8B; 
	PADDING-RIGHT: 0.5em; 
	BORDER-TOP: 1px dotted #8B8B8B; 
	PADDING-LEFT: 0.5em; 
	PADDING-BOTTOM: 0.5em; 
	BORDER-LEFT: 1px dotted #8B8B8B; 
	PADDING-TOP: 0.5em; 
	BORDER-BOTTOM: 1px dotted #8B8B8B; 
	BACKGROUND-COLOR: #f0f0f0
}

 div.spacer {
  CLEAR: both
}
 
 /* SPAN left to float left - for nav map */
 div.row span.left {
  FLOAT: left;
  TEXT-ALIGN: left;
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
  FONT-WEIGHT: bold;
  COLOR: #000000;
  PADDING-LEFT: 3px;
  WIDTH: 100%
}

/* portfolio images + text */
div.float {
 FLOAT: left;
  }
  
  div.floatText {
   FLOAT: left;
	FONT: 11px/1.5 Verdana, sans-serif; 
	COLOR: black;
	PADDING-LEFT: 5px;
	MARGIN-RIGHT: 40px;	
}  

div.floatTextUnder {
	Float: left;
	FONT: 11px/1.5 Verdana, sans-serif; 
	COLOR: black;
	MARGIN-LEFT: 10px;
	MARGIN-TOP: 1px;
	PADDING-BOTTOM: 5px;
	MARGIN-RIGHT: 20px;	
}

.imageLeft2 {
	BORDER: thin solid #4F5D64;
	MARGIN-BOTTOM: 1px;
	MARGIN-LEFT: 10px;
	FLOAT: left
}

/* nav top menu box */
.menuTopBox {
   TEXT-ALIGN: right;
	BACKGROUND: url(../monetimages/topbar_bg.gif);
	HEIGHT: 15px;
	FONT-SIZE: 9pt;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	PADDING-RIGHT: 10px;
}

/* nav map box */
.navBox {
   WIDTH: 100%; 
   BACKGROUND-COLOR: #e3e9ec;
   BORDER-BOTTOM: black 1px solid; 
   PADDING: 2px; 
   MARGIN: 2px auto;
}

/* nav bottom menu */
.menuBottom {
  FONT-SIZE: 12px;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

.legal {
  FONT-SIZE: 11px;
  FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* copyright text */
.copyrightText {
	FONT-SIZE: 9px;
	COLOR: black;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

/* image float right */
.imageRight {
	/*BORDER: thick double navy; 
	BORDER: thin solid #4f5d64; */
	VERTICAL-ALIGN: middle;
	MARGIN-RIGHT: 30px;
	MARGIN-LEFT: 20px;
	MARGIN-TOP: 20px;
	MARGIN-BOTTOM: 20px;
	FLOAT: right
}

.imageMiddle {
	VERTICAL-ALIGN: middle;
	MARGIN-RIGHT: 30px;
	MARGIN-LEFT: 30px;
	MARGIN-TOP: 70px;
	MARGIN-BOTTOM: 20px;
}

.imageLeft {
	BORDER: 1px solid gray;
	VERTICAL-ALIGN: middle;
	MARGIN-LEFT: 10px;
   MARGIN-RIGHT: 20px;
	FLOAT: left
}

.imageLeft a:hover {
	border: 1px solid #c00;
	vertical-align: middle;
	float: left;
}

.textLeft {
	FLOAT: left;
	FONT: 11px/1.5 Verdana, sans-serif; 
	COLOR: black;
	MARGIN-LEFT: 20px;
	MARGIN-RIGHT: 20px	
}

a:link {
	COLOR: #0033cc;
	TEXT-DECORATION: underline
}

a:visited {
	COLOR: #0033cc;
	TEXT-DECORATION: underline	
}

a:hover {
	COLOR: #ff0000;
	TEXT-DECORATION: none
}

h5 {
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 20px;
	COLOR: #0033cc;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

h6 {
	FONT-SIZE: 12px; 
	FONT-WEIGHT: bold;
	PADDING-LEFT: 20px;
	PADDING-RIGHT: 20px;
	COLOR: #4F5D64;
	FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

h7 {
   FONT-SIZE: 10px;
   FONT-WEIGHT: bold;
   FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
}

UL {
	MARGIN-TOP: 0.5em
}
UL LI {
	LIST-STYLE:  MARGIN-BOTTOM: 0.33em
}

