/* ============ elements & gloabal settings ======= */
body {
	padding: 0;
	margin: 0;
	font: 76% arial, helvetica, sans-serif;
	color: #666;
	background: url(../images/bg_footer_under_tile.gif) repeat-y right;
}
/* ------------ relative font sizes --------------- */
h1 {
	font-size: 2.0em;
}
h2 {
	margin-top: 0;
	font-size: 1.9em;
	/*color: #9f93d4;*/
	color: #4C4D9D;
	font-family: "Century Gothic", arial, helvetica, sans-serif;
}
h3 {
	font-size: 1.4em;
	margin: 0;
}
div.productText h3, div.newsItemFull h3 {
	font-size: 1.4em;
	background: url(../images/bullet_grey_square.gif) no-repeat 0 0.2em;
	padding: 0 0 0 18px;
	margin: 0;
	border-bottom: 1px solid #D7D7E7;
}

h4 {
	font-size: 1.3em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.0em;
}
p, ol, ul, li {
	font-size: 1.0em;
}
h1,h3,h4,h5,h6 {
	font-family: arial, helvetica, sans-serif;
	color: #4c4c92;
}
/* ------------ line heights ---------------------- */
.newsbody, li{
	line-height: 1.7em;
}
p {
	line-height: 1.5em;
}
ul.box li {
	line-height: 1.4em;
}
/* ------------ margins --------------------------- */
h3, h4, h5, h6 {
	margin-bottom: 0.2em;
}
h4.box {
	margin-bottom: 0.6em;
}
h5, h6 {
	margin-bottom: 0;
}
/* adjacent sibling selectors not supported by: 
ie except ie5 (mac)
nn4
opera 3.5 */
h5 + p, h6 + p {
	margin-top: 0;
}
/* ------------ misc elements --------------------- */
address {
	display: inline;
	font-style: normal;
	font-weight: normal;
}
img {
	border: none;
}
img.floatRight {
	float: right;
	margin: 0 0 10px 10px;
}
img.multimap {
	margin: 10px;
}
a {
	font-weight: bold;
	text-decoration: none;
}
a:link {
	color: #000;
}
a:visited {
	color: #000;
}
a:hover {
	color: #0a47fc;
}
a:active {
	color: #0a47fc;
}
label {	
	display: block;
	font: bold 0.9em tahoma, verdana, geneva, sans-serif;
	margin: 0 0 2px 0;
}
input.button {
	margin-top: 1em;
}
span.required {
	color: #0a47fc;
	font-size: .9em;
	font-weight: normal;
	letter-spacing: 1px;
}
input, textarea, select {
	border: 1px solid #4c4c92;
	margin: 2px 0 10px 0;
	background: #FBFBFF;
	color: #666;
	font-family: verdana, geneva, helvetica, sans-serif;
	font-size: 1em;
}

option {
	border: 0;
}
/* ============  MAIN PAGE BLOCKS ================= */
div#contentWrapper {
	background: #fff;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
}
table.content {
	width: 100%;
}
table.content tr td.contLeft {
	width: 185px;
	border-right: 20px solid #fff;
}
table.content tr td.contMiddle {
	background: transparent;
}
table.content tr td.contRight {
	width: 190px;
	border-left: 20px solid #fff;
}

