body  {background:#fff url(images/main-bg.jpg) repeat-x; text-align:center; font-family:Arial; font-size:12px; color:#000;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
q:before,q:after {
	content:'';
}
abbr,acronym {border:0;}
a {outline:none;}
a:hover {outline:none;}
a img {border:none;}

#wrapper {width:962px; margin:0 auto; text-align:left;}

#mainBox {
   width:950px;
   float:left;
   margin-top:6px;
   background:#fff;
   border-top:6px solid #fff;
   border-right:6px solid #fff;
   border-left:6px solid #fff;
}

/* Header
----------------------------------------------------------------------------*/
#header {
   width:950px;
   float:left;
   border-bottom:6px solid #fff;
}

#logoInfo {
   width:371px;
   float:left;
}
#logoInfo ul {width:365px; float:left;}
#logoInfo ul span {display:none;}

#flash {
   width:579px;
   float:left;
}

#inHeader {
   width:950px;
   height:114px;
   float:left;
   background:url(images/in-head-bg.jpg) repeat-y;
   border-bottom:6px solid #fff;
   overflow:hidden;
}
#inHeader li {display:inline; float:left;}
#inHeader li span {display:none;}
#inHeader li.lgo {width:651px;}
#inHeader li.txt {width:287px;}

/* Sprites
----------------------------------------------------------------------------*/
.sprite {background:url(images/logo.jpg);}
.logo {width:365px; height:125px; background-position:0 0; margin:0 0 5px 0; float:left;}
.info {width:365px; height:76px; background-position:0 -130px; float:left;}

.navi {background:url(images/nav.gif);}
.serv {width:105px; height:38px; background-position:0 0; float:left;}
.serv:hover {width:105px; height:38px; background-position:0 -38px; float:left;}
.nws {width:136px; height:38px; background-position:-105px 0; float:left;}
.nws:hover {width:136px; height:38px; background-position:-105px -38px; float:left;}
.pro {width:103px; height:38px; background-position:-241px 0; float:left;}
.pro:hover {width:103px; height:38px; background-position:-241px -38px; float:left;}
.dl {width:153px; height:38px; background-position:-344px 0; float:left;}
.dl:hover {width:153px; height:38px; background-position:-344px -38px; float:left;}
.gaq {width:130px; height:38px; background-position:-497px 0; float:left;}
.gaq:hover {width:130px; height:38px; background-position:-497px -38px; float:left;}
.abt {width:112px; height:38px; background-position:-627px 0; float:left;}
.abt:hover {width:112px; height:38px; background-position:-627px -38px; float:left;}
.con {width:124px; height:38px; background-position:-739px 0; float:left;}
.con:hover {width:124px; height:38px; background-position:-739px -38px; float:left;}
.hm {width:87px; height:38px; background-position:-863px 0; float:left;}
.hm:hover {width:87px; height:38px; background-position:-863px -38px; float:left;}

.inlgo {background:url(images/in-logo.jpg);}
.logo2 {width:365px; height:113px; background-position:0 0; float:left;}
.info2 {width:281px; height:41px; background-position:0 -113px; float:left; margin:60px 0 0 0;}

/* Navigation
----------------------------------------------------------------------------*/
#navBox {
   width:950px;
   float:left;
}
#navBox li {display:inline; float:left;}
#navBox li span {display:none;}

#nav {
   margin:0; 
   padding:0; 
   list-style:none;
   height:38px;
}	

#nav li {
   float:left; 
   display:block; 
   background:#1d3f68; 
   position:relative;
   z-index:500; 
   margin:0;
   font-size:12px;
   font-weight:bold;
}
/* this is the parent menu */
#nav li a {
   display:block; 
   text-decoration:none; 
   color:#fff; 
   text-align:left; 
   background-color:#91a0c1;
}

#nav li a:hover {
   color:#0055a4;
   background-color:#bdc6da;
   text-decoration:none;
}
/* submenu, it's hidden by default */
#nav ul {
   position:absolute; 
   left:0; 
   display:none; 
   margin:0; 
   padding:0; 
   list-style:none;
   top:38px;
}
		
