/* CSS Document */

body {
	background-image:url(../images/bg.jpg);
	text-align:center;
	margin:0px;
	padding:0;
	font:normal 0.8em/1.2em verdana,aria,sans-serif;
	color:#666;
	}
.main{
margin:0 auto;
padding:0;
}
.header {
width:800px;
margin: 0 auto;
padding: 0;
text-align:center;
vertical-align:top;
background-color:#ffffff;
border:0px solid #ff0000;
	}
.logo{
float:left;
width:254px;
height:90px;
background-image: url(../images/logo.jpg)
}
.white-space{
float:left;
width:230px;
height:90px;
background:#ffffff;

}
.leftside{
float:right;
width:316px;
height:90px;
background:#ffffff;
background-image:url(../images/blue_image.jpg);
background-repeat:repeat-x;	
	}
.linkbar{
width:800px;
float:left;
height:30px;
margin:0;
padding:0px;
background-image:url(../images/link_bgimage.jpg);
background-repeat:repeat-x;
}	
.home{
width:785px;
margin-left:15px;
padding-top:8px;
text-align:left;
vertical-align:center;
font-family:Myriad Pro ,arial;
font-size:10px;
color:#012f5d;
font-weight:none;
}
.home a.link{
font-family:Myriad Pro ,arial;
font-size:10px;
color:#012f5d;
text-decoration:none;
font-weight:none;

}
.home a.link:hover{
font-family:Myriad Pro ,arial;
font-size:10px;
color:#012f5d;
text-decoration:none;
font-weight:none;
}
.flash-file{
width:800px;
height:264px;
float:left;
text-align:center;
vertical-align:top;
background-image:url(../images/blue_bgimag.jpg);
background-repeat:repeat-x;
}
.content{
width:800px;
margin:0 auto;
background:url("../images/left_bgimage.jpg");
background-position:left;
background-repeat:repeat-y;

}
.leftcol { 
	top:0px;
	left:0px;
	float:left;
	width:196px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:186px; /* actual value */
	margin:0px 0 0px -1px;
	padding:0px;
	background-color: #ECB9E8;
	z-index:5000;
	}
	.leftco2 { 
	top:0px;
	left:0px;
	float:left;
	width:196px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:188px; /* actual value */
	margin:0px 0 0px 0px;
	padding:0px;
	background-color: #ECB9E8;
	z-index:5000;
	}
.menu {
width: 186px;
background: #dcdacc;
z-index:2;
padding-top:20px;
margin-left:0px;
}
.menu1 {
width: 188px;
background: #dcdacc;
z-index:2;
padding-top:20px;
margin-left:0px;
}

.centercol2 {
	width:270px;
	float:left;
	margin-top:0px;
	padding-left:10px;
	text-align:left;
	background-color:#ffffff;
	border-right:1px solid #eae8e2;
	
	}
	.centercol3 {
	width:377px;
	float:left;
	margin-top:0px;
	padding-left:10px;
	text-align:left;
	background-color:#ffffff;
	border-right:1px solid #eae8e2;
	
	}
	
.capital{
	width:270px;
	float:left;
	margin-left:0px;
	margin-top:20px;
	text-align:left;
	font-family:arial, verdana;
	font-size:11px;
	color:#8e3a0f;
	font-weight:bold;
}	
.capital a{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: none;
font-weight:bold;}

.capital a:hover{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: underline;
font-weight:bold;}

.Phase{
	width:260px;
	float:left;
	margin-top:10px;
	margin-left:0px;
	text-align:left;
	font-family:arial, verdana;
	line-height:16px;
	font-size:11px;
	color:#86816d;
	font-weight:none;	
}
.rightcol2 {
	float:left;
	width:360px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:314px;  /* actual value */
	z-index:99;
	text-align:left;	
	padding-top: 20px;
	padding-left: 20px;
	background-color:#ffffff;	
	}
	.rightcol3 {
	width:204px;
	float:left;
	z-index:99;
	text-align:left;	
	padding-top: 20px;
	padding-left: 20px;
	background-color:#ffffff;	
	}
	
.process{
	float:left;
	height:25px;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana;
	font-size:11px;
	color:#8e3a0f;
	font-weight:bold;
	width: 250px;
		}
		
.process a{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: none;
font-weight:bold;}

.process a:hover{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: underline;
font-weight:bold;}


.simpletext{
	float:left;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana;
	line-height:16px;
	font-size:11px;
	color:#86816d;
	font-weight:none;	
	width: 250px;
}
.related-simpletext{
	float:left;
	margin-top:0px;
	text-align:left;
	font-family:arial, verdana;
	line-height:16px;
	font-size:11px;
	color:#86816d;
	font-weight:none;	
	width: 204px;
}

