/*
   screen.css
   kytec
   
   Created by Cale Woodley on 2008-11-08.
   Copyright 2008 Webfirm. All rights reserved.
*/

@import url("reset.css");
@import url("superfish.css");

body {
  background: #fff url('../images/core/body-background.gif') repeat-x;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  font-size: 0.75em;
}

#wrap {
  width: 100%;
  position: absolute;
  top: 0;
  margin: 0 auto; 
  z-index: 5;
  background: url('../images/core/wrap.jpg') no-repeat 50% 0;
}

#container {
  width: 950px;
  height: auto;
  margin: 0 auto;
  padding: 0 15px 0 15px;

  display: block;
  background: url('../images/core/bg-alpha.png') repeat-y 0 0;
}

#container h1,
#container h2,
#container h3,
#container h4,
#container h5 {
  font-family: Arial, Verdana, sans-serif;
}


/* =header
***********************************/
#header {
  width: 948px;
  height: 78px;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 80;
}

#header img#logo {
  float: left;
  display: inline;
  margin: 15px 0 0 5px;
}


/* =nav
***********************************/
#navigation {
  float: right;
  display: inline;
  margin: 40px 30px 0 0;
}

ul.sf-menu li {
  float: left;
  display: inline;
  position: relative;
  z-index: 80;
}

ul.sf-menu a {
  font-size: 0.8333em;
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  margin: 0 10px 0 0;
}

ul.sf-menu a:hover {border-bottom: 2px solid #ec9c30;}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  top: 1.5em;
}

.sf-menu li:hover ul a,
.sf-menu li.sfHover ul a {
  padding: 5px;
  margin: 0 0 -2px 0;
  background: #ec9c30;
  color: #fff;
  border: 2px solid #fff;
}

.sf-menu li:hover ul a:hover,
.sf-menu li.sfHover ul a:hover {
  background: #FFA832;
  border: 2px solid #fff;
}


/* =banner
***********************************/
#banner {
  width: 950px;
  height: 236px;
  border-bottom: 1px solid #d1d1d1;
  position: relative;
  z-index: 60;
  background: url('../images/core/banner-background.jpg') no-repeat 0 0;
}

/*
#banner #flash {
  width: 387px;
  height: 206px;
  overflow: hidden;
  float: left;
  display: inline;
  margin: 15px 0 0 0;
}

#banner #contentbox {
  float: right;
  display: inline;
  margin: 8px 0 0 0;
  width: 232px;
  height: 169px;
  padding: 30px 20px 0;
  font-size: 0.833em;
  background: url('../images/core/banner-contentbox-background.jpg');
  overflow: hidden;
}

#banner #contentbox h2 {
  font-size: 1.8em;
  text-transform: uppercase;
  color: #504a42;
}

#banner #contentbox p {
  line-height: 1.5em;
  margin: 10px 0;
}

*/

/* =columns
***********************************/
#columns {
  width: 948px;
  height: 245px;
  margin: 0 auto;
  display: block;
  border-bottom: 1px solid #d1d1d1;
  background: url('../images/core/columns-background.gif') n0-repeat 0 0;
  font-family: Arial, Verdana, sans-serif; 
}

#columns .section {
  width: 234px;
  height: 245px;
  float: left;
  display: inline;
  border-left: 1px solid #f0f0f0;
}

#columns .section h2 {
  font-size: 1.17em;
  text-transform: uppercase;
  color: #504a42;
  line-height: 44px;
  padding: 0 0 0 15px;
  background: url('../images/core/section-h2-background.gif') repeat-x 0 0;
}

#columns a {color: #f58807; text-decoration: underline;}
#columns a:hover {text-decoration: none;}

#columns .section-image {width: 234px; overflow: hidden;}

#columns .section p {font-size: 0.833em; line-height: 1.8em; color: #646362; margin: 0 40px 0 10px;}


/* LATEST NEWS */
#columns #news {width: 243px; border: none!important;}

#columns #news-items span.news-item-date {font-size: 0.8em; font-weight: bold; color: #a1a0a0;}
#columns #news-items h3 {font-size: 1em; color: #282425;}
#columns #news-items p {font-size: 0.8em; line-height: 1.3em; color: #646362; margin: 0;}

#columns #news-items li {
  margin: 5px 15px;
}

#columns #news-items div.news-item-image {
  width: 33px;
  height: 33px;
  border: 1px solid #ccc;
  float: left;
  display: inline;
  margin: 10px 5px 0 0;
}


/* =content
***********************************/
#content {
  width: 918px;
  padding: 0 30px 0 0;
  background: url('../images/core/content-background.jpg') no-repeat 1px 0;
}



#content h1 {font-size: 2em; margin: 0 0 20px 0;}

#content h2 {text-transform: uppercase; font-size: 1.3em;}

#content h3,
#content h4,
#content h5 {font-size: 1.2em;}

#content p {line-height: 1.5em; margin: 10px 0;}

#content a {color: #f58807; text-decoration: underline;}
#content a:hover {text-decoration: none;}

#content a.pdf {background: url('../images/icon-pdf.gif') 0 2px no-repeat; padding-left: 22px; padding-bottom: 2px;}
#content a.doc {background: url('../images/icon-word.gif') 0 2px no-repeat; padding-left: 22px; padding-bottom: 2px;}
#content a.file {background: url('../images/icon-file.gif') 0 2px no-repeat; padding-left: 22px; padding-bottom: 2px;}

#content abbr {
  border-bottom: 1px dotted #b4b4b4;
}

#content hr {
  height: 0;
  border: none;
  border-bottom: 1px solid #b4b4b4;
  margin: 10px 0;
}

hr.clear {clear: both; display: block;}

