﻿/* ^^^^^^^^ BELOW IS THE CODE FOR THE MENU ^^^^^^^^^^ */
#stylefour{
	position:relative;
	display:block;
	height:26px;
	font-size:12px;
	background:transparent url(../images/bgnew2.gif) repeat-x top left;
	font-family:Arial,Verdana,Helvitica,sans-serif;
	}
#stylefour ul{margin:0;padding:0;list-style-type:none;width:auto;}
#stylefour ul li{display:block;float:left;margin:0;}
#stylefour ul li a{display:block;float:left;color:#ffffff;text-decoration:none;margin:0px;padding:5px 7px 0 8px;height:19px;background:transparent url(../images/m_div.jpg) no-repeat top right;}
#stylefour ul li a:hover{color:#ffffff; }

#stylefour ul li a.current{color:#ffffff; background:transparent url(../images/m_current.jpg) no-repeat top center;}

#stylefour ul li a.dleft{color:#ffffff; background:transparent none;}

#stylefour ul li a.icurrent{color:#ffffff;font-weight:bold;  background:transparent url(../images/pbgmover_8.jpg) no-repeat top left;}

#stylefour ul li a.pcurrent{color:#ffffff;font-weight:bold;  background:transparent url(../images/prbgmover_3.jpg) no-repeat top left;}

#stylefour ul li a.fcurrent{color:#ffffff;font-weight:bold;  background:transparent url(../images/fbgmover_12.jpg) no-repeat top center;}

#stylefour ul li a.ccurrent{color:#ffffff;font-weight:bold;  background:transparent url(../images/cbgmover_5.jpg) no-repeat top center;}









/******************************************************************************
* Additional styles.                                                          *
******************************************************************************/

h4#title {
  background-color: #503080;
  border: 1px solid #000000;
  border-color: #7050a0 #b090e0 #b090e0 #7050a0;
  color: #d0b0ff;
  font-weight: bold;
  margin-top: 0em;
  margin-bottom: .5em;
  padding: 2px .5em 2px .5em;
}


/******************************************************************************
*This div is for the images  that wrap around text, eg. CEO's Picture
*****************************************************************************/
#insideimage
{float:left;
padding-right:8px;
}

.insidepage{
	background-color:#ef0000;
	border-left:2px solid #ffffff;
	width: 365px;
}

.insidepgfont
{
	padding:0px 0px 0px 10px;
	color:#FFFFFF;
	font-size: 16px;
}

.insidepage2
{
	background-image:url(../images/abt_bg.jpg);
	background-repeat:no-repeat;
	border-left:2px solid #ffffff;
	float: left;
	height: 164px;
}


.insidepage3
{
	background-image:url(../images/abt_bg.jpg);
	background-repeat:no-repeat;
	border-left:2px solid #ffffff;
	float: left;
	height: 118px;
}


.gradbottom
{background-image:url(../images/gradient2.gif);
background-repeat:repeat-x;
float:left;
height:180px;
}

.leftnavbg
{
	background-image: url(../images/bg11.jpg);
	float:right;
	width:169px;
	padding-top: 10px;
	padding-left: 10px;
	color: #003399;
	background-repeat: no-repeat;
	height: 285px;
}


.leftnav_fin
{
	background-image: url(../images/bg12.jpg);
	float:left;
	width:163px;
	padding-top: 10px;
	padding-left: 5px;
	color: #003399;
	background-repeat: no-repeat;
	height: 286px;
}

.bottomnav
{color:#ffffff; font-weight:bold; padding:3px 0px 4px 0px;
background:url(../images/bg2.jpg) repeat-x;}




/*left menu drop down for product and services page*/

#navbar {
	margin: 0;
	padding: 5px 4px 0px 5px;
	font-size: 12px;
background-image: url(../images/bgnew2.gif);
	float:left;
	height: 24px;
	color: #FFFFFF;
	padding: 5px 4px 0px 10px;
	font-size: 12px;
	line-height:22px;
}
#navbar li {
	list-style: none;
	float: left;
	width: 153px;
	font-size: 11px;
}
#navbar li a {
	display: block;
	padding: 3px 1px;
	color: #FFFFFF;
	text-decoration: none;
		font-size: 11px; }
#navbar li ul {
	display: none; 
	width: 14em; /* Width to help Opera out */
	background-color: #EEEEEE;
	border:1px solid #cccccc;}

	
#navbar li:hover ul, #navbar li.hover ul {
	display: block;
	position: absolute;
	margin: 0;
	padding: 0; }
#navbar li:hover li, #navbar li.hover li {
	float: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}
#navbar li:hover li a, #navbar li.hover li a {
	background-color: #EEEEEE;
	border-bottom: 1px solid #cccccc;
	color: #000; }
	
#navbar li li a:hover {
	background-color: #e6e6e6; }


.side_nav{

background: #EEEEEE  url(../images/arrow.gif) no-repeat 9px center;
font:  11px Arial, Helvetica, sans-serif;
color: #333333;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #cccccc;
}