#nav ul li {
   width:200px; 
   float:left;
   border-bottom:1px solid #fff;
}

#nav ul li.t1, #nav ul li.t2 {float:left; border-bottom:1px solid #fff;}
#nav ul li.t1 {width:140px;}
#nav ul li.t2 {width:175px;}
/* display block will make the link fill the whole area of LI */
#nav ul a {
   display:block;  
   padding:7px 0 7px 15px; 
   color:#fff;
}
		
#nav ul a:hover {text-decoration:none;}
*html #nav ul {margin:0;}

/* Home Page Content
----------------------------------------------------------------------------*/
#midContent {
   width:934px;
   float:left;
   margin:6px 0 0 16px;
}

#hmLeft {
   width:628px;
   float:left;
   line-height:18px;
}
#hmLeft h1 {color:#004184; font-size:30px; font-weight:normal; margin:16px 0 2px 0; line-height:34px;}
#hmLeft h2 {color:#004184; font-size:18px; margin:0 0 10px 0; line-height:20px;}
#hmLeft p.wth {width:600px;}

#hmBoxes {
   width:628px;
   float:left;
   margin:16px 0 0 0;
   color:#565656;
   line-height:17px;
}
#hmBoxes ul {margin:60px 0 0 28px; width:245px; float:left;}
#hmBoxes a {color:#0055a4; text-decoration:underline;}
#hmBoxes a:hover {color:#565656; text-decoration:none;}

#box1 {
   width:302px;
   height:180px;
   float:left;
   border:1px solid #c9cdd8;
   background:url(images/box1-bg.gif) no-repeat;
   overflow:hidden;
}

#box2 {
   width:302px;
   height:180px;
   float:left;
   margin:0 0 0 19px;
   border:1px solid #c9cdd8;
   background:url(images/box2-bg.gif) no-repeat;
   overflow:hidden;
}

#projects {
   width:628px;
   float:left;
   margin:18px 0 0 0;
   font-size:11px;
   line-height:14px;
}
#projects li {display:inline; float:left; width:142px; margin:0 18px 0 0;}
#projects li.marg {margin:0;}
#hmLeft h3 {color:#000; font-size:12px; margin:6px 0 0 0;}
#projects a {color:#0054a4; text-decoration:underline;}
#projects a:hover {color:#007aee; text-decoration:none;}

#hmRt {
   width:286px;
   float:left;
   margin:0 0 0 20px;
   background:#e0dfe2;
}
#hmRt p.sqr {width:235px; margin:22px 0 0 26px; background:url(images/hd-bg.gif) no-repeat; text-align:center; text-transform:uppercase; font-size:18px; color:#85a0b9; letter-spacing:5px; line-height:16px;}
#hmRt ul {margin:4px 0 0 26px; width:235px; float:left;}
#hmRt li {background:url(images/squares.gif) no-repeat bottom center; padding:0 0 16px 0; margin:16px 0 0 0; color:#393939;}
#hmRt li p.lrg {font-weight:bold; margin:0 0 5px 0;}
#hmRt li p.sm {font-size:11px; line-height:14px;}
#hmRt a {color:#0054a4; text-decoration:underline;}
#hmRt a:hover {color:#007aee; text-decoration:none;}

#readAll {
   width:276px;
   height:31px;
   float:left;
   margin:15px 0 0 0;
   font-size:11px;
   text-transform:uppercase;
   font-weight:bold;
   background:#d2d3dc;
   border-left:5px solid #e0dfe2;
   border-bottom:5px solid #e0dfe2;
}
#readAll a {background:url(images/white-arrow.gif) no-repeat right 3px; color:#7189b8; text-decoration:none; padding:0 14px 0 0;}
#readAll a:hover {color:#fff;}
#readAll p {text-align:right; margin:0; padding:10px 0 0 0; width:264px;}

