body {
margin:0;
padding:0;
font-size:100%;
line-height:1.25em;
background:#fff url(images/bg.jpg) top left repeat-x;
font-family: arial, sans-serif;
}
code {
font-family: "Courier New", mono;
}
div, p {
margin:0;
padding:0;
text-align:justified;
}
a {
color:#992200;
text-decoration: none;
}
a img{
border:0;
}
.articleimg{
float:left;
margin:0px 25px 5px 0px;
}
.articleimg2{
float:left;
margin:0px 20px 5px 0px;
}
#container{
background:transparent;
width:800px;
margin:3px auto;
padding:
}
#header{
height:100px;
width:760px;
margin:0 20px;
background:#333 url(images/header.jpg) top left no-repeat;
}
#topright{
width:132px;
height:73px;
margin:27px 0 0 0;
float:right;
background:#fff;
}
div.sitemap {
	width: 130px;
	height:27px;
	border: 0px solid #999;
	margin: 0px;
	float:left;
	background: url(images/sitemap.jpg); 
 }
 
div.sitemap div {margin: 0px 0;}

div.sitemap table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.sitemap table td {padding: 0px 0;}

div.sitemap a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background: url(images/sitemap.jpg); 
	width: 130px;
	height:27px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}
div.contact {
	width: 130px;
	height:27px;
	border: 0px solid #999;
	margin: 0px;
	float:left;
	background: url(images/contactus.jpg); 
 }
 
div.contact div {margin: 0px 0;}

div.contact table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.contact table td {padding: 0px 0;}

div.contact a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background: url(images/contactus.jpg); 
	width: 130px;
	height:27px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}

#menubar{
background:#fff url(images/menubar.jpg) bottom left no-repeat;
padding:10px 30px 0 30px;
width:760px;

}
#content_frame{
background:#fff url(images/contentback.jpg) top left repeat-y;
padding:0 20px;
width:760px;
float:left;
}
#content_data{
background:#003466 url(images/curve.jpg) bottom right no-repeat;
width:740px;
float:left;
padding:25px 0 120px 20px;
}
#content_data2{
background:#003466 url(images/curve.jpg) bottom right no-repeat;
width:740px;
float:left;
padding:25px 0 10px 20px;
}
#content_data2 h2{
color:#3B89D7;
margin:10px;
padding:5px 0 5px 10px;
border-left:3px solid #fff;
}
#content_data2 h3{
color:#3B89D7;
margin:10px;
padding:5px 0 5px 10px;
border-left:3px solid #fff;
}
#content_data2 p{
color:#fff;
margin:0px 10px 20px 0px;
overflow:hidden;
font-size:.75em;
width:500px;
}
#content_data2 a{
color:#3B89D7;
}
#content_data2 img{
float:left;
padding:0 20px 20px 0;
}
#hero_shot{
	width:380px;
	height:258px;
	float:left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}

#headlines{
width:320px;
background:transparent ;
float:left;
margin-left:20px;
margin-right:20px;
display:inline;
}

#headlines ul{
margin:10px 0 0 0;
padding:0;
}
#ServiceTitle {
	position:static;
	left:533px;
	width:262px;
	height:44px;
	color: #FFFFFF;
	text-align: center;
	z-index: 101;
	top: 170px;
	padding-left: 75px;
}
div#ServiceTitle {

}


