@charset "utf-8";
/* Font- Content ---------------------------------------------------*/
body {
	background: url(../images/background.jpg) repeat-x top; background-color:#e8f1f6;
	font: 76% Arial, Helvetica, sans-serif; color: #333333;
}

a {color: #1c5a8f;}
a:hover {color: #154670;}

h1 {color: #657320; font-size: 1.2em; margin: 2px 0 5px 0;}
h2 {color: #000000; font-size: 1.0em; margin: 2px 0px 4px 0px; padding-top:5px; padding-bottom:5px;}
/*  --h2 {color: #000000; font-size: 0.9em; margin: 2px 0px 4px 0px; padding-top:5px}---*/
h3 {color: #1a3957; font-size: 1.0em; margin: 0px 0 0px 0;}
h4 {color: #373737; font-size: 1em; margin: 0px 0px 5px 0px;}

p.black { font: 92% Verdana, Arial, Helvetica, sans-serif; color:#000000; margin-top: 2px; margin-bottom: 10px; }
p.black a {color: #1c5a8f;}
p.black a:hover {color: #154670;}

p.grey { font: 11px  Verdana, Arial, Helvetica, sans-serif; color:#666465; margin-top: 2px; margin-bottom: 10px;}
p.grey a {color: #1c5a8f;}
p.grey a:hover {color: #154670;}


 hr { display: block; background: #ccc; color: #ccc; width: 100%; height: 1px; border: none; }
 
/* Footer ---------------------------------------------------*/

#footmenu {float: left; width: 417px; position: relative; top: 30px; left: 20px;}

#footmenu ul{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #265e8f;
	text-align: center;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 0.8em;
}

#footmenu ul li{
	display: inline;
	margin: 0;
}

#footmenu ul li a {
	padding: 3px 6px;
	color: #265e8f;
	text-decoration: underline;
	border-right: 1px dotted #84a6cb;
}

#footmenu ul li a:hover {
	color: #1e486c;
	text-decoration: underline;
}

#footmenu ul li.activefoot {
	color: #e4f1fb;
	border-right: 1px dotted #84a6cb;
	padding: 0 10px;
}

#footmenu ul li.last a { border-right:none; }

#copyright {float: right; font-size: 0.8em; line-height: 1.5em; width: 311px; margin: 14px 0 0 16px;}

#copyright a {color: #1c5a8f;}

#copyright a:hover {color: #154670;}

.divider { float:left; background: url(../images/footer-div2.gif) no-repeat top; width: 4px; height: 72px; overflow: hidden; margin: 0px 0 0 35px; }



/* Top Menu ---------------------------------------------------*/

#nav{

	background: url(../images/nav-bg.gif);
	display: inline;
	z-index: 1; 
	padding: 0px;
	margin: 0px;
	width: 734px;

}

#nav ul {
	padding: 0px;
	margin: 0px;
	height: 28px;
	float: inherit;
}
#nav ul li {
	display: inline;
	float: left;
}
#nav ul li a{
	padding: 0;
	margin: 0 2px 0 0;
	height: 28px;
	display: block;
}
	
#nav li ul { /* second-level lists */
	position: absolute; /* just added */
	width: 168px;
	left: -999em;
	z-index: 20;
}

#nav li ul li a {
	border-right: 1px solid #2c669f;
	border-left: 1px solid #2c669f;
	border-top: 1px solid #2c669f;
	text-align: left;
	width: 166px;
	display: block;
	padding: 7px 5px 0px 9px;
	font-size: 0.9em;
	text-decoration: none;
	font-weight: normal;
	color: #245788;
	background: url(../images/li-bg.gif) repeat-x top #eaf3fb;
	height: 20px;
	overflow: hidden;

}

#nav li ul li.mlast a {border-bottom: 1px solid #2c669f;}

#nav li ul li a:hover {
	color: #0f233f;
	width: 166px;	
	background: url(../images/li-bg-over.gif) repeat-x top #deebfa;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin: 0;
	margin-left: 0;
}

#nav li:hover, #nav li.hover {
    position: static;
}

.n2surf {display: none;}


#home a {
	display: block;
	width: 112px;
	background: url(../images/nav-home.jpg) no-repeat;	
}
#home a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-home-over.jpg) no-repeat;
}

#homeactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-home-active.jpg) no-repeat;	
}





#services a{
	display: block;
	width: 112px;
	background: url(../images/nav-services.jpg) no-repeat;	
}

#services a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-services-over.jpg) no-repeat;
}

#servicesactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-services-active.jpg) no-repeat;	
}




#portfolio a{
	display: block;
	width: 112px;
	background: url(../images/nav-portfolio.jpg) no-repeat;

	
}

#portfolio a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-portfolio-over.jpg) no-repeat;
}

#portfolioactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-portfolio-active.jpg) no-repeat;	
}

#resources a{
	display: block;
	width: 112px;
	background: url(../images/nav-resources.jpg) no-repeat;

	
}

#resources a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-resources-over.jpg) no-repeat;
}

#resourcesactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-resources-active.jpg) no-repeat;	
}

#about a{
	display: block;
	width: 112px;
	background: url(../images/nav-about.jpg) no-repeat;

	
}

#about a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-about-over.jpg) no-repeat;
}

#aboutactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-about-active.jpg) no-repeat;	
}

#contact a{
	display: block;
	width: 112px;
	background: url(../images/nav-contact.jpg) no-repeat;

	
}

#contact a:hover {
	display: block;
	width: 112px;
	background: url(../images/nav-contact-over.jpg) no-repeat;
}

#contactactive a {
	display: block;
	width: 112px;
	background: url(../images/nav-contact-active.jpg) no-repeat;	
}


/* Side Box ---------------------------------------------------*/

#sbbox ul {padding: 0; list-style-type: none; width: 205px; margin: 0 0 17px 0;}

#sbbox ul li, #sbbox ul li.sec{border-bottom: 1px dotted #d1dde8; margin: 0; font-size: 0.9em; background: url(../images/bullet-side-menu.gif) no-repeat 17px 8px;}

#sbbox ul li.sec{background: url(../images/bullet-smenu2.gif) no-repeat 24px 8px #fcfdff;}

#sbbox ul li a{font-weight: normal; text-decoration: none; display: block; padding: 5px 5px 5px 33px; width: 167px; color: #1c5a8f;}

#sbbox ul li a:hover {background: url(../images/bullet-side-menu.gif) no-repeat 17px 8px #e6eefc; color: #1e486c;}

#sbbox ul li.sec a {padding: 5px 5px 5px 40px;}

#sbbox ul li.sec a:hover {background: url(../images/bullet-smenu2.gif) no-repeat 24px 8px #e6eefc; color: #1e486c;}

#divider2 {border-bottom: 1px dotted #d1dde8; margin: 0;}

/* Bullet Points on pages ---------------------------------------------------*/

#website-bullets ul {padding: 0; list-style-type: none; margin: 0 0 10px 0;}

#website-bullets ul li, #website-bullets ul li.sec{ margin: 0; font-size: 0.9em; background: url(../images/bullet-side-menu.gif) no-repeat 10px 8px; }

#website-bullets ul li.sec{font-weight: normal; text-decoration: none; display: block; padding: 4px 4px 4px 33px; color: #1c5a8f;}

#website-bullets ul li a{font-weight: normal; text-decoration: none; display: block; padding: 4px 4px 4px 33px; color: #1c5a8f;}

#website-bullets ul li a:hover { color: #657320;}

#website-bullets ul li.sec a {padding: 5px 5px 5px 40px;}

#website-bullets ul li.sec a:hover { color: #1e486c;}


.seo-form { width:580px; background-color:#e9e9e9; height:375px; padding:0; padding-left:1px;}

.seo-form form { padding:25px 35px; font-size:11px; }
.seo-form form small { color:#666666; }
.seo-form form label { float:left; display:block; width:75px; }
.seo-form form input { width:155px; font-size:11px; }
.seo-form form .submit input { border:none; width:97px; height:22px; background:url(../images/submit_submit.gif) no-repeat right top;}
.seo-form form .submit input.send { border:none; background:url(../images/submit_submit.gif) no-repeat right top; }
.seo-form p {margin-top: 10px; margin-bottom: 5px;}

.blue {color:#154670;}