#banner {
	padding: 0;
	margin: 0;
	background: url(../images/bg_header2.gif) no-repeat top right;
}
#banner ul {
	margin: 0;
	padding: 42px 10px 0 0;
	float: right;
	list-style: none;
}
#banner ul li {
	background: url(../images/bullet_grey_arrow.gif) no-repeat 0 0.7em;
	float: left;
	padding: 0 22px 0 12px;
}
#banner ul li a {
	text-decoration: none;
}
#banner ul li a:link, #banner ul li a:visited {
	color: #fff;
}
#banner ul li a:hover, #banner ul li a:active {
	color: #ff7f00;
}
#banner img {
	padding: 0 0 0 18px;
}
/* ========= Home Page Boxes ============= */
#homeBoxes {
	width: 100%;
	margin: 20px 0;
}
#homeBoxes h5 {
	margin: 0 0 10px 0;
	padding: 5px 10px 5px 24px;
	border-bottom: 1px solid #9292C6;
	background: #EAEAFF url(../images/bullet_blue_arrow_smaller.gif) no-repeat 0.9em 0.8em;
}
#homeBoxes p {
	margin: 10px;
}
#homeBoxes img {
	float: left;
	margin: 5px 10px;
	border: 1px solid #9292C6;
}
#boxLeft {
	background: #F4F4FF;
	width: 31%;
	float: left;
	border-width: 1px 0;
	border-style: solid;
	border-color: #D4D5FF;
}
#boxMiddle {
	background: #F4F4FF;
	width: 32%;
	float: left;
	margin: 0 2.9%;	
	border-width: 1px 0;
	border-style: solid;
	border-color: #D4D5FF;	
}
#boxRight {
	background: #F4F4FF;
	width: 31%;
	float: left;	
	border-width: 1px 0;
	border-style: solid;
	border-color: #D4D5FF;	
}

/* ========= Three Column Layout =========== */
div.threeColumns {
	width: 100%;
}
div.col1 {
	width: 38%;
	float: left;
}

div.col2, div.col3 {
	width: 30%;
	float: left;
}
div.col1 {
	background: #FBFBFF;
	border-width: 1px 0;
	border-style: solid;
	border-color: #F0ECFF;	
}
div.col2 {
	margin-left: 1%;
}
div.threeColumns h4 {
	margin: 0;
	padding: 3px 10px;
}
div.threeColumns p {
	padding: 3px 10px;
	margin-top: 0;
}


/* ========== Projects Table ========= */
table.projects {
	margin-top: 25px;
	width: 100%;
}
table.projects h3 {
	font-size: 1em;
	margin: 0;
}
table.projects p {
	font-size: 0.9em;
	padding: 0 10px 0 0;
	margin-top: 0;
}
table.projects tr td.image {
	padding: 0 15px 15px 0;
	margin: 0;
}
table.projectLayout {
	width: 98%;
	/*margin-right: 16px;*/
	background: #C6C6DD;
}
table.projectLayout p {
	color: #000;
}
table.projectLayout img {
	border-right: 1px solid #fff;
	margin: 0 12px 0 0;
	display: block;
}
table.projectLayout2 {
	width: 98%;
	/*margin-right: 16px;*/
	background: #C6C6DD;	
} 
table.projectLayout2 p {
	color: #000;
	margin-left: 12px;
}
table.projectLayout2 img {
	border-left: 1px solid #fff;
	margin: 0 0 0 12px;
	display: block;
}
h2.project {
	border-style: solid;
	border-color: #b2b2b2;
	border-width: 0 0 1px 0;	
	padding: 0 0 7px 0;
}
div.pageHeading {
	background: none;
	border-style: solid;
	border-color: #b2b2b2;
	border-width: 1px 0;
	padding: 15px 0;
}
div.pageHeading h2 {
	margin: 0;
	padding: 0;
}
div.pageHeading p {
	margin: 0;
}
div.titleImage {
	background: #c6c6dd;
	float: left;
	width: 196px;
	margin: 0 1em 0 0;
}
div.titleImage img {
	border-width: 0 1px 0 0;
	border-style: solid;
	border-color: #fff;
	display: block;
}