#headlines li{
margin-left:0;
list-style: none;
background:transparent url(images/headlines_li.jpg) top left no-repeat;
width:320px;
height:30px;
padding-top:3px;
}
#headlines li a{
color:#fff;
font-size:.9em;
padding-left:25px;

}
#headlines li a:hover{
color:#ECC491;
}
#headlines2 {
width:320px;
background:transparent ;
float:left;
margin-left:20px;
margin-right:20px;
display:inline;
}
ul.menu1 {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:transparent; width:320px; text-align:left; color:#fff; }
ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:hidden; background:transparent; width:14em; text-align:left; color:#fff; }
ul.menu1 li {text-indent:0.5em;background:transparent url(images/headlines_li.jpg) top left no-repeat;font-size:.9em;padding-left:10px;}
ul.menu1 li.drop {margin-bottom:-2px;}
ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:320px; height:2em; line-height:1.9em; text-decoration:none; color:#fff;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:320px; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#ECC491; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:8em; margin-left:10px;width:250px; margin-top:-1px; background:transparent; }
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {height:2em; background:transparent; color:#ECC491; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:transparent; color:#fff;}
#membersbar{
width:740px;
padding:20px 10px 0px 10px;
float:left;
display:inline;
background:#316CA7 url(images/membersbar/bg.jpg) top left no-repeat;\
overflow:hidden;
}
#left_nav{
width:222px;
float:left;
background:#transparent;
}
#ue{
width:200px;
height:31px;
background:transparent url(images/ue.jpg) top left no-repeat;
margin-top:10px;
}
#cu{
width:200px;
height:31px;
background:transparent url(images/cu.jpg) top left no-repeat;
margin-top:10px;
}
#fourc{
width:200px;
height:31px;
background:transparent url(images/4c.jpg) top left no-repeat;
margin-top:10px;
}
#mfg{
width:222px;
height:31px;
background:transparent url(images/mfg.jpg) top left no-repeat;
margin-top:10px;
}
#afg{
width:222px;
height:31px;
background:transparent url(images/afg.jpg) top left no-repeat;
margin-top:10px;
}
#wa{
width:200px;
height:31px;
background:transparent url(images/wa.jpg) top left no-repeat;
margin-top:10px;
}
#bf{
width:200px;
height:31px;
background:transparent url(images/bf.jpg) top left no-repeat;
margin-top:10px;
}
#side_info{
width:202px;
background:transparent url(images/side-info.png) top right no-repeat;
padding:10px;
margin:10px 0 0 0;
#background:#4F89C0 url(images/side-info.gif) top right no-repeat;
}
#side_info ul{
margin:0px;
display:inline;
padding:0;
#display: block /*setting for IE7*/
_display: block /*setting for IE6*/

}
#side_info li{
margin-top:5px;
font-size:.825em;
color:#fff;
margin-left:10px;

}
#side_info h3{
font-size:1em;
color:#fff;
font-weight:normal;
}
#side_info p{
font-size:.825em;
color:#fff;
margin-bottom:10px;
}
#side_info a{
color:#fff;
}
#white_box{
	background:#fff url(images/boxtop.jpg) top center no-repeat;
	width:458px;
	float:right;
	margin:10px 10px 0 10px;
	padding:20px;
	height:100%;
	display:inline;
}
#white_box img{
	float:right;
	padding:10px 0px 20px 20px;
}
#white_box p{
font-size:.825em;
margin-bottom:20px;
} 
#white_box a{
color:#3B89D7;
}
#white_box h3{
font-size:1em;
}
#white_box ul{
margin:0 0 20px 20px;
padding:0;
}
#white_box ul li{
font-size:12px;
margin-top:0px;
}
#blockquote{
width:200px;
font-size:.825em;
background:#e5e5e5 ;
padding:10px 10px 10px 20px;
margin:0 0 10px 10px;
float:right;
}
div.d1{
	width: 185px;
	height:125px;
	border: 0px solid #999;
	margin: 0px 0 20px 0;
	float:left;
	background: url(images/membersbar/1a.jpg); 
 }
 
div.d1 div {margin: 0px 0;}

div.d1 table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.d1 table td {padding: 0px 0;}

div.d1 a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background: url(images/membersbar/1a.jpg); 
	width: 185px;
	height:125px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}

div.d1 a:hover {background:  url(images/membersbar/1b.jpg) top left no-repeat; cursor: pointer; }

div.d2 {
	width: 185px;
	height:125px;	
	border: 0px solid #999;
	margin: 0px 0 20px 0;
	float:left;
	background: url(images/membersbar/2a.jpg); 
 }
 
div.d2 div {margin: 0px 0;}

div.d2 table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.d2 table td {padding: 0px 0;}

div.d2 a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background:  url(images/membersbar/2a.jpg) top left no-repeat; 
	width: 185px;
	height:125px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}

div.d2 a:hover {background:  url(images/membersbar/2b.jpg) top left no-repeat; cursor: pointer; }

div.d3 {
	width: 185px;
	height:125px;
	background: url(images/membersbar/3a.jpg); 
	border: 0px solid #999;
	margin: 0px 0 20px 0;
	float:left;
 }
 
