@charset "UTF-8";

@import url("/_css/reset.css");
@import url("/_mootools/smoothbox/smoothbox.css");

img, div { behavior: url(/_css/resources/iepngfix.htc) }

/*
------------------------------------------------------------------
----------------------- TYPOGRPAHY -------------------------------
------------------------------------------------------------------

This is where you set your desired font size. The line-heights
and vertical margins are automatically calculated from this.
The percentage is of 16px (0.75 * 16px = 12px).

*/


body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  color: #666666;
  background-color: #5e88a2;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

a	{	text-decoration: none;
    color: #6699cc }

a:hover	{
    text-decoration: underline;
    color: #3e6781; }

.highlight		{
  color: #FF0000;	}

.note {
  color: #FF0000;
  font-weight: bold; }

h1,h2,h3,h4,h5,h6 {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0px;
  margin: 0px;	}


h1 { font-size: 24px; }
h2 { font-size: 34px; padding: 10px 0px 20px 0px; font-family: Tw Cen MT, Arial; color: #5e88a2; font-weight: normal; }
h3 { font-size: 16px; padding: 10px 0px 10px 0px; font-family: Tw Cen MT, Arial; color: #5e88a2; font-weight: normal; text-transform: uppercase; }
h4 { font-size: 14px; padding-top: 3px; padding-bottom: 3px; }
h5 {  }
h6 {  }


/* Text elements
-------------------------------------------------------------- */
p	{ 	margin: 0px 0px 20px 0px;
    font-size: 12px;
    line-height: 16px;	}

ul, ol	{ margin:0 1.5em 1.5em 1.5em; }
  ul	{ list-style-type: circle; }
  ol	{ list-style-type: decimal; }


blockquote  {
  margin: 1.5em;
}


/*
------------------------------------------------------------------
----------------------- PAGE CONTENT -----------------------------
------------------------------------------------------------------
*/

/* STRUCTURE & MAIN */

#wrapper {
  margin: 17px auto;
  width: 877px; }

.sloganTop {
  padding: 53px 0px 27px 0px;	}

#middle {
  background-image: url(/_common/borders_ext.jpg); }

#middleContent {
  background-image: url(/_common/borders_ext2.jpg); }

#nav {
  background-color: #5e88a2;
  height: 31px;
  padding: 0px 0px 0px 14px;
  margin: 0px 0px 0px 0px;
  }

#content {
  padding: 0px 13px 0px 13px;
  width: 851px; }

#splash { margin: 2px 0px 0px 0px; }

#latestPanel {
  position: absolute;
  margin: -50px 0px 0px 25px;
  width: 310px;}

#latestPanel h2 {
  color: #6699cc;
  font-size: 14px;
  padding: 0px; margin: 0px 0px 3px 0px;
  line-height: 14px;
  }

#latestPanel p {
  font-size: 11px;
  line-height: 14px;
  }

.insideLatestPanel {
  background-image: url(/_common/latestPanel_ext.png);
  padding: 10px 25px 10px 25px;
  width: 260px;
  }

table.latestPanel td {
  vertical-align: top;
  }

table.latestPanel td img {
  padding-top: 3px;
  }

.indexCopy {
  margin: 0px 0px 0px 364px;
  padding: 20px 20px 10px 0px; }

#footer {
  font-size: 11px;
  color: #FFFFFF;
  text-align: center;	}

#footer a {
  color: #FFFFFF;
  text-decoration: none;	}

#footer a:hover {
  color: #FFFFCC;
  text-decoration: underline;	}

#disc {
  padding-top: 10px;
  font-size: 10px;
  text-align: center;
  color: #fff;
  }

#disc a {
  color: #FFFFFF;
  text-decoration: none;	}

#disc a:hover {
  color: #FFFFCC;
  text-decoration: underline;	}

.contentCopy {
  margin: 0px 0px 0px 364px;
  padding: 20px 20px 10px 0px; }

.contentCopy p {
  font-size: 13px;
  line-height: 18px; }

.contentCopy p.smaller {
  font-size: 12px;
  line-height: 16px;
  margin: 0px 0px 10px 0px; }

.contentColumn {
  float: left;
  padding: 2px 0px 0px 0px;
  width: 324px;
  }

.contentColumn img {
  padding: 0px;
  margin: 0px;
  display: block;
  }

.moreButton {
  padding: 0px 0px 10px 0px;
  }

.miniNav {
  padding: 2px 0px 0px 0px; }

.miniNav img {
  padding: 0px 0px 2px 0px; }

.miniNav a {
  background-color: #7ca73e;
  font-family: Tw Cen MT, Arial, Helvetica, sans-serif;
  font-size: 12px;
  letter-spacing: 1px;
  display: block;
  width: 298px;
  color: #FFFFFF;
  padding: 3px 0px 4px 26px;
  margin: 0px 0px 2px 0px;
  text-transform: uppercase;
  }

.miniNav a:hover {
  text-decoration: none;
  background-color: #62862d;
  }

.expertiseThumb {
  border: 3px solid #6699FF;
  margin: 0px 10px 5px 0px;
  }