div.twoColumns {
	width: 100%;	
}
div.twoColumns h2 {
	border-style: solid;
	border-color: #b2b2b2;
	border-width: 0 0 1px 0;	
	padding: 0 0 7px 0;
}
div.colOne, div.colTwo {
	width: 49.9%;
	float: left;
}
div.projectImage {
	background: #c6c6dd;
	width: 98%;
}
div.projectImage img {
	display: block;
	border-right: 1px solid #fff;
}
div.productIntro {
	background: #D7D7E7;
	border-bottom: 1px solid #8F90C5;
	margin-bottom: 16px;
	width: 100%;
	color: #000;
}
div.productIntro img {
	float: left;
	border-right: 1px solid #fff;
	margin: 0 10px 0 0;
}
div.productIntro p {
	padding: 3px;
	margin: 0;
}
div.productText {
	padding: 0 20px 0 0;
	margin-bottom: 16px;
}
div.productText p {
	margin: 7px 0 10px 0;
}
ul.product {
	list-style: none;
	margin: 0;
	padding: 0 20px 10px 20px;
}
ul.product li {
	background: url(../images/bullet_grey_arrow_smaller.gif) no-repeat 0 0.7em;
	padding: 0 0 0 14px;
}


table.productMatrix {
	background-color: #094FA3;
	width: 98%;
}
table.productMatrix tr th {
	background-color: #A2A3C7;
	font-size: .9em;
	text-align: center;
	color: #fff;
}
table.productMatrix tr td {
	background-color: #fff;
	text-align: center;
}
table.productMatrix tr td.prodHeader {
	background-color: #d7d7e7;
	font-weight: bold;
	padding-left: 1em;
	text-align: left;
}
table.productMatrix tr td.prodsLeft {
	background-color: #E4E5EF;
	padding-left: 1em;
	text-align: left;
}


/* ---- News Box Styling ---- */
div.newsBoxUnder {
	background: url(../images/bg_news_box_under.gif) repeat-x top;
	padding: 0 0 30px 0;
}
h4.newsCat {
	background: #e5e5e5;
	border-bottom: 1px solid #b2b2b2;
	font-size: 1em;
	padding: 5px 10px;
	color: #000;
}
h4.newsCat a {
	text-decoration: none;
	padding: 0;
}
h4.newsCat a:link, h4.newsCat a:visited {
	color: #000;
}
h4.newsCat a:active, h4.newsCat a:hover {
	color: #4C4C92;
}
ul.newsItem {
	list-style: none;
	padding: 0;
	margin: 0;	
}
ul.newsItem a {
	padding: 0 0 0 8px;
}
ul.newsItem li {
	background: url(../images/bullet_orange_arrow.gif) no-repeat 0.9em 0.55em;
	padding: 0 0 0 12px;
	border-bottom: 1px solid #b2b2b2;
}
h5.newsTitle {
	margin: 0; 
}
/* Styling to actual news page */
div.newsItemFull {
	background: #FBFBFF;
	margin: 0 0 16px 0;
	padding: 2px 5px 5px 5px;
	border-width: 1px 0;
	border-style: solid;
	border-color: #F0ECFF;
	width: 99.9%;
}
div.newsItemFull img {
	margin: 4px 10px 10px 2px;
}
div.newsItemFull p {
	margin: 0;
	padding: 0;
}
div.newsItemFull p.newsarticledate {
	font: normal 0.9em 'lucida console', courier, monospace;
	color: #0a47fc;
	margin: 5px 0;
}
/* ========== Side Navigation ========== */
div.navSide {
	background: #fff;
	color: #000;
	width: 190px;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}
div.navSide h4 {
	background: #e5e5e5;
	border-bottom: 1px solid #b2b2b2;
	font-size: 1.1em;
	padding: 6px 10px 6px 22px;
	color: #000;
	margin: 0;
}
div.navSide h4 a {
	font-weight: bold;
}

ul.mainNav {
	list-style: none;
	padding: 0;
	margin: 0;	
	/*font-size: 0.9em;*/
}
ul.mainNav li {
	background: url(../images/bullet_orange_arrow.gif) no-repeat 0.9em 0.8em;
	padding: 3px 0;
	border-bottom: 1px solid #b2b2b2;
	margin: 0;
	display: block;
}
ul.mainNav li a {
	padding: 0 0 0 22px;
}