div.d3 div {margin: 0px 0;}

div.d3 table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.d3 table td {padding: 0px 0;}

div.d3 a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background:  url(images/membersbar/3a.jpg) top left no-repeat; 
	width: 185px;
	height:125px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}

div.d3 a:hover {background:  url(images/membersbar/3b.jpg) top left no-repeat; cursor: pointer; }

div.d4 {
	width: 185px;
	height:125px;
	background: url(images/membersbar/4a.jpg); 
	border: 0px solid #999;
	margin: 0px 0 20px 0;
	float:left;
 }
 
div.d4 div {margin: 0px 0;}

div.d4 table {
	border-collapse: 
	collapse; 
	border: none; 
	width: 100%;
	}

div.d4 table td {padding: 0px 0;}

div.d4 a {
	text-decoration: none; 
	display: block; 
	padding: 0px 0px; 
	background:  url(images/membersbar/4a.jpg) top left no-repeat; 
	width: 185px;
	height:125px;	/* bug in IE; must be in px (150-(5+5)-(1+1)) */
}

div.d4 a:hover {background:  url(images/membersbar/4b.jpg) top left no-repeat; cursor: pointer; }
#footer{
background:#fff url(images/footer.jpg) top left no-repeat;
padding:0 20px;
width:760px;
height:100px;
float:left;
margin:0 auto;
}
#footer p{
text-align:center;
color:#000;
margin-top:37px;
font-size:.75em;

}
#nav{
background:transparent;
padding-left:15px;
height:31px;
	padding-top:10px;
width:725px;
}

#nav, #nav ul {
	margin: 0;
	list-style: none;
	font-size:12px;
	
	}
	
	#nav ul{
	
	
	background:transparent;
	}

#nav a {
	display: block;
	
}

#nav li {
	float: left;
	padding:0px 0px 0px 10px;
	background:#4F89C0 url(images/tableft.jpg) top left no-repeat;
	height:31px;
}

#nav li a{
padding:5px 20px 6px 10px;
color:#fff;
background:#4F89C0 url(images/tableft.jpg) top right no-repeat;
}

#nav li li{
border-left:1px solid #999;
border-right:1px solid #999;
border-bottom:1px solid #999;
width:180px;
background:#fff;
}

#nav li ul {
	position: absolute;
	width: 180px;
	left: -999em;
	margin-left:-10px;
	padding:0px 0 0 0;
	
}

#nav li li a {
color:#0B223E;
padding:5px;
width:180px;
background:#fff;
width:170px;
}

#nav li li:hover{
background:#B4C5D5;
}

#nav li li a:hover{
background:#B4C5D5;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	
}