/*
-----------------------------------------------------------------
------------------------ BUTTONS --------------------------------
----------------------------------------------------------------- */

/* my buttons */
ul.myButton {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.myButton li {
  text-align: left;
  white-space: nowrap;
  float: right;
  margin: .25em 0 .5em 2em;
}

.createButton {
  width: 100px;
  }
.deleteButton {
  width: 100px;
  }
.submitButton {
  width: 115px;
  }

/*
http://www.w3schools.com/css/pr_pseudo_first-child.asp
http://www.dynamicsitesolutions.com/css/filters/first-child-plus-html/
*/

*:first-child+html .createButton {
  width: 110px;
  }
*:first-child+html .deleteButton {
  width: 110px;
  }
*:first-child+html .submitButton {
  width: 125px;
  }
*:first-child+html .testButton {
  width: 185px;
  }

ul.myButton li img {
  vertical-align: middle;
  margin: -2px 0 0 0;
}

ul.myButton li a {
  display: block;
  font-size: 90%;
  font-weight: bold;
  color:#FFF;
  text-decoration: none;
  background-color: #000;
  border: solid 1px #333;
  padding: .6em .5em .4em .5em;
}

ul.myButton li#active a {
  color:#FFF;
  background-color: #000;
}

ul.myButton li a:hover, ul.myButton li#active a:hover {
  color: #FFF;
  background-color: #cccccc;
}


ul.myButton li.MoveLeft {
  text-align: left;
  white-space: nowrap;
  float: none;
  margin: .25em 0 .5em 0;
}

ul.myButton li.MoveUp {
  white-space: nowrap;
  margin: -24px 0 0 0;
}


/*
------------------------------------------------------------------
------------------------  FORMS ----------------------------------
------------------------------------------------------------------
*/

#myForm {
  margin: 0;
  padding: 0;
  font-size: 11px;
  }

#myForm thead td{
  padding: .5em;
  color: #666666;
  font-size: 80%;
  text-transform: uppercase;
  }

#myForm tbody td{
  padding: .25em;
  }

#myForm tbody td.description-td {
  vertical-align: top;
  }

#myForm h2 {
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 2.5em;
  margin: .75em 0 .25em 0;
  padding: 0 0 12px 0;
  border-bottom: solid 1px #222;
}

#myForm tbody h3 {
  font-size: 18px; line-height: 1; margin: 1.0em 0 0.5em 0; color: #305a84; font-weight: bold;
 }

#myForm .submit {
  background: #fff;
  padding: 1.5em 0;
  }

#myForm label {
  color: #666;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  display: block;
  margin: 3px 0 2px 0;
  }

label img {
  vertical-align: text-bottom;
  margin-right: 6px;
  margin-left: 6px;
  }

#myForm .line {
  background-color:#cccccc;
  height: 2px;
  padding: 0;
  font-size: 2px;
  line-height: 2px;
}

#myForm input.text {
  background-color: #f5f4f4;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0;
  border: 1px solid #999999;
  }

#myForm input.text:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }


#myForm select.editSelect {
  background-color: #ccc;
  font-size: 95%;
  padding: .125em;
  margin: .125em 0;
  border:1px solid #999999;
  }

#myForm select.editSelect:focus {
  border:1px solid #999999;
  background:#bed1e4;
  }
/* Textareas */
#myForm textarea            { margin:0.125em 0; }
#myForm textarea            { border:1px solid #999; background:#f5f4f4; padding: .125em; }
#myForm textarea:focus      { border:1px solid #999; background:#bed1e4; }


.hiddenDiv {
  display: none;
  }
.visibleDiv {
  display: block;
  }


/*
------------------------------------------------------------------
----------------------- MORE USEFUL STUFF ------------------------
------------------------------------------------------------------
*/

.hide { display: none; }

.prop-theme {
    height: 566px;
    float: right;
    width: 1px;
  }

.clear-both {
  clear: both;
  display: block;
  height: 0;
  overflow: hidden;
  }
.center {
  text-align: center;
  }
.nowrap {
  white-space: nowrap;
  }
.warning {
  color: #FF6600;
  }

.asterix	{
  color: red;
  font-size: 10px;
  position: absolute;
  margin: 0px 0px 0px 3px;
  }

/* some default widths */
.width25 {
  width: 25px;	}

.width50 {
  width: 50px;	}

.width75 {
  width: 75px;	}

.width100 {
  width: 100px;	}

.width125 {
  width: 125px; 	}

.width150 {
  width: 150px;	}

.width175 {
  width: 175px;	}

.width200 {
  width: 200px;	}

.width230 {
  width: 230px;	}

.width235 {
  width: 235px;	}

.width250 {
  width: 250px;	}

.width300 {
  width: 300px;	}

.width350 {
  width: 350px;	}

.wdith400 {
  width: 400px;	}


.up10	{
  margin: -10px 0px 0px 0px;
  }

.up20	{
  margin: -20px 0px 0px 0px;
  }

.up30	{
  margin: -20px 0px 0px 0px;
  }