/* Inner Pages
----------------------------------------------------------------------------*/
#inContent {
   width:915px;
   float:left;
   margin:25px 0 0 22px;
}

#inContent2 {
   width:930px;
   float:left;
   margin:25px 0 0 15px;
}

#inLeft {
   width:600px;
   float:left;
   line-height:18px;
}
#inLeft a {color:#0054a4; text-decoration:underline;}
#inLeft a:hover {color:#007aee; text-decoration:none;}
#inLeft h1 {color:#004184; font-size:26px; font-weight:normal; margin:0 0 2px 0; line-height:30px;}
#inLeft h2 {color:#004184; font-size:16px; margin:0 0 16px 0;}
#inLeft h2.non {margin:0px;}
#inLeft h3 {color:#004184; font-size:13px; margin:0;}
#inLeft p {margin:0 0 16px 0;}
#inLeft ul {list-style:disc; margin:10px 0 10px 40px;}
#inLeft ul.marg {list-style:none; font-size:14px; margin:0 0 18px 20px;}

#inLeft ul.cfld {width:600px; float:left; margin:5px 0 0 0;}
#inLeft ul.cfld li {display:inline; float:left;}
#inLeft ul.cfld li.txt {width:130px; margin:3px 0 0 0;}
#inLeft ul.cfld li.txt2 {width:170px; margin:3px 0 0 0;}
#inLeft ul.cfld li.flds {width:470px;}
#inLeft ul.cfld li.flds2 {width:430px;}

#inRt {
   width:275px;
   float:left;
   margin:0 0 0 40px;
}

#rtBord {
   width:274px;
   float:left;
   margin:9px 0 0 0;
   padding:0 0 45px 0;
   border-left:1px solid #bac9d9;
}
#rtBord p {color:#004184; line-height:18px; margin:0 0 0 18px;}
#rtBord ul {width:251px; float:left; margin:30px 0 0 18px; padding:0 0 14px 0; border:2px solid #bac9d9; background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #e8e8ec); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e8e8ec), to(#fff)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e8e8ec', endColorstr='#ffffff');}
#rtBord li.hd {text-align:center; text-transform:uppercase; font-size:16px; color:#85a0b9; letter-spacing:3px; margin:16px 0 14px 0;}
#rtBord li.txt {width:224px; margin:0 0 0 14px; color:#004184; line-height:18px;}

#dirPages {
   width:723px;
   float:left;
   line-height:14px;
   margin-top:30px;
   margin-left:12px;
}
#dirPages ul {list-style-type:none; margin:0px; padding:0px;}
#dirPages li {margin-right:1px; display:inline;}

#ofPage {background-color:#004184; display:inline-block; padding:4px; color:#fff; font-size:11px; font-family:Verdana; font-weight:bold; border-right:5px solid #fff;}
.ofNumbs {
   font-size:11px;
   font-family:Verdana;
   font-weight:bold;
   color:#000;
}
#dirPages ul li.ofNumbs a {border:1px solid #4e483c; color:#4e483c;display:inline-block; padding:3px;}
#dirPages ul li.ofNumbs a:hover {border:1px solid #000; text-decoration:none; background-color:#004184; color:#fff; display:inline-block; padding:3px;}

.ofNumbs2 {
   font-size:11px;
   font-family:Verdana;
   font-weight:bold;
   color:#000;
   border:1px solid #fff;
   display:inline-block;
   padding:3px;
}

/* Projects
----------------------------------------------------------------------------*/
#projLeft {
   width:220px;
   float:left;
}
#projLeft a {color:#0054a4; text-decoration:underline; padding:0 0 0 10px; background:url(images/gray-arrow.gif) no-repeat left 4px; font-weight:bold;}
#projLeft a:hover {color:#007aee; text-decoration:none;}
#projLeft li {margin:0 0 6px 0;}