.footer {	
clear:both;	
top:0px;
width:800px;
margin: 0 auto;

padding: 0;
text-align:center;
	}
.footertext{
float:left;
width:800px;
height:112px;
background-image:url(../images/footer_image.jpg);
background-repeat:repeat-x;
}
.footerimage1{
width:800px;
height:38px;
margin-top:-41px;
position:absolute;
float:none;

}
.real{
float:left;
width:340px;
margin-top:30px;
margin-left:10px;
font-family: arial, verdana;
line-height:16px;
font-size:11px;
color:#e5e3d8;
text-align:left;
font-weight:none;

}
.copy{
float:right;
width:275px;
margin-top:30px;
margin-right:10px;
font-family: arial, verdana;
line-height:16px;
font-size:11px;
color:#e5e3d8;
text-align:right;
font-weight:none;
}

.copy a{
	color:#ffffff;
	text-decoration: none;
}

.copy a:hover{
	color:#ffffff;
	text-decoration: underline;
}




p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
padding-right: 15px;
}	

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

ul {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

strong {
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.whiteline{
width:800px;
float:left;
height:1px;
background-color:#ffffff;
}
.stretegy{
width:387px;
height:164px;
float:left;
top:0px;
float:left;
z-index:99;
}
.image2{
width:224px;
height:164px;
top:0px;
left:0px;
float:left;
}
.left-side{
width:184px;
float:left;
background-color:#fbfbf9;
border:1px solid #fbfbf9;
}
.related{
float:left;
width:195px;
font-family: arial, verdana;
font-size:11px;
color:#02284f;
font-weight:bold;
text-align:left;
padding-top:0px;
padding-left:0px;
background-color:#ffffff;
border-right:0px solid #eae8e2;
}
.learntext{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
font-weight:bold;}

.learntext a{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: none;
font-weight:bold;}

.learntext a:hover{
font-family: arial, verdana;
font-size:11px;
margin-top:10px;
color:#8e3a0f;
text-decoration: underline;
font-weight:bold;
}
.pageheader {
	width:204px;
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	color: #8e3a0f;
	margin-top: 17px;
	font-weight: bold;
}
.topheader {
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #02284f;
	padding-top: 15px;
	font-weight: bold;
}




/*-----drop down menu-----*/

@charset "UTF-8";

/* 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
{
	margin: 0;
	padding-left: 5px;
	list-style-type: none;
	font-family:Arial, Myriad Pro;
	font-size:11px;
	color: #8e3a0f;
	cursor: default;	
	width: 181px;
}
/* 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: 1000;
}
/* Menu item containers, position children relative to this container and are same fixed width as parent */
ul.MenuBarVertical li
{
	margin:0px;
	padding: 0;	
	list-style-type: none;
	font-family:Arial, Myriad Pro;
	font-size:11px;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: 181px;	
}
/* 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
{
	margin: 0% 0 0 100%;
	padding: 0;
	list-style-type: none;
	font-size: 100%;
	position: absolute;
	z-index: 1020;
	cursor: default;
	width: 181px;;
	left: -1000em;
	top: 0;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarVertical ul.MenuBarSubmenuVisible
{
	left: 0;
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarVertical ul li
{
	width: 186px;
	
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Outermost menu container has borders on all sides */
ul.MenuBarVertical
{
	border: 0px #eae8e2 solid;
}
/* Submenu containers have borders on all sides */
ul.MenuBarVertical ul
{
	border: 0px #eae8e2 solid;
}
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarVertical a
{
	display: block;
	cursor: pointer;
	background-color: #dcdacc;
	padding: 0.3em;
	color: #8e3a0f;
	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: #dcdacc;
	color: #a00;
}
/* 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: #dcdacc;
	color: #a00;
}

/* 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: 1010;
}
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
{
	ul.MenuBarVertical li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

/*---------end drop down menu-----------*/

.wrapper1 {
	width:800px;	
	margin:0 auto;
	text-align:center;
	margin-top:0px;
	padding:0;
	float:left;
	text-align:left;
	border:0px solid #ff0000;
	background:#FFFFFF url("../images/white-img.gif") repeat-y top right;
	}
.wrapper2 {
	width:800px;
	margin:0 auto;
	padding:0;
	float:left;
	text-align:center;	
	background:url("../images/grey_bgimage.jpg") repeat-y top left;
	}
.wrapper3 {
	width:800px;	
	margin:0 auto;
	text-align:center;
	margin-top:0px;
	padding:0;
	text-align:left;
	background-color: #ffffff;
	}
.wrapper4 {
	width:800px;
	margin:0 auto;
	padding:0;
	float:left;
	text-align:center;	
	background:#dcdacc url("../images/left_bgimage.gif") repeat-y top left;
	}