/* CSS Document */

body, td{
	background: #fff; /*background of main content*/
	font-family: verdana;
	margin: 0px;
	padding: 0px;
	}

/* -------- Page Head Bar (Title + Image) ------------- */

  #pagehead	{
	width: 100%;
	height: 64px;
	background: url(/assets/header_background.gif);
	min-width: 725px;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #000;
	}

  #pagehead h1 {
	font-size: 320%;
	color: #fff;
	font-weight: bold;
	font-family: "trebuchet MS";
	padding: .3em;
	margin: 0em;
	}
	
  #pagehead h1 span {
	font-size: 40%;
	color: #fff;
	font-weight: bold;
	font-family: "trebuchet MS";
	padding: .3em;
	margin: 0em;
	}
	
/* ---------------------------------------------------- */




/* ---- Styles to help IE/PC handle min-width --------- */

  #columnswrapper {
	clear: both;
	display: block;
	padding: 0px;
	margin: 0px;
	width: 100%;
	min-width: 825px;
	padding-top:0px;
	background: #fff; /*background of right side*/
	}
	
  div.spacer /* used to force IE/PC to keep a min-width to the page */ {
	clear: both;
	width: 725px;
	}

/* ---------------------------------------------------- */




/* ---- REFERENCE ONLY: used to demonstrate the IE/PC Box Hack --------- */
/* ---- which allows IE/PC to use the correct box model sizing --------- */
/* ---- to match compliant browsers like Mozilla and Opera.    --------- */

  #foo {
    padding: 10px;
    border: 1px solid red;
    width: 222px;
	voice-family: "\"}\"";
 	voice-family: inherit;
	width: 200px;
	}

/* --------------------------------------------------------------------- */


/* ======================================================= */
/* ========== STANDARD TWO-COLUMN CONTENT PAGES ========== */
/* ======================================================= */


/* -------- infoNav Column (includes navigation + general info) ----------- */

  .infoColumn	{
	background: #fff; /*background of left column*/
	padding: 0%;
	margin: 0%;
	width: 25%;
	valign: top;
	}

  .infoColumn h2 {
	width: auto;
	padding: 3px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	background: #006854; /*#669--dark blue--column headers*/
	border-top: 1px solid #009977; /*8585ad*/
	border-right: 1px solid #404060;
	border-bottom: 1px solid #404060;
	border-left: 1px solid #009977; /*8585ad*/
	}

  .infoColumn h3 {
	font-size: 100%;
	font-weight: bold;
	color: #900;
	margin-bottom: -1em;
	}

  .sideBarContent {
	padding: 7px;
	}

/* Side Bar Navigation */

.primaryNav {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #dcc;
	color: #fff;
	border-bottom: 1px solid #000;
	}

.primaryNav h2 {
	border-top: 1px solid #330;
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #ffc;
	color: #330;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	margin: 0%;
	}
	
.primaryNav h3 {
	border-top: 1px solid #330;
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #c4ccff;
	color: #505577;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	margin: 0%;
	}
	
.primaryNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	}
	
.primaryNav li {
	margin: 0;
	padding: 0;
	}
	
.primaryNav li a{
	border-bottom: 1px solid #006854; /*#a2a9cc4--button border color*/
	display: block;
	padding: 5px 5px 5px 5px;
	background-color: #009977; /*#9198bf--light blue--background of buttons--#60C659--light green */
	color: #fff;  /*white--color of words on sidebar*/
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}
	
html>body .button li a {
	width: auto;
	} /* used since the width: 100% above screws up IE5/mac and Moz. */

.primaryNav li a.on{
	border-bottom: 1px solid #b22;
	display: block;
	background-color: #900;
	}
	
html>body .button li a.on {
	width: auto;
	} /* used since the width: 100% above screws up IE5/mac and Moz. */
	

.primaryNav li a:hover {
	display: block;
	padding: 4px 4px 5px 4px;
	background-color: #00563F; /*#585b74--dark blue--hover over*/
	border-top: 1px #009977 solid; /*#ddf*/
	border-left: 1px #009977 solid; /*#9c9fb8*/
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}

.primaryNav li a.on:hover {
	display: block;
	background-color: #600;
	border-top: 1px #822 solid;
	border-left: 1px #822 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	color: #fff;
	}



.primaryNav ul ul{
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	}
	
.primaryNav ul ul li{
	padding: 0px;
	margin: 0px 0px 0px 1.5em;
	}
	
