* {
       font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
}

html, body, div, span, pre, code, a, p, img, hr, 
ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6,
form, fieldset, label, legend { 
  border: 0;
  margin: 0;
  padding: 0;
  font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
}


body {
	height: 100%;
	text-align: center;
	min-height: 100%;
	min-width: 760px;
	background-color: #00195F;
	background-repeat: no-repeat;
	background-image: url(images/pageBG1a.jpg);
	background-position: top;
}

#menu-big li a, #menu-big2 li a,#menu-big2 li a,#menu-big-sub li a {
	text-indent: -9999px;
}

#container {
	text-align: left;
	height: auto;
	width: 700px;
	margin: 0 auto 0 auto;
	position: relative;
	background-color: transparent;
}

#header {
	width: 700px;
	min-width: 700px;
	height: 100px;
	background-color: Silver;
}

#logo-panel-wide {
	text-align: center;
	width: 100%;
	background-color: White;
}

#logo-panel-700 {
	text-align: left;
	width: 700px;
	height: 80px;
	margin: 0 auto 0 auto;	
	background-color: transparent;
}


#logo {
	position: relative;
	top: 20px;
	left: 0;
}



#picture-panel-wide {
	line-height: 0px;
	background-color: #BDBF00;
	background-image: url(images/BG-picture-panel-2a.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#picture-panel-700 {
	text-align: left;
	width: 700px;
	height: 230px;
	margin: 0 auto 0 auto;
	background-color: transparent;
}

#menu-panel-wide {
	background-color: #00195F;
}

#menu-panel-700 {
	text-align: left;
	width: 700px;
	height: 130px;
	margin: 0 auto 0 auto;
	background-color: transparent;
}

#menu-big {
  top: 25px;
  right: 0px;
  position: relative;
  width: auto;
  height: 100px;
  margin: 0;
  font-size: 11px;
  list-style: none;
}

#menu-big li {
  float: left;
  width: 180px;
  height: 100px;
  margin: 0;
  display: inline;
  position: relative;
  border-left: dotted 0px #86877f;
}

#menu-big li a {
  color: #86877f;
  padding: 70px 0 0px 0;
  width: 100%;
  position: absolute;
  background: transparent 0px 0px no-repeat;  
}

#menu-big li a:hover {
  background-position: 0px -100px;  
}

#menu-big2-box {
	position: absolute;
	width: 170px;
	top: 60px;
	left: 200px !important;
	left: 14px;
}

#menu-big2 li a, #menu-big3 li a{
	padding: 0;
}

#menu-big2 li a:hover {
  background-position: -120px 0px;  
}

#menu-big2 li, #menu-big3 li {
	float: left;
	height: 14px;
	margin: 0;
	padding: 0;
	display: inline;
	position: relative;
}

#menu-big3-box {
	position: absolute;
	width: 185px;
	top: 60px;
	left: 390px !important;
	left: 14px;
}

#menu-big3 li a:hover {
  background-position: -186px 0px;  
}

#menu-big #mb1 {width: 135px; }
#menu-big #mb2 {width: 110px; margin-left: 52px; }
#menu-big2 #mb21 {	width: 49px;}
#menu-big2 #mb22 {	width: 120px;}
#menu-big2 #mb23 {	width: 58px;}
#menu-big2 #mb24 {	width: 80px;}
#menu-big #mb3 {width: 134px; margin-left: 81px; }
#menu-big3 #mb31 {	width: 88px;}
#menu-big3 #mb32 {	width: 80px;}
#menu-big3 #mb33 {	width: 184px;}
#menu-big #mb4 {width: 126px; margin-left: 58px; }

