@charset "utf-8";
/* CSS Document */
/* Color Profiles
   logo green:#00A23D (not web color compliant);
   logo blue: #06C;
   dard blue: #369;
   darkest blue:  #036;
   links: white;
   disclaimer: silver;

*/

* {
   margin:0;
   padding:0;
}
html, body {
   height:100%;
   height:100%;
}
body {
  font:12px Verdana, Arial, Helvetica, sans-serif;
  text-align:center;
  background-color:#efefef;
}
img {
  outline:none;
}
img.formatOn {
   padding:2px;
   border:solid 1px red;
}
input, textarea {
   font:.9em Verdana, Arial, Helvetica, sans-serif; 
}
table {
   border-collapse:collapse;
}
a:link, a:visited {
   color:#369;
}
h1, h2, h3, h4 {
   font:bold 1em Verdana, Arial, Helvetica, sans-serif;
   background:url(../images/checkmark.png) no-repeat;
   padding-left:2em;
   margin:.3em 0;
   line-height:1.5em;
}
h1 span, h2 span, h3 span, h4 span {
   font-weight:normal;
}
p {
   line-height:1.5em;
}
/* ---------------- DIVs --------------------- */
.hidTitles { /* This DIV is hidden at all times. Used as 'written' site name */
  display:none;
}
div#container {
  min-height:100%;
  min-width:560px;
  width:935px;
  margin:0 auto;
  background:white;
}
* html #container {
   height:100%;
}
/* --------------- Upper Menu Div ------------- */
div#upperMenu {
	/*height:1.7em;*/
	margin:0;
	padding:.2em 0 0 0; 
	height:1.8em;
	text-align:right;
	font:small-caps 1em Verdana, Arial, Helvetica, sans-serif;
	background:#369 url(../images/telNum.png) 21px 5px no-repeat;
}
ul#upperMenuNav {
  list-style:none;
  margin-top:-.1em;
}
ul#upperMenuNav li {
  display:inline;
  margin-left:-.5em;
}
ul#upperMenuNav li#lastLI {
   margin-right:0;
}
#upperMenuNav li a {
    padding:.4em .7em .5em;
	border-left:solid 1px #FFFFFF;
    color:#FFF;
    text-decoration:none;
    background-color:#036;
}
#upperMenuNav li a:visited {
  color:#FFF;
  text-decoration:none;
  background-color:#036;
}
#upperMenuNav li a:hover {
   color:#fff;
   background-color:#369;
}
#upperMenuNav li a#selected {
   background-color:#369;
   color:silver;
   cursor:default;
}

/* --------------------- Logo DIV ----------------- */
div#logo {
   text-align:left;
   /* Andy: Re-writes the Top Margin: moves the Indian's feathers on top of the Upper Menu */
   margin-top:-24px;
}

div#logoLeft {
   height:106px;
   width:317px;
   background-image:url(../images/logo.png);
   margin:0 .5em 0; 
   text-align:right;
   float:left;
}
div#logoRight {
   height:96px;
   text-align:right;
   margin-left:350px;
   padding-top:25px;
}
/* ------------------------- Main Content DIVs ------- */
div#mainContent {
   clear:both;
   margin:10px 0 0 0;
   /*background-color:#EFEFEF;*/
   float:left;
   width:100%;
}
/*  ================================== LEFT DIV  =========================  */
div#mainLeft {
   /*background-color:#993300;*/
   width:160px;
   float:left;
   padding:0 5px;
   text-align:left;
}
div.leftColItems {
   margin-bottom:1em;
}
div.headLeftColItems {
   background:url(../images/backTEMP.png);
   height:1.9em;
   color:#036;
   font-size:1.1em;
   font-weight:bold;
   padding:.6em 0 0 0;
   text-align:center;
}
div.leftColItems ul {
   list-style:none;
   padding:.1em 0 0 0em;
   margin:-.1em .2em 0 .1em;
   background-image:url(../images/line.png);
   border:solid 2px #f3f3f3;
}
div.leftColItems ul li {
   line-height:1.3em;
   padding:.3em;
}
div.leftColItems ul li a, div.leftColItems ul li a:visited {
   color:#369;
}
div.leftColItems ul li a:active, div.leftColItems ul li a:hover {
   color:red;
   text-decoration:blink;
}
div.leftColItems ul li a#selected {
   color:green;
   text-decoration:line-through;
   cursor:default;
}
div.leftColItems ul li.listLast {
   padding-bottom:1em;
}


/* ====================================  CENTER DIV ========================  */
div#mainCenter {
   /*background-color:#FFCCFF;*/
   width:563px;
   float:left;
   text-align:left;
   /* border-right: dashed 1px #666666;*/
   padding:0 7px;
}
.centerTitles {
   padding-bottom:.5em;
   border-bottom:solid 1px #00CC33;
}
.centerSubTitles {
   font-size:1.2em;
   font-weight:bold;
   margin-top:.5em;
}
/* ++++++++++++++++++++++++++++   Portfolio Page  +++++++++++++++++++++++++++++  */
div.portfolioDIV {
   margin-bottom:1.5em;
}
.portfolioDIV table {
   line-height:1.5em;
   margin-top:1em; 
   padding:0 5px;
   width:100%;
}
.portfolioDIV table td {
   height:1.7em;
   vertical-align:top;
   padding-top:.2em;
}
.portfolioDIV table td.portfolioTitle {
   font-weight:bold;
   width:11em;
}
.portfolioDIV table td.screens {
   font-style:italic;
}
.portfolioDIV .imagesTable {
   margin-top:.5em;
   width:100%;
}
.portfolioDIV .imagesTable td {
   text-align:center;
}
/* ++++++++++++++++++++++++++++   Contact Page  +++++++++++++++++++++++++++++  */
.asterisk {
   color:red;
   font-weight:bold;
}
#contactTBL {
   width:100%;
   margin:.5em 0 1em;
}
#contactTBL td {
   padding:.1em 0;
}
#contactTBL .titlesTD {
   width:10em;
}
#contactTBL .inputTD {
   text-align:left;
   width:20em;
}
#contactTBL input {
   width:15em;
}
#contactTBL .commentsTD {
   vertical-align:top;
   padding-top:.2em;
}

/* ====================================  RIGHT DIV ========================  */
div#mainRight {
  /* background-color:#FFCCCC; */
   width:162px;
   float:right;
   margin-left:-4px;
   margin-right:.5em;
   padding:0 2px 0 4px;
   text-align:left;
}
/* ------------------------ Footer ------------------ */
div#footer {
   background-color:#369;
}
div#footer .bookmark {
   color:#FFFFFF;
   font-weight:bold;
   position:absolute;
   padding:.3em 0 .3em .5em;
}
div#bottomNav {
   height:2em;
   padding-top:.7em;
   color:silver;
}
#bottomNav a, #bottomNav a:visited, #bottomNav a:active  {
   color:white;
   font-size:.9em;
   text-decoration:none;
   padding:.2em 0;
   border-bottom:dashed 1px;
}

div#bottomNav a:hover {
   border-bottom:solid 1px;
   color:silver;
}
div#copyright {
   font-size:.9em;
   color:#CCC;
   height:2em;
   background-color:#369;
}