#nav li li.sfhover{
background:#D8DDE1;
}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
	width:745px;
	height:31px;
	font-size:12px;
	position:relative;
	z-index:100;
	visibility: visible;
}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; background:#4F89C0 url(images/tableft.jpg) top left no-repeat; padding-left:20px;}
.menu li li {background:transparent;margin-left:-20px;}
.menu li li li{background:transparent;margin-left:20px;display:inline;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff;  height:31px;  background:#4F89C0 url(images/tableft.jpg) top right no-repeat; padding-right:20px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {float:left;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#fff ;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#B4C5D5 ;}
.menu ul ul :hover > a.drop {background:#B4C5D5;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#fff; color:#000; height:auto; line-height:1em; padding:10px 30px 10px 10px; width:128px;border-left:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover{color:#fff; background:transparent url(images/tableft.jpg) top right no-repeat;}
.menu ul ul a:hover{color:#fff; background:#B4C5D5;}
.menu :hover > a{color:#fff;background:transparent url(images/tableft.jpg) top right no-repeat;}
.menu ul ul :hover > a {color:#fff;background:#B4C5D5;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}

#VideoPlayback {
	margin: 6px;
	height: 303px;
	width: 366px;
	background-color: transparent;
}
#hero_shot2 {
	width:380px;
	height:315px;
	float:left;
	background-color: transparent;
	background-image: url(images/hero2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#MediaLogo {
	margin: 6px;
	height: 247px;
	width: 366px;
	background-color: transparent;
}
.VideoTitle {
	color: #FFFF99;
	font-size: 14px;
}
.NowPlaying {
	font-size: x-small;
	font-weight: bold;
	color: #FFFF99;
}
.img1 {
	float: left;
	padding-right: 15px;
	padding-bottom: 10px;
}


/* SpryMenuBarVertical.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/*******************************************************************************

 LAYOUT INFORMATION: describes box model, positioning, z-order

 *******************************************************************************/

/* The outermost container of the Menu Bar, a fixed width box with no margin or padding */
ul.MenuBarVertical
{
	list-style-type: none;
	font-size: 100%;
	cursor: default;
	width: 320px;
	border: 0px none #FFFFFF;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 2;
	padding-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
{
	z-index: auto;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	list-style-type: none;
	font-size: x-small;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 320px;
	padding: 0;
	margin: 0;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #D5BA9D;
	border-right-color: #D5BA9D;
	border-bottom-color: #D5BA9D;
	border-left-color: #D5BA9D;
}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarVertical ul
{
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 8.2em;
	left: -1000em;
	margin-top: -5%;
	margin-right: 0;
	margin-bottom: 0%;
	margin-left: 95%;
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: 275px;
	border-top-width: medium;
	border-right-width: medium;
	border-bottom-width: medium;
	border-left-width: medium;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #D5BA9D;
	border-right-color: #D5BA9D;
	border-bottom-color: #D5BA9D;
	border-left-color: #D5BA9D;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{


}

/*******************************************************************************

 DESIGN INFORMATION: describes color scheme, borders, fonts

 *******************************************************************************/

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{

}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{

}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #2262A2;
	padding: 0.5em 0.75em;
	color: #FFFFFF;
	text-decoration: none;
}
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarVertical a:hover, ul.MenuBarVertical a:focus
{
	background-color: #D5BA9D;
	color: #333333;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarVertical a.MenuBarItemHover, ul.MenuBarVertical a.MenuBarItemSubmenuHover, ul.MenuBarVertical a.MenuBarSubmenuVisible
{
	background-color: #D5BA9D;
	color: #333333;
}

/*******************************************************************************

 SUBMENU INDICATION: styles if there is a submenu under a given menu item

 *******************************************************************************/

/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenu
{
	background-image: url(services/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarVertical a.MenuBarItemSubmenuHover
{
	background-image: url(services/SpryAssets/SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 95% 50%;
}

/*******************************************************************************

 BROWSER HACKS: the hacks below should not be changed unless you are an expert

 *******************************************************************************/

/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarVertical iframe
{
	position: absolute;
	z-index: auto;
	display: none;
}
	ul.MenuBarVertical li.MenuBarItemIE
	{
	display: inline;
	f\loat: left;
	background-color: #2262A2;
	}
#white_box img2 {
	float:right;
	padding:10px 0px 20px 20px;
}
#white_box2 {
	background:#fff url(images/boxtop.jpg) top center no-repeat;
	width:458px;
	float:right;
	margin:10px 10px 0 10px;
	padding:20px;
	height:100%;
	display:inline;
}
.style1 {color: #5089C0}
.style2 {
	color: #FFFFFF;
	font-weight: bold;
}
.style3 {color: #FFFFFF}
#hero_shot3 {
	width:380px;
	height:315px;
	float:left;
	background-color: transparent;
	background-image: url(images/hero3.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.style9 {font-size: 14px}
.style10 {color: #5089C0}
.style11 {
	color: #FFFFFF;
	font-weight: bold;
}
.style12 {color: #FFFFFF}
.style14 {font-size: small}
.VideoTitle2 {
	color: #FFFFFF;
	font-size: 14px;
}
#hero_shot4 {
	width:330px;
	height:300px;
	float:left;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
}
.style15 {
	font-size: small;
	color: #FFFFFF;
}
#side_info2 {
	width:auto;



#background:#4F89C0 url(images/side-info.gif) top right no-repeat;		background-color: #CC9;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	float: left;
	border: medium solid #C33;
	padding: 10px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
#side_info3 {
	width:auto;




#background:#4F89C0 url(images/side-info.gif) top right no-repeat;				background-color: #CC9;
	background-image: none;
	background-repeat: no-repeat;
	background-position: right top;
	text-align: center;
	float: left;
	border: medium solid #C33;
	padding: 10px;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
}
.style16 {
	color: #006699;
	text-decoration: underline;
}