#menu-big #mb1 a { background-image: url('images/menu-big-1-1a.gif');	 }
#menu-big #mb2 a { background-image: url('images/menu-big-2-1a.gif'); }
#menu-big #mb21 a { background-image: url('images/menu-big-21-1a.gif'); }
#menu-big #mb22 a { background-image: url('images/menu-big-22-1a.gif'); }
#menu-big #mb23 a { background-image: url('images/menu-big-23-1a.gif'); }
#menu-big #mb24 a { background-image: url('images/menu-big-24-1a.gif'); }
#menu-big #mb3 a { background-image: url('images/menu-big-3-1a.gif'); }
#menu-big #mb31 a { background-image: url('images/menu-big-31-1a.gif'); }
#menu-big #mb32 a { background-image: url('images/menu-big-32-1a.gif'); }
#menu-big #mb33 a { background-image: url('images/menu-big-33-1a.gif'); }
#menu-big #mb4 a { background-image: url('images/menu-big-4-1a.gif'); }


#content-panel-wide {
	background-image: url(images/BG-content-panel-1a.gif);
	background-position: top;
	background-repeat: repeat-y;
	float: left;
	text-align: center;
	width: 100%;
	background-color: White;
}

#content-panel-700 {
	text-align: left;
	min-height: 600px;
	height: auto !important;
	height: 600px;
	width: 700px;
	margin: 0 auto 0 auto;
}

#icon-box {
	width: 180px;
	height: 180px;
	float: left;
	background-image: url(images/icon-big-1-1a.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}

#content-panel-700 p {
   font-family: Verdana, Trebuchet, Helvetica, Sans-Serif;
	width: 500px;
	height: auto;
	float: right;
	color: Silver;
	font-size: 1em;
	line-height: 1.4em;
	padding: 1em 0 1em 0;
}

#content-text {
	float: right;
	width: 500px;
}

#content {
	font-size: 12px;
	line-height: 22px;
	width: 486px;
	height: auto;
	min-height: 630px;
	float: right;
}

#content p {
	font-size: 1em;
	line-height: 1.6em;
	color: #444444;
	margin: 0px 0px 10px 0px;	
	padding-left: 24px;
	width: 456px !important;
	width: 480px;
	text-align: left;
	background-image: url(images/dot-main.gif);
	background-repeat: no-repeat;
	background-position: 8px 18px;
}

#content p a {
	text-decoration: none;
	border-bottom: 1px dotted #8F9400;
	color: #4265AB;
}

#content p a:hover {
	color: #AFB500;
}

.keep-margin {
	margin-left: 20px;
}

#content .half-colL {
	font-size: 11px;
	color: #111;
	line-height: 14px;
	background-image: url(images/halfbar-main-2a.gif);
	background-position: 0 -20px;	
	margin-left: 24px !important;
	margin-left: 16px;
	margin-right: 10px;
	padding-left: 6px;
	padding-top: 20px;
	float: left;
	width: 194px !important;
	width: 200px;
	border-left: 1px dotted #bbb;
}


h1 {
	font: 20px/1px Trebuchet MS, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #959D11;
	text-align: left;
	margin: 0;
	padding: 0;
	text-indent: -999px;
}

#h1-bitmap {
	position: relative;
	left: 30px;
}

.to-right {
	float: right;
}


ul.portfolio
{
	float: left;
	width: 100%;
	display: inline;
	padding-left: 24px;
	margin-bottom : 20px;
}

ul.portfolio li
{
	height: 14em;
	margin: 7px;
	display: inline;
	background-image: url(images/slide-BG-1a.gif);
	background-repeat:	no-repeat;
	float: left;
}

ul.portfolio li:hover
{
	background-image: url(images/slide-BG-1a-RO.gif);
}

.portfolio li a
{
	font: normal 11px/14px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #888;
	text-align: left;
	text-indent: -8px;
	display: block;
	padding-left: 8px;
	padding-right: 8px;
	margin: 0px;
	width: 120px !important;
	width: 136px;
	border: 0px solid white;
	background: url(images/zoomOFF.gif) no-repeat bottom right;
	text-decoration: none;
}


.portfolio li a img{
	position: relative;
	left: 4px;
	margin-top: 6px;
}

.portfolio li a:hover
{
	color: #444;
	border: solid 0px red;
	background-color: transparent;
	background-image: url(images/zoomON.gif);
}

