body{ color: black; background-color: #A2B1BC;  margin: 0; padding: 0; height: 100%; width: 100%; font-size: 80%; text-align: center; }
h1 { font-family: "Trebuchet MS", Arial, Verdana; font-size: 1.6em; color: #0345A0; margin: 0; padding: 0;}
h2{ font-family: "Trebuchet MS", Arial, Verdana; font-size: 1.4em; color: #0345A0; font-weight:normal; background-color:transparent; letter-spacing: 0.5px; margin: 0; }
h3{ font-family: "Trebuchet MS", Arial, Verdana; font-size: 1.2em; color: #0345A0; font-weight:normal; background-color:transparent; letter-spacing: 0.5px; margin: 0; }
p, li, dt, dd, span{  font-family: "Trebuchet MS", Arial, Verdana; font-size: 1em; color: #0345A0; background-color:transparent; line-height: 1.4em; letter-spacing: 0; }
a{ color: #1D357C; font-size : 0.9em; font-family: "Trebuchet MS", Arial, Verdana; text-decoration: none; background-color:transparent; letter-spacing: 0.1em}
a:hover { background-color:transparent; text-decoration: underline; }
p{ text-align: justify; }
/* Message Box style*/
#messagebox { padding: 0.5em; background-color: white; position: absolute; width: 24em; height: 15em; top: 14.5em; left: 23em; z-index: 2000; text-align: left; border: 2px solid #669999 }
#messagebox .error{ 	color: #A80000; font-weight: bold;}
#messagebox .message{ color: #006600;	font-weight: bold; }
#messagebox  a { color: black  }
#messagebox .close { top: 0.5em; right: 0.5em;  position: absolute;  }
#messagebox .close img { border: 0; }
#messagebox div { overflow: auto; margin: 1em 1em 1em 1em; height: 13em; background-color: White; }

input, textarea{ font-family: "Trebuchet MS", Arial, Verdana; font-size: 1em; color: Black; background-color: #FFFFFF; border: 1px solid #AFAFAF;}
input:hover, textarea:hover, input:active, textarea:active, input:focus, textarea:focus { background: #fff; border: 1px solid #000; color: #000; }
fieldset { border: 0; margin: 0; padding: 0; height: 100%; }
fieldset legend { margin-left: -0.5em; margin-bottom: 1em; font-weight: bold; font-family: Arial, Helvetica, sans-serif; font-size: 1em; color: black; background-color:transparent; }
fieldset div { margin: 0.2em 0; padding : 0; clear: both; }
fieldset div label { margin-right: 0.5em; font-family: "Trebuchet MS", Arial, Verdana; font-size: 1em; color: #0345A0; width: 6em; display: block; float: left; text-align: right; }
form { display: inline;  }
fieldset div select { border: 1px solid #ccc; padding : 1px; }
fieldset div input { width: 16.5em }
fieldset div textarea { width: 16.5em }
fieldset div.fm-optional { display: block; /* Default display option for optional divs */ }
fieldset div.fm-optional label:after { content: "";  /* Remove asterisk before form labels */ }/*styles for layout areas*/
.button {background: url(images/send-button.gif) no-repeat; background-color: White; height: 1.8em; width: 6.3em; display: block; border: 0; margin-left: 6.5em; margin-top:0.5em }
.button:hover{ background: url(images/send-button.gif) no-repeat; background-color: White; border: 0  }

#container { background-color: white; width:70.3em; color: White;  margin: 0.7em auto; text-align: left; border: 0; padding: 0}
#header { height: 7em; background-color: transparent; padding: 0.35em  }
#contenthead { height: 7.6em; background-image: url(images/contenthead_bkg.jpg); background-position: bottom right; background-repeat: no-repeat; }
#menu { height: 2.3em; background-color: #08338F; clear: both; }
#border { height: 0.3em; background-color: transparent; background-image: url(images/topborder.gif); background-position: bottom right; background-repeat: no-repeat; }
#bar { height: 2em; margin: 0.2em 0; background-color: #669999; background-image: url(images/gbar.gif); background-position: bottom right; background-repeat: no-repeat; }
.foot { font-size: 0.8em; margin: 2em auto }
#header img { float: right; margin-right: 0.7em }
#header h1 { float: left; padding: 4.4em 0 0 2.8em; font-weight: normal; letter-spacing: 0.65em; font-size: 1.2em; }

#image img { vertical-align: bottom; }

#bar h1 { margin: 0 0 0 3.1em; color: white; padding: 0; font-weight: lighter; font-size: 1.2em; line-height: 1.5em; letter-spacing: 0.25em;}

#menu ul#nav,#menu ul#nav ul,#menu ul#nav li{ margin: 0; padding: 0; list-style-type: none; }
#menu ul#nav { float: left; padding-left: 3.2em; height: 1em; }
#menu ul#nav li { float: left; position: relative;  }
#menu ul#nav li a { color: #669999; float: left; display: block; width: 11.4em;  padding: 0.5em 0 0.5em 0.5em; font-weight: normal; background-color: transparent; }
#menu ul#nav li a:hover { text-decoration: none; color: White; font-weight: bold; }
#menu ul#nav li ul { top: 2.3em; clear: left; display: none; position: absolute; background-color: #CCCCD9; padding-bottom: 0.2em; padding-top: 0.2em; }
#menu ul#nav li ul li { background-color: #CCCCD9; clear: left; }
#menu ul#nav li a.on, #menu ul#nav li a#current, #menu #links a#current { font-weight: bold; color: White; }
#menu ul#nav li ul li a  { color: #08338F; display: block; height: auto; line-height: 1.2em; font-weight: normal; padding: 0.2em 0 0.2em 0.5em;  }
#menu ul#nav li ul li a:hover  { color: #08338F; font-weight: bold; }
/*#menu ul li ul { display: block; float: none; }
#menu ul li ul li { display: block; float: none; }*/

#menu #links { float: right; padding:0; width: 13.5em   }
#menu #links p { line-height: 1.4em; margin: 0; padding: 0.5em 0 0.5em 0.5em; }
#menu #links a { color: #669999; border-right: 1px solid #669999; padding:0 1em;  }
#menu #links a:hover { text-decoration: none; color: White; }
#menu #links a.last { border-right:0; margin-right: 0.9em  }

#border p { font-size: 0.1em; line-height: 0.3em }

#footer { padding: 0; height: 12.2em; clear:both; background: url(images/arrowsWatermark.gif) 59em 1em no-repeat;}
/*testimonials are used on the projects page*/
#footer #testimonial { float: left; padding: 0 2em 0 3.2em; width: 34em; position: relative; }
#footer #testimonial p { text-align: center; margin: 1em 1em 0 0; padding: 0; color: #56778D }
#footer #testimonial p.source { text-align: right; margin: 0 4em 0 0; padding: 0; font-size: 0.8em }
#footer #testimonial .start { width: 2.58em; height: 1.72em; margin: 0 0.2em 0.2em 0; position: absolute; top: 0; left: 3em}
#footer #testimonial .end { width: 2.58em; height: 1.72em; margin: 0.2em 0 0 0.2em; position: absolute; bottom: 0; right: 2em }

#footer #tagline { float: left; padding: 3.1em 0 0 1.2em; width: 38em;}
#footer #tagline h3 {color: #77AAAA; padding: 0.4em 0.5em 0 2.8em; letter-spacing: 0.3em; font-size: 1em; font-weight: bold;   }
#footer #tagline img { float: left;}
#footer #tagline p { float: left; margin: 0.4em 0.5em 0 0.5em; color: #45637A; font-size: 1.2em; width:10em; text-align: left}
#footer #tagline p.copy { clear: left;  float: left; padding: 1em 0.5em 0 3.1em; margin: 0; color: #A2B1BC; font-size: 0.8em; letter-spacing: 0; width: auto;}
/*quotes are used ont he team pages*/
#footer #tagline .quote { width: 30em; padding: 1.5em 2em 0 2em;}
#footer #tagline .quote div{ background: url(images/quote-start.gif) top left no-repeat; }
#footer #tagline .quote div div{ background: url(images/quote-end.gif) bottom right no-repeat; padding: 1em 2em 1em 3em}
#footer #tagline .quote div div p{ float: none;  width: auto; margin: 0; padding: 0; font-size: 1em }


#footer #quickreference { float: left; padding: 3.1em 0 0 0; height: 8em; width: 30.5em; }
#footer #quickreference img { float: left; border: 0; margin: 0; padding: 0}
#footer #quickreference p { float: left; padding: 0.4em 0.5em 0 0.5em; width: 22em; margin: 0; color: #45637A; font-size: 1.15em; font-weight: bold; letter-spacing: 0.2em;}
#footer #quickreference div { float: left; padding: 0 0 0 2.5em; }
#footer #quickreference ul {  list-style: disc; list-style: none; margin:0; padding:0}
#footer #quickreference li { font-size: 1.15em; margin: 0 }
#footer #quickreference #current { font-weight: bold; }
#footer #quickreference p.contact { clear: left; float: left; width: 29em; padding: 1em 0.5em 0 3.1em; color: #A2B1BC; font-size: 0.8em; letter-spacing: 0; font-weight: bolder; }
#footer #quickreference p.contact img { float: none; vertical-align: bottom; margin: 0 0.4em}

#footer #footerbar { height: 2em; background-color: #04459F; clear: both; margin: 0; width: 70.3em}
#footer #footerbar p { font-size: 0.9em; }
#footer #footerbar p.copy { float: left; padding: 0.3em 0.5em 0 4.2em; margin: 0; color: white; letter-spacing: 0; font-weight: lighter; width: auto; }
#footer #footerbar p.contact { float: left; padding: 0.3em 0.5em 0 34.5em; margin: 0; color: white; letter-spacing: 0; font-weight: lighter; }
#footer #footerbar p.contact img { float: none; vertical-align: top; margin: 0 0.4em; }

/*different image headers for each skin*/
#imageband { height: 8em }
#imageband img {float: left; border: 0; margin: 0; padding: 0 }

/*template 1 is used for a 3 column textr layout*/
#template1 { height: auto; background-color: White; text-align: left; }
#template1 div { width: 18.5em; float: left; margin: 1.5em 1em; }
#template1 div a { font-size: 1em;letter-spacing: 0}
#template1 div ul { margin: 0; padding: 0;  list-style-position: inside;  list-style-type: disc; }
#template1 div ul li { margin-bottom: 0.5em; padding: 0; }
#template1 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  }
/*template 2 is used for the team index page*/
#template2 { height: auto; background-color: White; text-align: left;  }
#template2 p { margin: 0 0 0.7em 0}
#template2 div { width: 62em; float: left; margin: 1.5em 1em; padding: 0 }
#template2 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  }

#template2 .thumb { float: left; width: 7.8em;   margin: 0 1.7em 0 0;  padding: 0; text-align: center;  }
#template2 .thumb div { width: 7.8em; height: 4em;   margin:0; padding: 0; text-align: center; }
#template2 .thumb a { font-size: 0.9em; letter-spacing: 0}
#template2 .thumb a:hover { text-decoration: none; }
#template2 .thumb table { border-collapse: collapse; margin: auto;   }
#template2 .thumb td { 	width: 7.1em;   height: 7.1em; vertical-align: bottom; text-align: center; border: 0; margin: 0; padding: 0;  } 
#template2 .thumb td img { border: 0; margin: 0; padding: 0; }

#template2 .pageindex a { font-size: 1em; }
#template2 .pageindex img { float: left; margin: 0 1em 0 0 ; border: 0 }
#template2 .pageindex div {clear: left; float: left; width: 30em; margin: 0 0 1em 0; padding: 0 }

/*template 3 is used for the team member page*/
#template3 { height: auto; background-color: White; text-align: left;   }
#template3 .img { float: left; margin: 1.5em 0 0 1em; width: 14em;  }
#template3 div { width: 18.5em; float: left; margin: 1.5em 0 0 2em; }
#template3 p { margin-bottom: 0.7em; margin-top: 0}
#template3 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  }
 
#template3 div.control { width: 3em; float: left; margin: 1.5em 0 0 1em }
#template3 div.control img { border: 0; margin: 0; padding: 0 }
#template3 div.control a { font-weight: bold; clear: both}
#template3 div.back { text-align: right; }
#template3 div.back img { float: right; }
#template3 div.next { text-align: left; }
#template3 div.next img { float: left; }

#template4 { height: auto; background-color: White; text-align: left; }
#template4 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  } 
#template4 #address { float: left; margin: 1.5em 0 0 0; }
#template4 #address .vcard { width: 15em; float: left; margin: 0 0 0 1em;}
#template4 #address .org span { font-weight: bold; }
#template4 #address p { margin:0; padding: 0; font-style: normal; }
#template4 #address img { width: 5.7em; height:1.7em; margin: 0.4em 0 0 0; border:0  }

#template4 #form { width: 29em; float: left; margin: 1em 0 0 2em; }
#template4 #form img { float: left; border: 0; margin: 0; padding: 0}
#template4 #form p{ float: left; padding: 0.5em 0.5em 0 0.5em; width: 10em; margin: 0;  font-weight: bold;  }
#template4 #form #contact { float: left; width: 24em; }

#template5 { height: auto; background-color: White; text-align: left; }
#template5 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  } 
#template5 #index { float: left; margin: 1.5em 0 0 0.5em; height: 23.7em; background: url(images/arrows.gif) top right no-repeat;}
#template5 #index .column{ width: 10.5em; float: left; margin: 0 1em 0 0; }
#template5 #index .last{ margin: 0; }
#template5 #index a{ font-size: 0.8em; }
#template5 #definitions { float: right; border: 0; margin: 1.5em 0 0 0; padding: 0 0.4em 0 0;  height: 23.7em; width: 17.5em; overflow: auto; overflow-x: hidden; }
#template5 #definitions h3 { margin: 0; font-weight: bold; font-size: 1em; padding: 0}
#template5 #definitions p { margin: 0; font-size: 1em; padding: 0}
/* used on the site map page*/
#template6 { height: auto; background-color: White; text-align: left; }
#template6 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  } 
#template6 #index { float: left; margin: 1.5em 0 0 0.5em;}
#template6 #index .column{ width: 15em; float: left; padding: 0 1em 2em 0; background: url(images/site_map_arrows.gif) 5em 0.5em no-repeat; }
#template6 #index .end{ background-image: none;}
#template6 #index .column ul{ clear: left; margin: 0 1em 0 0; padding-left: 1.5em }
#template6 #index .column ul li ul { list-style: url(images/site_map_dash.gif) ; margin-left: 1em; padding-left: 0 }
#template6 #index .newrow{ clear: left; }
#template6 #index a{ font-size: 1em; }
#template6 .head_left {  float: left; width: 0.5em; height: 1.8em; background: url(images/site_map_left.gif)top left no-repeat; margin: 0 }
#template6 .head {float: left; height: 1.8em; background: url(images/site_map_bkg.gif) top repeat-x;  margin: 0; padding: 0 0.5em  }
#template6 .head a { color: White; }
#template6 .head_right {float: left;  width: 0.5em; height: 1.8em; background: url(images/site_map_right.gif)top right no-repeat; margin: 0 }

#template7 { height: auto; background-color: White; text-align: left; }
#template7 .minilogo { float: left; width: 1.87em; height:1.87em; margin: 1em 0 0 3.2em  } 
#template7 div { float: left; margin: 1.5em 0 0 1em; width: 60em}
#template7 h2 { margin: 0 0 1em 0;}
#template7 h3 {margin: 0.5em 0; font-weight: bold;}
#template7 a {font-size: 1em;}