.primaryNav ul ul li a{
	border-bottom: 1px solid #833;
	display: block;
	padding: 3px 5px 3px 5px;
	background-color: #a33;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}

.primaryNav ul ul li a:hover {
	display: block;
	padding: 2px 4px 3px 4px;
	background-color: #500;
	border-top: 1px #a55 solid;
	border-left: 1px #a55 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}



/* NOTE THAT THE FOLLOWING SECONDARY NAVIGATION STYLES ARE NOT BEING USED ANYMORE */


.secondaryNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border: none;
	}
	
.secondaryNav li {
	padding: 0px;
	margin: 0px 0px 0px 1.5em;
	}
	
.secondaryNav li a{
	border-bottom: 1px solid #833;
	display: block;
	padding: 3px 5px 3px 5px;
	background-color: #a33;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}
	
html>body .button li a {
	width: auto;
	} /* used since the width: 100% above screws up IE5/mac and Moz. */

	

.secondaryNav li a:hover {
	display: block;
	padding: 2px 4px 3px 4px;
	background-color: #500;
	border-top: 1px #a55 solid;
	border-left: 1px #a55 solid;
	border-right: 1px #000 solid;
	border-bottom: 1px #000 solid;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	}
	
/* ------------------- */

/* ------------------------------------------------------------------------ */





/* ----------------- Content Column (Main content) ------------------------ */

  .contentColumn {
	background: #fff; /*background of main contents*/
	padding: 0;
	width: 75%;
	border-left: 1px solid #000;
	voice-family: "\"}\"";
    voice-family: inherit;
	padding: 1%;	}

  .content {
  	padding: 7px;
	}

  .content h2 {
	width: auto;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-size: 250%;
	font-weight: bold;
	color: #900;
	}

  .content h3  {

	font-size: 150%;
	font-weight: bold;
	color: #900;
	}
	
  .content h4  {

	font-size: 125%;
	font-weight: bold;
	color: #000;
	}

  .contentColumn ul {
	display: block;
	text-align: left; 
	list-style-position: outside;
	margin: 5px; 
	padding: 0px 0px 0px 20px; 
	border: 0px solid #ccc;
	border-bottom: 1px dashed #900;
	}
	
  .contentColumn li {
	list-style-position: outside;
	margin-bottom: 10px; 
	border: 0px solid #666;
	}	
	
  .contentColumn li a {
	color: #009;
	text-decoration: none;
	border-bottom: 1px solid #ccf;
	}
	
  .contentColumn li a:hover {
	background: #ddf;
	}
	
  .contentColumn li a:visited {
	color: #669;
	text-decoration: none;
	border-bottom: 1px solid #dde;
	}
	
  li.wordfile {
	list-style: url(/assets/icon_file_word.gif);}
	
  li.wordtemplate {
	list-style: url(/assets/icon_file_worddot.gif);}
	
  li.pdffile {
	list-style: url(/assets/icon_file_pdf.gif);}
	
  li.xlsfile {
	list-style: url(/assets/icon_file_xls.gif);}
	
  li.pptfile {
	list-style: url(/assets/icon_file_ppt.gif);}
	
  li.externallinks {
	list-style: url(/assets/icon_offsitelink.gif);}
	
  li.anchorlink {
	list-style: url(/assets/icon_anchorlink.gif);}


/* ------------------------------------------------------------------------ */

  .twoColumn {
  	width: 50%;
	padding: 10px;
	border-right: 1px solid #000;
	background: #fff;
	}


/* ----------------- List of files or links ------------------------ */

  .fileLinkList h2 {
	width: auto;
	padding: 3px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #fff;
	background: #900;
	border-top: 1px solid #ff5e5e;
	border-right: 1px solid #5c0000;
	border-bottom: 1px solid #5c0000;
	border-left: 1px solid #ff5e5e;
	}

  .fileLinkList h3  {
	padding: 4px 0px 0px 0px;
	margin: 0px;
	font-size: 100%;
	font-weight: bold;
	color: #333;
	}

  .fileLinkList ul {
	display: block;
	text-align: left;
	list-style-position: outside;
	margin: 5px;
	padding: 0px 0px 0px 20px;
	border: 0px solid #ccc;
	border-bottom: 1px dashed #900;
	}
	
  .fileLinkList li {
	list-style-position: outside;
	margin-bottom: 10px;
	border: 0px solid #666;
	}	
	
  .fileLinkList li a {
	color: #009;
	text-decoration: none;}
	
  .fileLinkList li a:hover {
	background: #ddf;
	}
	
  .fileLinkList li a:visited {
	color: #669;
	}
	
  .fileLinkList li.wordfile {
	list-style: url(../icon_file_word.gif);}
	
  .fileLinkList li.pdffile {
	list-style: url(../icon_file_pdf.gif);}
	
  .fileLinkList li.xlsfile {
	list-style: url(../icon_file_xls.gif);}
	
  .fileLinkList li.externallinks {
	list-style: url(../icon_offsitelink.gif);}
	
  .fileLinkList li.anchorlink {
	list-style: url(/assets/icon_anchorlink.gif);}
	
  .fileLinkList li.popup {
	list-style: url(/assets/icon_popup.gif);}
	
/* ----------------------------------------------------------------- */	
	
/* ------------------ Tertiary Navigation (horizontal) ------------- */

.tertiarynav ul {
	width: 100%;
	margin: 0;
	padding: 3px;
	display: inline;
	border: 0px;
	border: 1px solid #c4cbef;
	} 

.tertiarynav ul li {
	margin-left: 0;
	padding: 2px 8px 2px 2px;
	list-style: none;
	display: inline;
	}

.tertiarynavvert ul {
	margin: 0;
	padding: 3px;
	border: 0px;
	} 

.tertiarynavvert ul li {
	margin-left: 0;
	padding: 2px 8px 2px 2px;
	list-style: inside;
	}
	
/* ----------------------------------------------------------------- */
	
	
	
	
  .calendar, .news {
	width: auto;
	padding: 3px;
	margin: 0px;
	background: #e6e6e6;
	border-top: 1px solid #efefef;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #efefef;
	}

/* --------------------------- Page Footer -------------------------------- */
	
#footer {
	width: 100%;
	float: left;
	background: #006854; /*background of footer*/
	color: #fff;
	font-weight: bold;
	min-width: 130px;
	padding: 10px;
	margin: -1px;
	border-top: 1px solid #000;
	}

/* ------------------------------------------------------------------------ */





/* ----------------------- Form Styles ------------------------ */

.searchform {
	background-color: #c4cbef;
	border-top: 2px solid #d5dcff;
	border-right: 2px solid #9198bf;
	border-bottom: 2px solid #9198bf;
	border-left: 2px solid #d5dcff;
	padding: 5px}

form div.row {
  clear: both;
  padding: 5px 0px 5px 0px;
  border-top: 1px solid #d5dcff;
  }

form .row span.label {
  float: left;
  width: 124px;
  text-align: right;
  padding: 3px;
  font-weight: bold;
  }

form .row span.formw {
  float: right;
  width: 240px;
  text-align: left;
  padding: 3px;
  } 
  
form div.spacer { 
  clear: both;
  font-size: 1px;
  height: 1px;
  width: 10px;
  } 

form .button {
  font-weight: bold;
  background: #900;
  color: #fff;
  border: 2px solid #000;
  border-bottom: 2px solid #000;
  border-top: 2px solid #c33;
  border-left: 2px solid #c33;
  }
  
form text {
	background-image: url(/assets/form_dropshadow.jpg);
	}
 
form select {
  background: #fff;
  border: 1px solid #000;
  padding: 0;
  margin: 1px;
  }
  
form .tip {
  font-size: 80%;
  color: #900;
  font-weight: normal;
  }
  
form .textfield {
	background: #fff url(/assets/form_dropshadow.jpg) no-repeat top left;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 0px;
	border-bottom: 0px;
	color: #000;
	font-weight: normal;
	}
  
/* ------------------------------------------------------------ */

/* ----------------------- Data Table Styles ------------------------ */

.tablelist {
	border-collapse: collapse;
	margin: 15px;
	}
	
.tablelist caption {
	background: #eee;
	font-weight: bold;
	text-align: left;
	padding: 5px;
	}

.tablelist th {
	background: #c4cbef;
	font-weight: bold;
	font-size: 70%;
	text-align: left;
	padding: 5px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #a2a9cd;
	border-right: 1px solid #a2a9cd;
	}
	
.tablelist td {
	text-align: left;
	padding: 5px;
	border-bottom: 1px dashed #ccc;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	}
	
/* --------------------------------------------------------------------- */

/* ------------------------- What's New Box ---------------------------- */

.whatsnew {
	background: #fff;
	border: 2px solid #9198bf;
	padding: 10px;
	margin: 20px 0px 20px 0px;
	}
	
.whatsnew h3 {
	background: #c4cbef;
	margin: -10px -10px 0px -10px;
	padding: 10px;
	}

/* --------------------------------------------------------------------- */


/* -------------------------- Table Styles ----------------------------- */

.infoTable {
	background: #fff;
	font-size: 100%;
	}

.infoTable caption {
	text-align: left;
	padding-bottom: 10px;
	}

.infoTable th {
	text-size: 100%;
	background: #c4cbef; 
	color: #000; 
	font-weight: normal;
	padding: 3px;
	margin: 0px;
	text-align: left;
	border-left: 1px solid #fff;
	}	
	
.infoTable td {
	background: #fff; 
	color: #000; 
	font-weight: normal;
	border-bottom: #eee 1px solid;
	padding: 3px;
	padding-left: 8px;
	margin: 0px;
	}
	
/* --------------------------------------------------------------------- */

/* ----------------------------- Misc. --------------------------------- */

.date {
	color: #666;
	font-style: italic;
	}

/* -------------------------- CtForms Styles ----------------------------- */

.translatedform {
	background: #ffc;
	color: #666;
	font-size: 9px;
	font-weight: bold;
	border: 1px solid #666;
	padding: 2px;
	cursor: help;
	}