#projRt {
   width:674px;
   float:left;
   border-left:1px solid #bac9d9;
   padding:0 0 0 30px;
   min-height:200px;
   height:auto !important; /* For ie6 min-height */
   height:200px; /* For ie6 min-height */
}
#projRt h1 {color:#004184; font-size:26px; font-weight:normal; margin:0 0 2px 0; line-height:30px;}
#projRt h2 {color:#004184; font-size:16px; margin:0 0 16px 0;}
#projRt h2.bord {border-top:1px solid #ccc; padding:10px 0 0 0; margin:15px 0 0 0;}
#projRt ul {list-style:disc; margin:0 0 0 30px;}
#projRt li {margin:0 0 10px 0;}
#projRt a {color:#0054a4; text-decoration:underline; font-weight:bold;}
#projRt a:hover {color:#007aee; text-decoration:none;}

#featurePic {
   width:275px;
   float:right;
   margin:0 0 15px 12px;
   line-height:13px;
}

#projPicBox {
   width:674px;
   float:left;
   margin:15px 0 0 0;
}
#projPicBox h2 {color:#004184; font-size:14px; margin:0;}

#projPicL {
   width:100px;
   float:left;
   margin:20px 0 0 0;
}
#projPicL ul {list-style:none; margin:0;}
#projPicL li {margin:0 0 10px 0;}

#projPicR {
   width:570px;
   float:left;
   margin:20px 0 0 0;
}

#projTxt {
   width:674px;
   float:left;
   margin:20px 0 0 0;
   line-height:17px;
}
#projTxt p {margin:0 0 16px 0;}

/* Footer
----------------------------------------------------------------------------*/
#footer {
   width:962px;
   float:left;
   border-top:20px solid #fff;
   background:#e8e8ec;
   padding:21px 0 17px 0;
   font-size:11px;
   color:#393939;
}
#footer ul {background:url(images/square.gif) no-repeat left 1px; padding:0 0 0 17px; float:left;}
#footer li.hd {text-transform:uppercase; font-size:14px; color:#85a0b9; letter-spacing:2px; line-height:12px; margin:0 0 6px 0;}
#footer li {margin:0 0 8px 0;}
.tfld {border:1px solid #cccdd2; background:#fff; font-size:11px; color:#808080; padding:5px 0 5px 10px;}

#footBox1 {
   width:273px;
   float:left;
}
#footBox1 ul {margin:0 0 0 20px;}

#footBox2 {
   width:338px;
   height:134px;
   float:left;
   border-left:1px solid #cacbd3;
   border-right:1px solid #cacbd3;
}
#footBox2 ul {margin:0 0 0 46px;}
#footBox2 li {width:220px;}
#footBox2 li span {display:none;}
.qmp {width:186px; height:24px; background-position:0 -76px; float:left;}
.qmp:hover {width:186px; height:24px; background-position:-186px -76px; float:left;}
.siup {width:98px; height:24px; background-position:-372px -76px; float:left;}
.siup:hover {width:98px; height:24px; background-position:-470px -76px; float:left;}

#footBox3 {
   width:300px;
   float:left;
   font-family:Georgia, Times;
   font-size:12px;
   font-style:italic;
   line-height:17px;
}
#footBox3 ul {margin:0 0 0 45px;}
#footBox3 li.sm {color:#9098a2; font-size:10px; font-family:Arial; line-height:13px; text-align:right;}

#copyright {
   width:960px;
   height:146px;
   float:left;
   text-align:center;
   font-size:10px;
   color:#afb1be;
   border-top:3px solid #fff;
   background-image: -moz-linear-gradient(100% 100% 90deg, #fff, #dfe0e5); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dfe0e5), to(#fff));
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfe0e5', endColorstr='#ffffff');
}
#copyright p.gap {margin:18px 0 7px 0;}
#copyright a {color:#afb1be; text-decoration:none;}
#copyright a:hover {color:#afb1be; text-decoration:underline;}

/* Classes
----------------------------------------------------------------------------*/
.picgap {margin:0 8px 0 0;}
.sm-txt {font-size:11px;}
.tfld2 {border:1px solid #cccdd2; background:#fff; font-size:12px; font-family:Arial; color:#808080; padding:4px 0 4px 10px;}