/*------------------------------------------------------------
   GLOBAL
------------------------------------------------------------*/
body
{
   background-color: #666;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   text-align: center;
   line-height: 150%;
   margin: 0 auto;
   padding: 0;
}

a:link, a:visited { color: #036; font-weight: bold; text-decoration: underline; }
a:hover { color: #666; font-weight: bold; text-decoration: underline; }
a:active { color: #036; font-weight: bold; text-decoration: none; }

h1, h2
{
   font-family: arial, helvetica, verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
	line-height: 18px;
	color: #8D7A69;
	margin: 0px 0px 12px 0px;
}

/* Images */
img { border: 0px; }
.imageLeft { margin: 0px 20px 10px 0px; border: 1px solid #999; }
.imageRight { margin: 0px 0px 10px 20px; border: 1px solid #999; }

/* Forms - global */
input
{
   font-size: 1.0em;
   line-height: 1.4em;
}

form .label { color: #333366; }
form .required { font-weight: bold; color: #900; }


/*------------------------------------------------------------
   Page Frame + Header
------------------------------------------------------------*/
#pageFrame
{
   /* background-color: #fff; */
   text-align: left;
   margin: 10px auto 20px auto;
   padding: 0px;
   width: 920px;
}

#header
{
   background-image: url(../graphics/head_back.jpg);
   background-repeat: no-repeat;
   text-align: left;
   width: 920px;
   height: 54px;
}

#headerLeft
{
   width: 660px;
   height: 54px;
   float: left;
}

#headerRight
{
   width: 235px;
   height: 54px;
   float: right;
}

#headerRight #search
{
   margin: 16px 0px 0px 0px;
   padding: 0px;
}

#headerRight #search input
{
   background-color: #003366;
   border: solid 1px #777879;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   line-height: 11px;
   padding: 3px 4px;
   color: #fff;
   width: 180px;
}

/*------------------------------------------------------------
   Top Navigation
------------------------------------------------------------*/
#nav
{
   background-image: url(../graphics/nav_back.gif);
   background-repeat: no-repeat;
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 9px;
   font-weight: bold;
   line-height: 9px;
   color: #fff;
   width: 920px;
   height: 22px;
}

#navLeft 
{
   padding: 0px;
   margin: 6px 0px 0px 41px; 
   float: left;
}

#navRight
{
   padding: 0px;
   margin: 6px 41px 0px 0px;
   float: right;
}

#nav a:link, #nav a:visited { color: #fff; text-decoration: none; }
#nav a:hover { color: #fff; text-decoration: underline; }
#nav a:active { color: #fff; text-decoration: none; }

#art
{
   background-image: url(../graphics/body_back.gif);
   background-repeat: repeat-y;
   background-color: #fff;
   padding-left: 11px;
}

/*------------------------------------------------------------
   Subnav
------------------------------------------------------------*/
.subnav
{ 
	border-left: 1px solid #999; 
	padding: 4px 0px 5px 0px;
 	margin: 0px 0px 5px 0px;	
	/* width: 167px; */
	width: 215px; 
} 

.subnav ul
{
   list-style-type: none;
   margin: 0px;
   padding: 0px;
	/* width: 167px; */
	width: 215px;
}

.subnav ul li
{
   margin: 0px;
   padding: 0px;
}

.subnav a, .subnav a:link,  .subnav a:visited
{ 
	display: block; 
   font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px; 
	font-weight: bold; 	
	text-decoration: none; 
	padding: 3px 0px 3px 5px; 
 	margin: 0px 0px 1px 4px;	
}

/*
.subnav h2
{
   background-color: #334654;
   font-family: geneva, 'Trebuchet MS', helvetica, arial, sans-serif;
	font-size: 10px; 
	font-weight: bold;
	text-align: right;
	color: #fff;
	margin: 0px;
	padding: 1px 8px 1px 0px;
   width: 160px;
}
*/

/*--------------------------------------------------
   Home Page Format - Three Columns + Header
--------------------------------------------------*/
#contentHome
{
   background-image: url(../graphics/home_back.gif);
   background-repeat: repeat-y;
   background-color: #fff;
   overflow: hidden;
	width: 100%;
	border: solid 0px #999;
}

#contentHome #column1
{
   padding: 0px;
   margin: 0px 21px 0px 41px;
   /* width: 207px; */
   width: 145px;
   float: left;
   display: inline;
}

#contentHome #column2
{
   padding: 0px;
   margin: 0px 25px 0px 25px;
   /* width: 450px; */
   width: 400px;
   float: left;
}

#contentHome #column3
{
   padding: 0px;
   margin: 0px 41px 0px 28px;
   /* width: 263px; */
   width: 194px;
   float: right;
}

#contentHome h1, #contentHome h2 { color: #919175; }

/* Technology, Applications, Products, Services headers on home page */
#tech h2, #app h2, #prod h2, #serv h2
{
	font-size: 12px;
	line-height: 12px;
	color: #fff;
	padding: 3px;
	margin: 0px 0px 12px 0px;
	width: 130px;
}

/* rotator in-page placement */
    div#rotator {
	position:relative;
	height: 220px;
}
/* rotator css */
	div#rotator ul li {
	float: left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {
	border:1px solid #ccc;
	padding: 4px;
	background: #FFF;
}
/* rotator css */
	div#rotator ul {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}
    div#rotator ul li.show {
	z-index:500
}

#tech h2 { background-color: #334654; } 
#app  h2 { background-color: #9D8D6C; } 
#prod h2 { background-color: #8D7A69; } 
#serv h2 { background-color: #919175; } 

#tech h2 a, #tech h2 a:link, #tech h2 a:visited, #tech h2 a:hover,
#app h2 a,  #app h2 a:link,  #app h2 a:visited,  #app h2 a:hover,
#prod h2 a, #prod h2 a:link, #prod h2 a:visited, #prod h2 a:hover,
#serv h2 a, #serv h2 a:link, #serv h2 a:visited, #serv h2 a:hover
{ 
   background-repeat: no-repeat;	
   font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #fff;	
	text-decoration: none;
	display: block;
} 

#tech h2 a, #tech h2 a:link, #tech h2 a:visited { background-image: url(../graphics/techbtn.gif); } 
#app h2 a,  #app h2 a:link,  #app h2 a:visited  { background-image: url(../graphics/appbtn.gif); }
#prod h2 a, #prod h2 a:link, #prod h2 a:visited { background-image: url(../graphics/prodbtn.gif); } 
#serv h2 a, #serv h2 a:link, #serv h2 a:visited { background-image: url(../graphics/servbtn.gif); }

#tech h2 a:hover { background-image: url(../graphics/techbtn2.gif); }
#app h2 a:hover  { background-image: url(../graphics/appbtn2.gif); }
#prod h2 a:hover { background-image: url(../graphics/prodbtn2.gif); }
#serv h2 a:hover { background-image: url(../graphics/servbtn2.gif); }

#contentHome p { margin-bottom: 16px; }
/* #tech p, #app p, #prod p, #serv p { margin-bottom: 16px; } */

/*--------------------------------------------------
   Subpage Format: Tech, App, Prod, Serv, Info pages (2 Columns)
--------------------------------------------------*/
#contentTech, #contentApp, #contentProd, #contentServ, #contentInfo
{
   background-image: url(../graphics/body_back.gif);
   background-repeat: repeat-y;
   background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	color: #333;
   line-height: 150%;
   overflow: hidden;
	width: 100%;
}

#contentTech #column1, #contentApp #column1, #contentProd #column1, #contentServ #column1, #contentInfo #column1
{
   margin: 30px 0px 0px 50px;
   padding: 0px;
   /* width: 650px; */
   width: 605px;
   float: left;
   border: solid 0px #999;
   display: inline;
}

#contentTech #column2, #contentApp #column2, #contentProd #column2, #contentServ #column2, #contentInfo #column2
{
   margin: 8px 20px 0px 0px;
   padding: 0px;
   /* width: 170px; */
   width: 215px;
   float: right;
   border: solid 0px #999;
}

/* H1 Headers */  
#contentTech #column1 h1, #contentTech #column1 h2 { color: #334654; }
#contentApp  #column1 h1, #contentApp  #column1 h2 { color: #9D8D6C; }
#contentProd #column1 h1, #contentProd #column1 h2 { color: #8D7A69; }
#contentServ #column1 h1, #contentServ #column1 h2 { color: #919175; }
#contentInfo #column1 h1, #contentInfo #column1 h2 { color: #999; }

/* H2 Headers */  
#contentTech #column1 h2, #contentApp #column1 h2, #contentProd #column1 h2, #contentServ #column1 h2, #contentInfo #column1 h2
{
	font-size: 13px;
	font-weight: bold;	
	text-align: left;
	line-height: 12px;
	color: #666;
   padding: 4px 0px 2px 6px;
	margin: 20px 0px 8px 0px;
	border-style: solid;
	border-width: 1px 0px 0px 12px;
	clear: both;
}

#contentTech #column1 h2 { border-color: #334654; }
#contentApp  #column1 h2 { border-color: #9D8D6C; }
#contentProd #column1 h2 { border-color: #8D7A69; }
#contentServ #column1 h2 { border-color: #919175; }
#contentInfo #column1 h2 { border-color: #999; }

h2.kcHead
{
	border: solid 0px #fff !important;
	font-size: 11px !important;
	font-weight: normal !important;
	text-align: center !important;
	letter-spacing: 2px !important;
	background-color: #333 !important;
	color: #ccc !important;
	margin: 0px 0px 0px 3px !important;
	padding: 4px 0px 4px 0px !important;
	width: 594px !important;
}

/* Subnav (right column) */
#contentTech #column2 h3,
#contentApp #column2 h3,
#contentProd #column2 h3,
#contentServ #column2 h3,
#contentInfo #column2 h3
{
   font-family: helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	line-height: 11px;
	padding: 3px 8px 3px 0px;
	margin: 0px;
	color: #fff;
	width: 207px;
}

#contentTech #column2 h3 { background-color: #334654; }
#contentApp  #column2 h3 { background-color: #9D8D6C; }
#contentProd #column2 h3 { background-color: #8D7A69; }
#contentServ #column2 h3 { background-color: #919175; }
#contentInfo #column2 h3 { background-color: #999; }

#contentTech .subnav a, #contentTech .subnav a:link, #contentTech .subnav a:visited { color: #768892;	background-color: #D7DBDD; } 
#contentTech .subnav a:hover { color: #334654; background-color: #99A3AA; }
#contentTech .subnav a:active { color: #768892; background-color: #D7DBDD;	}
#contentTech .subnav a.menu1Sel { color: #334654; background-color: #99A3AA; }

#contentTech .subnav .menu2 a:hover { background-color: #B8B8B8; }
#contentTech .subnav .menu2 a:active { background-color: #D7DBDD; }
#contentTech .subnav a.menu2Sel { color: #334654; background-color: #B8B8B8; }


#contentApp .subnav a, #contentApp .subnav a:link, #contentApp .subnav a:visited { color: #9D8D6C;	background-color: #E2DDD3; }
#contentApp .subnav a:hover { color: #6D6249; background-color: #BBAF98; }
#contentApp .subnav a:active { color: #9D8D6C; background-color: #E2DDD3; }
#contentApp .subnav a.menu1Sel { color: #6D6249; background-color: #BBAF98; }

#contentApp .subnav .menu2 a:hover { background-color: #C9C4BB; }
#contentApp .subnav .menu2 a:active { background-color: #E2DDD3; }
#contentApp .subnav a.menu2Sel { color: #6D6249; background-color: #C9C4BB; }


#contentProd .subnav a, #contentProd .subnav a:link, #contentProd .subnav a:visited { color: #8D7A69;	background-color: #E3DEDA; } 
#contentProd .subnav a:hover { color: #817060; background-color: #C1B6AD; }
#contentProd .subnav a:active { color:#8D7A69; background-color:#E3DEDA; }
#contentProd .subnav a.menu1Sel { color: #817060; background-color: #C1B6AD; }

#contentProd .subnav .menu2 a:hover { background-color: #CCCCCC; }
#contentProd .subnav .menu2 a:active { background-color: #E3DEDA; }
#contentProd .subnav a.menu2Sel { color: #817060; background-color: #CCCCCC; }

#contentServ .subnav a, #contentServ .subnav a:link, #contentServ .subnav a:visited { color: #919175;	background-color: #DEDED6; } 
#contentServ .subnav a:hover { color: #7C7D64; background-color: #BDBDAD; }
#contentServ .subnav a:active { color: #919175; background-color: #DEDED6;	}
#contentServ .subnav a.menu1Sel { color: #7C7D64; background-color: #BDBDAD; }

#contentServ .subnav .menu2 a:hover { background-color: #C9C7A9; }
#contentServ .subnav .menu2 a:active { background-color: #DEDED6; }
#contentServ .subnav a.menu2Sel { color: #7C7D64; background-color: #C9C7A9; }

#contentInfo .subnav a, #contentInfo .subnav a:link, #contentInfo .subnav a:visited { color: #666;	background-color: #CCC; } 
#contentInfo .subnav a:hover { color: #6D6249; background-color: #BBAF98; }
#contentInfo .subnav a:active { color: #9D8D6C; background-color: #E2DDD3;	}
#contentInfo .subnav a.menu1Sel { color: #6D6249; background-color: #BBAF98; }

#contentInfo .subnav .menu2 a:hover { background-color: #C7C2B9; }
#contentInfo .subnav .menu2 a:active { background-color: #CCC; }
#contentInfo .subnav a.menu2Sel { color: #6D6249; background-color: #C7C2B9; }

/* #contentHome p { margin-bottom: 16px; } */

/*------------------------------------------------------------
   Print / Email
------------------------------------------------------------*/
#printEmail
{
	border-left: 0px solid #999; 
	padding: 0px 0px 0px 4px; 	
 	margin: 0px 0px 12px 0px;
}

#printEmail img 
{ 
   margin: 0px 4px 0px 0px; 
}

#printEmail a, #printEmail a:link, #printEmail a:visited 
{ 
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	color: #999;	
	text-decoration: none; 
} 

#printEmail a:hover { color: #333; }
#printEmail a:active { color: #333; }

/*--------------------------------------------------
   Full Page Format: Calendar, Search, Sitemap
--------------------------------------------------*/
#contentFull
{
   background-image: url(../graphics/body_back.gif);
   background-repeat: repeat-y;
   background-color: #fff;
	font-size: 12px;
	font-weight: normal;
	color: #333;
   line-height: 150%;

   overflow: hidden;
	width: 100%;
   min-height: 300px;         /* For search page */
   height: auto !important;   /* For search page */
   height: 300px;             /* For search page */
}

#contentFull #column1
{
   margin: 30px 0px 0px 50px;
   padding: 0px;
   width: 625px;
   border: solid 0px #999;
}

/* H1 Headers */  
#contentFull h1, #contentFull h2 { color: #999; }

/* H2 Headers */  
#contentFull h2
{
	font-size: 12px;
	font-weight: bold;	
	text-align: left;
	line-height: 12px;
	color: #666;
   padding: 4px 0px 2px 6px;
	margin: 20px 0px 8px 0px;
	border-style: solid;
	border-width: 1px 1px 0px 12px;
}

#contentFull #printEmail
{
   /* margin: -22px 0px 0px 0px; */
   margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px; 	
   float: right;
   border: solid 0px #999;
}

/*------------------------------------------------------------
   Content Type - Gallery
------------------------------------------------------------*/
.gallery
{
   margin: 10px 0px 20px 0px;
   padding: 0px 0px 10px 0px;
   border-bottom: #CCC 1px solid;
}

/*------------------------------------------------------------
   Content Type - News Summary
------------------------------------------------------------*/
.newsSummary, #newsList
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}
   
.newsSummary li, #newsList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.newsSummary li img { margin: 0px 15px 10px 0px !important; }

#newsList li img { margin: 0px 15px 10px 0px; }

.newsSummary .date, #newsList .date { font-weight: bold; }

/*------------------------------------------------------------
   Content Type - Event Summary
------------------------------------------------------------*/
.eventSummary
{
   list-style-type: none;
   margin: 0px 0px 11px 0px;
   padding: 0px 0px 0px 0px;
}

.eventSummary li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

.eventSummary li img { margin: 0px 15px 10px 0px !important; }

.eventSummary .date { font-weight: bold; }

/*------------------------------------------------------------
   Content Type - Search Results
------------------------------------------------------------*/
#searchList, ul#searchList, ol#searchList
{
}
   
#searchList li, ul#searchList li, ol#searchList li
{
   margin: 0px 0px 10px 0px;
   padding: 0px;
}

/*------------------------------------------------------------
   Content Type - Tables
------------------------------------------------------------*/
.table1
{
   border-collapse: collapse;
   border: 0px;
   border-top: solid 1px #ccc;
   border-right: solid 1px #ccc;
}

.table1 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background-color: #6f7e9d;
   color: #fff;
   padding: 4px 8px 4px 8px;
   border: 0px;
}

.table1 .highlight
{
   background-color: #eff1f4;
}

.table1 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 6px 8px 6px 8px;
}

.table2
{
   border-collapse: collapse;
   border: 0px;
}

.table2 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: left;
   background-color: #6f7e9d;
   color: #fff;
   padding: 4px 8px 4px 8px;
   border: 0px;
}

.table2 .highlight
{
   background-color: #eff1f4;
}

.table2 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-bottom: solid 1px #ccc;
   padding: 6px 8px 6px 8px;
}