ul.subnavside {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.subnavside li {
	background: url(../images/bullet_blue_arrow.gif) no-repeat 2em 0.8em;
	/*padding: 3px 0 3px 34px;*/
	padding: 3px 0;
	margin: 0;
	display: block;
}
ul.subnavside li a {
	padding: 0 0 0 34px;
}
div.navSide a {
	font-weight: normal;
	text-decoration: none;
}
div.navSide a:link, div.navSide a:visited {
	color: #000;
}
div.navSide a:hover, div.navSide a:active {
	color: #0c48fc;
}
div.navSide a.sel:link, div.navSide a.sel:visited, div.navSide a.sel:hover, div.navSide a.sel:active {
	color: #FF7F00;
}
ul.subnavside a.sel:link, ul.subnavside a.sel:visited, ul.subnavside a.sel:active, ul.subnavside a.sel:hover {
	color: #0a47fc;
}

/*  ========== Breadcrumb Navigation ========== */
ul.breadCrumb {
	list-style: none;
	margin: -1px 0 0 0;
	padding: 6px 0 6px 22px;
	/*width: 100%;*/
}
ul.breadCrumb li {
	display: inline;
	margin: 0;
	padding: 0 4px 0 0;
	color: #0a47fc;
	font-size: 0.9em;
}

/*#sidebarright > div > h4:first-child {
	margin-top: 0;
} 
#mainblockside > div > h2, #mainblockfull > div > h2 {
	margin-top: 0;
}*/


/* ============ nav bar =================== */
#navbarh {
	padding: 0.2em;
	background: #d1d1d1;
	border-bottom: 1px solid #b2b2b2;
}
#navbarh ul {
	padding: 5px 0;
	margin: 0 0 0 18px;
	list-style: none;
}
#navbarh ul li {
	display: inline;
	padding: 0 20px 0 12px;
	background: url(../images/bullet_grey_arrow.gif) no-repeat 0 0.3em;
}
#navbarh ul li a {
	font-weight: bold;
	text-decoration: none;
}
#navbarh a:link, #navbarh a:visited {
	color: #19027e;
}
#navbarh a:hover, #navbarh a:active {
	color: #fff;
}
#navbarh a.sel:link, #navbarh a.sel:visited, #navbarh a.sel:hover, #navbarh a.sel:active {
	color: #fff;
}


/* ============ misc content styles =============== */
h3.headerbar {
	border-width: 1px 0 1px 0;
	border-style: solid;
	border-color: #d4d5ff #ccc #9292c6 #ccc;
	padding: 0;
	margin: 20px 20px 0 0;
	background: #eaeaff;
}
h4.linkTitle {
	margin: 10px 0;
}
div.hr {
	border-top: 1px solid #ccc;
	margin: 1em 0;
}
div.hr hr {
  display: none;
}

div.usermessage {
	border: 1px solid #eee;
	padding: 0.3em;
	background: #f9f9f9;
	color: #c30;
	font: 0.9em 'ludica console', courier, monospace;
	margin-bottom: 1em;
}
/* ========== Footer =========== */
#footerbar { 
	padding: 0.4em;
	margin-top: 0;
	background: #fff;
	border-width: 1px 0 1px 0;
	border-color: #b2b2b2 #000 #4f4f95 #000;
	border-style: solid;
}
#footerbarunder {
	font-size: 0.9em;
	color: #fff;
	padding: 1em;
	background: url(../images/bg_footer_under.gif) no-repeat top right;
}
#footerbarunder a:link, #footerbarunder a:visited {
	color: #fff;
	text-decoration: none;
}
#footerbarunder a:active, #footerbarunder a:hover {
	color: #fff;
	text-decoration: underline;
}
/* ============ signature ========================= */
A.qdk:link, A.qdk:visited, A.qdk:active	{	
	text-decoration: underline;	
	color: #ccc;	
}
A.qdk:hover	{ 
	text-decoration: underline; 
	color: #f60;  
}
.sig {
	color: #ccc;
	font: 0.8em arial, helvetica, sans-serif;
	margin: 1em 0 0 0;
}