ul.portfolio li a.test1
{
color: Aqua;

}

h2.portfoliolabel{
clear: both;
	background-color: #534779;
	margin: 20px 0 10px 20px;
	padding: 3px 26px 4px 16px;
	font: normal small-caps bold 11px/10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: White;
	background-image: url(images/portfolio-h2-bg1a.gif);
	background-repeat: no-repeat;
	letter-spacing: .2em;
}


#sidemenu {
	width: 200px;
	position: absolute;
	top: 210px;
	float: left;
}

#mainmenu {

}

#mainmenu ul
{
	margin: 0;
	padding: 0;
	list-style : none;
}

#mainmenu li
{
	margin: 0;
	padding: 0;
	list-style: none;
}


#mainmenu a
{
	display: block;
	background: no-repeat;
	width: 200px;
	height: 36px;
	text-indent : -999px;
}

#mainmenu li.L2 ul li a
{
	display : block;
	background-color : #eee;
	border-top-width: 1px;
	border-top-color: #d8d8d8;
	border-top-style: solid;
	background-image : none;
}

#mainmenu li.L2 ul li ul li a
{
	height: 18px;
	border-top-style: none;
}

#mainmenu li.L2 ul li a:hover
{
	background-color : #f8f8f8;
}

#mainmenu li.L1 a {background-image: url(images/menuL1d.gif);}
#mainmenu li.L2 a {background-image: url(images/menuL2d.gif);}
#mainmenu li.L3 a {background-image: url(images/menuL3d.gif);}
#mainmenu li.L4 a {background-image: url(images/menuL4d.gif);}
#mainmenu li.L5 a {background-image: url(images/menuL5d.gif);}


#mainmenu li.L1 a:hover {background-position: 0px -40px;}
#mainmenu li.L2 a:hover {cursor: default;}
#mainmenu li.L3 a:hover {background-position: 0px -40px;}
#mainmenu li.L4 a:hover {background-position: 0px -40px;}
#mainmenu li.L5 a:hover {background-position: 0px -40px;}

#mainmenu li.L2 ul li a {
	background-position: 10px 0px;
}

#mainmenu li.L2 ul li a:hover {
	cursor: pointer;
}

#mainmenu li.L2 ul li.L21 a {background-image: url(images/menuL21d.gif);}
#mainmenu li.L2 ul li.L22 a {background-image: url(images/menuL22d.gif);}
#mainmenu li.L2 ul li.L23 a {background-image: url(images/menuL23d.gif);}
#mainmenu li.L2 ul li.L24 a {background-image: url(images/menuL24d.gif);}
#mainmenu li.L2 ul li.L25 a {background-image: url(images/menuL25d.gif);}
#mainmenu li.L2 ul li.L26 a {background-image: url(images/menuL26d.gif);}
#mainmenu li.L2 ul li.L27 a {background-image: url(images/menuL27d.gif);}


#mainmenu li.L2 ul li.L22 ul li a {
	background-position: 10px -3px;
}

#mainmenu li.L2 ul li.L22 ul li.L221 a {background-image: url(images/menuL221d.gif);}
#mainmenu li.L2 ul li.L22 ul li.L222 a {background-image: url(images/menuL222d.gif);}
#mainmenu li.L2 ul li.L22 ul li.L223 a {background-image: url(images/menuL223d.gif);}
#mainmenu li.L2 ul li.L22 ul li.L224 a {background-image: url(images/menuL224d.gif);}
















#footer-panel-wide {
	clear: both;
	background-color: #00195F;
	background-image: url(images/BG-footer-panel-2a.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#footer-panel-700 {
	text-align: left;
	padding-top: 30px;
	padding-bottom: 10px;
	width: 700px;
	margin: 0 auto 0 auto;
	background-color: transparent;
}

ul.btmmenu { 
  float: left; 
  list-style: none;
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
}

ul.btmmenu li {
  float: left; 
  line-height: 14px;
}