.table3
{
   border-collapse: collapse;
   border: 0px;
   border-top: solid 1px #ccc;
   border-right: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
}

.table3 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px;
   font-weight: bold;
   color: #c36035;
   border-left: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 4px 8px 4px 8px;
}

.table3 .highlight
{
   background-color: #F8FBE2;
}

.table3 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   border-left: solid 1px #ccc;
   border-bottom: solid 1px #ccc;
   padding: 6px 8px 6px 8px;
}

.table4
{
}

.table4 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 12px; 
   font-weight: bold;
   color: #0767b2;
   padding: 2px 2px 2px 0px;
}

.table4 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
   font-weight: normal;
   padding: 2px 2px 2px 0px;
}

/* Knowledge Center */
.table5
{
   border: 0px;
   border-spacing: 3px;
   margin: 0px;
   padding: 0px;
}

.table5 th
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 11px;
	text-align: left;
	color: #fff;
	line-height: normal;
	font-weight: bold;
	padding: 6px;	
}

.table5 th.col1 { background-color: #334654; }
.table5 th.col2 { background-color: #9D8D6C; }
/* .table5 th.col3 { background-color: #8D7A69; } */
.table5 th.col3 { background-color: #919175; }

.table5 td
{
   font-family: arial, helvetica, verdana, sans-serif;
   font-size: 10px;
   font-weight: normal;
   line-height: 120%;
   padding: 10px 6px 12px 6px;
}

.table5 td.col1 { background-color: #D3D9DD; color: #334654; }
.table5 td.col2 { background-color: #E2DDD3; color: #9D8D6C; }
/* .table5 td.col3 { background-color: #EAECD5; color: #8D7A69; } */
.table5 td.col3 { background-color: #EAECD5; color: #919175; }

.table5 a, .table5 a:link, .table5 a:visited { font-weight: bold; text-decoration: underline; }
.table5 a:hover {font-weight: bold; text-decoration: none; }

.table5 td.col1 a, .table5 td.col1 a:link, .table5 td.col1 a:visited { color: #334654; }
.table5 td.col1 a:hover, .table5 td.col1 a:active { color: #001E3D; }

.table5 td.col2 a, .table5 td.col2 a:link, .table5 td.col2 a:visited { color: #9D8D6C; }
.table5 td.col2 a:hover, .table5 td.col2 a:active { color: #001E3D; }

/*
.table5 td.col3 a, .table5 td.col3 a:link, .table5 td.col3 a:visited { color: #8D7A69; }
.table5 td.col3 a:hover, .table5 td.col3 a:active { color: #001E3D; }
*/

.table5 td.col3 a, .table5 td.col4 a:link, .table5 td.col3 a:visited { color: #919175; }
.table5 td.col3 a:hover, .table5 td.col3 a:active { color: #001E3D; }

/*------------------------------------------------------------
   FOOTER
------------------------------------------------------------*/
#footer
{
   background-image: url(../graphics/footer_back.gif);
   background-repeat: no-repeat;
   font-family: arial narrow, helvetica, arial, sans-serif;
   font-size: 11px;
   letter-spacing: .8px;
   color: #fff;
   width: 920px;
   height: 57px;
}

#footer2
{
   font-family: arial narrow, helvetica, arial, sans-serif;
   font-size: 10px;
   letter-spacing: .7px;
   font-weight: normal;
   color: #fff;
   width: 920px;
   height: 40px;
}

.footerLeft
{
   width: 208px;
   float: left;
}

.footerRight
{
   width: 712px;
   float: right;
}


#footer .footerLeft p { margin: 11px 0px 0px 36px; padding: 0px; }
#footer .footerRight p { margin: 11px 0px 0px 25px; padding: 0px; letter-spacing: 1px; }

#footer2 .footerLeft p { margin: 5px 0px 0px 41px; padding: 0px; }
#footer2 .footerRight p { margin: 5px 35px 0px 25px; padding: 0px; text-align: right; }

#footer a:link, #footer a:visited, #footer2 a:link, #footer2 a:visited { color: #fff; text-decoration: none; }
#footer a:active, #footer a:hover, #footer2 a:active, #footer2 a:hover { color: #fff; text-decoration: underline; }