#content ul, #content ol {
  margin: 10px 0 10px 20px;
}

#content ul li {list-style: disc; line-height: 18px; margin-bottom: 3px;}
#content ol li {list-style: decimal; line-height: 18px;margin-bottom: 3px;}

#content table {
  width: 100%;
  clear: both;
  margin: 0 0 20px 0;
}

#content table caption {
 font-size: 1.3em;
 font-weight: bold;
 color: #000;
 border-bottom: 2px solid #000;
}

#content table tr {border-bottom: 1px solid #ccc;}
#content table th {text-align: left;padding: 3px;}
#content table td {padding: 3px;}

#content blockquote {font-style: italic; color: #666;}
#content p.quote-source {text-align: right; margin: 0 0 40px 0;}

#content img.float-left {float: left; display: inline; margin: 5px 5px 5px 0; border: 2px solid #ccc;}

#content .featurebox {
  float: right;
  width: 140px;
  display: inline;
  margin: 10px 0 10px 10px;
  padding: 5px;
  background: #F2F2F2;
  border: 1px solid #ccc;
  text-align: center;
}

#content .featurebox img {
  border: 1px solid #ccc;
  margin: 4px 0;
}

#content .featurebox .files a {display: block; margin: 4px 0; padding: 4px 0 4px 22px; border: 1px solid #F2F2F2; text-align: left; color: #646362; text-decoration: underline;}
#content .featurebox .files a:hover {background-color: #ccc; color: #000; border: 1px solid #fff; text-decoration: none;}


/* SECONDARY */
#content #secondary {
  float: left;
  display: inline;
  width: 246px;
  height: auto;
  margin: 0 20px 20px 0;
  border-right: 1px solid #d1d1d1;
}

body#page-index #content #secondary, body#page-contact #content #secondary {width: 244px;}

#content #secondary .img-cycle1 { background-color: #fff; border: 1px solid #d1d1d1; border-bottom: none!important; padding: 5px 5px 0 5px; width: 230px; height: 175px; margin: 5px 0 0 4px; clear: both; overflow: hidden!important; }
body#page-index #content #secondary .img-cycle1 { margin: 15px 0 0 4px; }
#content #secondary .img-cycle2 { background-color: #fff; border: 1px solid #d1d1d1; border-top: none!important; padding: 5px; width: 230px; height: 175px; margin: 0 0 0 4px; clear: both; overflow: hidden!important; }
body#page-index #content #secondary .img-cycle2 { margin: 0 0 0 4px; }
#content #secondary .img-cycle1 img, #content #secondary .img-cycle2 img { display: block; clear: both; }

#content #secondary #news {
  background: #F2F2F2;
  border: 1px solid #d1d1d1;
  border-top: 0;
  border-right: 0;
  font-size: 10px!important;
}

#content #secondary #news h2 {
  line-height: 33px;
  font-size: 1.3em;
  text-transform: uppercase;
  color: #504a42;
  line-height: 40px;
  padding: 0 0 0 15px;
  background: url('../images/core/section-h2-background.png') repeat-x;
}

#content #secondary #news span.news-item-date {color: #a1a0a0; font-size: 1em;}
#content #secondary #news h3 {font-size: 1.2em;}
#content #secondary #news p {margin: 0; font-size: 1.1em; }

#content #secondary #news ul {margin: 10px;}
#content #secondary #news li {list-style: none; margin: 0 0 10px 0;}


/* NEWS LISTING */
#news-articles {
  width: 620px;
  float: right;
  display: inline;
  font-size: 1.2em;
}

#news-articles dt {font-weight: bold; font-size: 1.1em; display: block;}
#news-articles dd {display: block; font-size: 12px!important;}
#news-articles dd.article-date {font-weight: bold; color: #a1a0a0; padding: 5px 0; }
#news-articles dd.article-body {margin: 0 0 20px 0;}
#news-articles dd.article-body p, #news-articles dd.article-body span {margin: 0 0 10px 0; font-size: 12px!important; line-height: 18px!important; }

#news-articles .article-image {
  float: left;
  display: inline;
  margin: 5px 10px 0 0;
  width: 124px;
  height: 124px;
  overflow: hidden;
}

#news-articles .article-image img {border: 2px solid #ccc;}

.nonews {
	padding-left:5px;
}

.main-contents { width: 620px; height: auto; display: inline; margin: 20px 0 0 0; float: right; padding-bottom: 30px; }
.main-contents p, .dynamictext p { margin: 0 0 25px 0}
.main-contents table,  .main-contents td { vertical-align: top!important; border-collapse: collapse!important; border-spacing: 0!important;}
.main-contents table { width: 99%; background-color: #fff; border: 1px solid #d2d2d2!important; margin: 20px 0!important; }
.main-contents td { vertical-align: top!important;  padding: 7px 5px!important; }
.main-contents td.title { padding: 10px 5px!important; background-color: #e5e5e5!important; }
.back { border-bottom: 1px dotted #d2d2d2; border-top: 1px dotted #d2d2d2; margin-bottom: 20px; padding: 2px 10px 5px 0; font-size: 0.9em; text-align: right; }

/* =footer
***********************************/
#footer {
  width: 950px;
  height: 50px;
  padding: 15px 15px 0 15px;
  background: url('../images/core/bg-footer.png') no-repeat 0 0;
  color: #555;
  font-size: 0.833em;
  line-height: 1.4em;
  margin: 0 auto;
  display: block;
}

#footer p {float: left; display: inline;}

#footer p a {color: #555; text-decoration: none; margin: 0 10px 0 0;}
#footer p a:hover {text-decoration: underline;}

#footer img {float: right; display: inline; margin: 0 10px;}


div.dynamictext div {
	padding:10px;
}