ul.btmmenu li.btmmenu1 {width: 55px; color: #D88900}
ul.btmmenu li.btmmenu2 { width: 135px; }
ul.btmmenu li.btmmenu3 { width: 115px; }
ul.btmmenu li.btmmenu4 { width: 135px; }
ul.btmmenu li.btmmenu5 { width: 170px; }
ul.btmmenu li.btmmenu6 { width: 85px; }

ul.btmmenu a {

	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	color: #aaa;
	border: 0;
	text-decoration: none;
} 
ul.btmmenu a:hover { color: #eeeeee; } 
ul.btmmenu li ul {

	clear: both;
	float: none;
	list-style: none;

}
ul.btmmenu li ul li { margin: 0; padding: 0; border: 0; height: auto; float: none;}

#copyright-panel-wide {
	clear: both;
	border-top: 0px solid #364B86;
	background-color: #BDBF00;
}

#copyright-panel-700 {
	font-size: 11px;
	line-height: 16px;
	color: #8B9000;
	text-align: left;
	width: 700px;
	margin: 0 auto 0 auto;
	background-color: transparent;
}

#copyright-panel-700 a {
	text-decoration: none;
	color: #8B9000;
}

#copyright-panel-700 a:hover {
	text-decoration: underline;
	color: #626500;
}

.printonly {
	display: none;
}
















#content p.downloadPDF {
	margin: 0px 0px 10px 0px;	
	padding-top: 30px;
	padding-left: 64px;
	width: 416px !important;
	width: 480px;
	background-image: url(images/icon-pdf.gif);
	background-repeat: no-repeat;
}

.downloadEXCEL {
	width: 480px;
	margin-top: 8px;
	padding-top: 30px;
	padding-bottom: 4px;
	padding-left: 52px;
	background-image: url(images/icon-excel.gif);
	background-repeat: no-repeat;
}

.downloadWORD {
	width: 480px;
	margin-top: 8px;
	padding-top: 30px;
	padding-bottom: 4px;
	padding-left: 52px;
	display: block;
	background-image: url(images/icon-word.gif);
	background-repeat: no-repeat;
}




#menu-big-sub {
	top: 16px;
	position: relative;
	float: right;
	width: auto;
	height: 74px;
	margin: 0;
	font-size: 11px;
	list-style: none;
}

#menu-big-sub li {
  float: left;
  width: 72px;
  height: 74px;
  margin-left: 28px;
  display: inline;
  position: relative;
}

#menu-big-sub li a {
  color: #86877f;
  line-height: 0;
  padding-top: 74px;
  width: 72px;
  position: absolute;
  background: transparent 0px 0px no-repeat;  
}

#menu-big-sub li a:hover {
  background-position: 0px -80px;  
}

#menu-big-sub #mbs1 a { background-image: url('images/menu-big-sub-1-1a.gif'); }
#menu-big-sub #mbs2 a { background-image: url('images/menu-big-sub-2-1a.gif'); }
#menu-big-sub #mbs3 a { background-image: url('images/menu-big-sub-3-1a.gif'); }


#customer-panel-form {
	width: 180px;
	padding-top: 20px;
	font-size: 11px;
	font-weight: bold;
	color: #888;
	position: absolute;
	top: 850px;
	float: left;
}

#customer-id-field {
	width: 120px;
	height: 17px !important;
	height: 19px;
	background-image: url('images/form-textbox-BG-1a.gif');
	background-color: White;
	border: 1px solid #C5C5C5;
	font-size: 11px;
	font-weight: normal;
	color: #aaa;
	margin: 0;
	padding: 2px 0 0 4px;
}

#customer-id-submit {
	cursor: pointer;
	height: 19px;
	position: relative;
	top: 5px !important;
	top: 4px;
	left: 5px;
}

#customer-id-submit:hover {
	background-color: White;
}


#our-customers {
	position: absolute;
	top: 760px;
	margin-left: 20px !important;
	margin-left: 10px;
	float: left;
}