/** *  main layout for all KCWebPlaza Captivate sub-site */

body {
   margin:0;
   padding:9px 0;
   text-align:left;
   font-size:12px;
   font-family:verdana,arial,monaco,sans-serif;
   }
   /** HEADERS **/
h1, h2, h3, h4, h5 {
   display:block;
   height:auto;
   font-family:Tahoma, Arial, sans-serif;
   letter-spacing:-.01em;
   line-height:1em;
   }
h1 {clear:left;font-size:3em;color:#333;margin-bottom:2px;}
h2 {clear:left;font-size:2em;color:#666666;margin-top:20px;margin-bottom:1px;}
h3 {clear:left;font-size:1.4em;color:#999999;margin-top:8px;margin-bottom:0px;}
h4 {clear:left;font-size:1.2em; color:#424242;margin-top:4px;margin-bottom:0px;}
.h3_purple {clear:left; font-family:Arial, Helvetica, sans-serif;font-size:1.3em; color:#000;margin-top:8px;margin-bottom:0px; font-weight:bold;}
a img {border:0px;}
/** Navigation Bar **/
#navBar {
   clear:both;
   margin:0;
	margin-left:auto;
   margin-right:auto;
   background:url('media/menu_sub_fill.gif') repeat-x;
   text-indent:0em;
   text-align:left;
   vertical-align:middle;
   /**font-weight:bold;**/
   color:#fff;
   border:0;
   }
#navBar a       { padding:0px 0px; color:#fff; }
#navBar a:hover, #navBar a.selected {
   color:#fc0;
   border:none;
   text-decoration:underline;
   }
/** content boxes **/
#boxes {
   clear:both;
   margin:18px 18px 0;
   padding:0;
   vertical-align:top;
   text-align:left;
   }

#boxes div {
   float:left;
   width:270px;
   margin:0 20px 27px 60px;
   padding:0;
   vertical-align:top;
   line-height:1.5em;
   font-size:.9em;
   color:#555;
   }
#boxes div b {
   display:block;
   margin-bottom:5px;
   padding-bottom:2px;
   font-size:1.1em;
   color:#555;
   border-bottom:1px solid #999;
   }
#boxes div img {
   float:left;
   padding:9px 12px 0 0;
   border:0;
   }
#boxes div ul {
   margin:0 0 27px;
   padding:0;
   list-style-type:none;
   }
#boxes div ul li {
   clear:left;
   }
#boxes div ul li img {
   padding:0 9px 15px 0;
   }
#boxes #rel_about {
   width:270px;
   }
#boxes #rel_links {
   margin-right:0;
   }
#boxes #rel_form {
   margin-right:0;
   }
/** body hyperlinks**/
a, a:active {
   color:#9966CC;
   }
a:visited {
   color:#999;
   }
a:hover {
	color:#C4A7E0;
   } 
/* ----- hidden focus borders from mozilla ----- */
:focus { -moz-outline-style: none; }
.bodysmall { font-size:11px; color:#666666;}
.copyright { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; text-align:center;}
.highlightbox {
	margin:10px;
	padding:0.5em;
	border:1px solid #9966CC;
	background:#F5F1FA;
	float:left;
	margin-right:.8em;
	padding-top:0;
}
.highlightbox_right {
	margin:10px;
	padding:0.5em;
	border:1px solid #9966CC;
	background:#F5F1FA;
	float:right;
	padding-top:0;
}
.highlightbox_dark {
	margin:10px;
	padding:0.6em;
	border:1px solid #000;
	color:#FFF;
	background:#7847A9;
	float:left;
	margin-right:.8em;
	margin-top: 0px;
}
table.yx
{
color:#000000;
background-color: #F2f2f2;
font-size: 90%;
font-weight: bold;
padding:0px;
border-top: 1px solid #666;
border-left: 1px solid #666;
border-bottom: 0px solid #666;
border-right: 0px solid #666;
}

table.yx th, table.yx td 
{
padding-bottom:2px;
border-top: 0px solid #666;
border-left: 0px solid #666;
border-bottom: 1px solid #666;
border-right: 1px solid #666;
}

table.pad
{
color:#fff;
background-color: #9966CC;
font-size: .9em;
padding:0px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

table.pad th, table.pad td 
{
padding-bottom:2px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
}

table.control
{
color:#fff;
background-color: #9966CC;
font-size: .98em;
padding:0px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}

table.control th, table.control td 
{
padding-bottom:2px;
border-top: 0px;
border-left: 0px;
border-bottom: 0px;
border-right: 0px;
}