@charset "utf-8";
/* CSS Document */

* {
	margin:0;
	padding:0;
}

body {
	background-color:#e7f5fd;
	background-image:url(../GlobalImages/wrapperbg.jpg);
	background-repeat:repeat-x;
	background-position: 0 0;
	width:100%;
	font-family: Tahoma, Verdana, Arial;
	font-size:12px;
	margin:0;
	padding:0;
	color: #555555;
}

a:link, a:visited {
	color:#7a1c12;
	text-decoration:none;
	bebletter-spacing:.1em;
}


.right_box_contents {
  color: #dddd00;
}
.right_box_contents a:link, a:visited {	
  color:#ddddff;
  text-decoration: none;
}
.right_box_contents a:hover {
  color:#ffffff;
}



img {
	border:0;
}

a:link, a:visited {
	color:#7a1c12;
	text-decoration:none;
	letter-spacing:.1em;
}

a:hover {
	color:#992518;
	text-decoration:none;
	letter-spacing:.1em;
	bebborder-bottom:1px solid #992518;
	padding:0 0 2px 0;
}

#content .img_b {
	border:7px solid white;
	float:left;
	display:block;
	margin:0 0 10px 0;
}

#content .img_br {
	border: 4px solid white;
	float: right;
	bebdisplay: block;
	margin:0 0 10px 10px;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	color:#0a0360;
	letter-spacing:.1em;
}

.longheading {
	font-size:22px;
	
}

.longheading2 {
	font-size:18px;
	line-height:1.3em;
	
}


#tagline {
	color:#000;
	font-weight:bold;
	padding:0 0 20px 0;
	display:block;
	font-size:13px;
	
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#21368b;
	letter-spacing:.1em;


}

h3 {
	font-family:Arial, Helvetica, sans-serif;
	color: #3027a4;
}

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

p {

}

.caption {
	font-size:11px;
	line-height:1.4em;
	padding: 10px 0 0 10px;
	color:#3027a4;
	width:580px;
}

.BEBinfo {
	padding:15px 0 0 0;
	line-height:1.5em;
}

.info2 {
    color: #ffffff;
}

.contentimage {
	display:inline-block;
	padding:10px 0 0 0;
}

ul {

}

li {
	
}

.infolists {
	padding:10px 0 0 20px;
	list-style:circle;
	line-height:1.4em;
}

.NoBullets {
	list-style:none;
	padding:10px 0 0 20px;
	line-height:1.7em;
}

dl {
	line-height:1.4em;
	
}

dt {
	font-weight:bold;
	padding: 0 0 5px 0;
}

dd {
	padding:0 0 0 10px;
}



.clear {
	clear:both;
}

#wrapper {
	width:1024px;
	margin: 0 auto;
}

#header {
	width:850px;
	height:150px;
	margin:0 auto;
}

#logo {
	width:288px;
	height:71px;
	float:left;
	padding:20px 0 0 0;
}

#indent {
	text-indent:-9999px;
	float:left;
	width:1px;
}

#logo a:hover {
	border:none;
}

#donatebutton {
	float:right;
	position:relative;
	width:172px;
	height:48px;
	top:-5px;
	background-image:url(../GlobalImages/donatebtn_.jpg);
}

#donatebutton a, #donatebutton a:visited {
	text-decoration:none;
	width:172px;
	height:48px;
}

#donatebutton a:hover {
	width:172px;
	height:48px;
	border:none;
	letter-spacing:normal;
}

#search {
	width:290px;
	height:35px;
	background-color:transparent;
	margin-top: -10px;
	float:right;
	clear:both;
}

#searchfield {
	height:35px;
	width:221px;
	float:left;
	padding:10px 0 0 10px;
	margin:0;
	background-image:url(../GlobalImages/search.jpg);
	background-repeat:no-repeat;
	background-color:transparent;
	border:none;
}

#btn {
	background-image:url(../GlobalImages/search_btn.jpg);
	background-repeat:no-repeat;
	width:45px;
	height:35px;
	border: none;
	padding:0;
	margin:0;
	text-indent:-9999px;
	float:left;
}

#mainnav {
	margin:0 auto;
	margin-top: -25px;
	padding: 15px 0 0 0;
	width:850px;
	height:45px;
	background-image:url(../GlobalImages/navbg2.png);
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}

#content_index {
	width:850px;
	margin:0 auto;
	position:relative;
	padding: 3px 0 20px 0;
}
#content {
	width:850px;
	margin:0 auto;
	position:relative;
	padding: 20px 0 40px 0;
}

#left {
	float:left;
	width:600px;
	bebbackground:#e7f6fd;
	background-image:url(../GlobalImages/left_bkgd.png);
	background-repeat:no-repeat;
	line-height:1.5em;
	padding: 10px 5px 5px 10px;
	}
#left p { padding: 10px 20px 0px 0px; }
#left h1 { padding: 0px 0 0px 0; }
#left h2 { padding: 20px 0 10px 0; }
#left h3 { padding: 20px 0 10px 0; }

#right {
	float:right;
	width:210px;
	height: 400px;
	bebbackground:#def0fe;
	background-image:url(../GlobalImages/right_bkgd.png);
	background-repeat:no-repeat;
	padding:10px;
}

#right h3 {	font-size:16px; }
#right p, #right p a { color: #555555; text-decoration: none; }

#dl contact {	
}

#footerwrapper {
	background-image:url(../GlobalImages/footerbg2.jpg);
	background-repeat:repeat-x;
	height:348px;
	margin: 0 auto;
	padding:0;
	position:relative;
}
		
#footer {
	margin: 0 auto;
	text-align: left;
}

#footer a, #footer a:visited {
	color:#0a035f;
	text-decoration:none;
	letter-spacing:normal;
}

#footer a:hover {
	color:#d9d6e9;
	border:none;
	letter-spacing:normal;
}

#footer ul{
	padding:0;
	margin:30px 0 0 0;
	float: left;
	width: 850px;
}

#footer ul li {
	 display: inline; 
	 padding:0 60px 0 0;
	 word-spacing:.3em;
	 font-weight:bold;
}


#socialnetworks {
	padding: 10px 0 0 0;
	font-size:10px;
	margin: 0 0 0 98px;
	width:850px;
	word-spacing:5em;
	vertical-align: top;
}

#email {
	margin-left:500px;
	vertical-align: top;
}

#footernav {
	padding: -10px 0 0 0;
	font-size:12px;
	width: 850px;
	color:#cbc8e0;
	line-height:2em;
	margin: 0 0 0 98px;
	height:100%;
}

#superfooter {
	padding: 100px 0 0 0;
	font-size:9px;
	color:#cbc8e0;
	line-height:2em;
	margin: 0 0 0 98px;
	height:100%;
	letter-spacing: .18em;
}

#mainpict {
    position: absolute;
}

#mainpict_mask {
    position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

#mainpict_show {
    position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
}

#heroimage {
	margin:0;
	padding:0;
	float:left;
	width:580px;
	height:270px;
	position:relative;
	border:none;
}
#hero img {
	border:none;
}

#hero {
	margin: 0 auto;
	width:850px;
	height:270px;
	position:relative;
	
}

#herocontent {
	float:right;
	margin-top:-270px;
	width:250px;
	height:250px;
	padding:10px;
	color:#fff;
	font-size:12px;
	line-height:1.5em;
	background-image:url(../GlobalImages/box0bg_rnd.png);
	background-repeat:no-repeat;
	position:relative;
}

#herocontent h2 {
  font-size: 18px;
  padding: 0 0 20px 0;
}

#box1 {
	width:275px;
	height:275px;
	float:left;
	margin:10px 10px 0 0;
	background-image:url(../GlobalImages/box1bg_rnd.png);
	background-repeat:no-repeat;
	color:#fff;
	position:relative;
	line-height:1.5em;
}

#box1 h3{
	color:#fff;
	padding: 0 0 20px 0;
}

#box1_text {
    margin: 15px;
}
	

#box2 {
	width:280px;
	height:275px;
	float:left;
	margin:10px 10px 0 0;
	color:#fff;
	background-image:url(../GlobalImages/box2bg_rnd.png);
	background-repeat:no-repeat;
	position:relative;
	line-height:1.5em;
}

#box2 h3{
	color:#fff;
	padding: 0 0 20px 0;
}

#box2_text {
    margin: 15px;
}

#box3 {
	width:275px;
	height:275px;
	float:right;
	margin:10px 0 0 0;
	background-image:url(../GlobalImages/box3bg_rnd.png);
	background-repeat:no-repeat;
	color:#fff;
	position:relative;
	line-height:1.5em;
}
#box3 h3{
	color:#fff;
	padding: 0 0 20px 0;
}

#box3_text {
    margin: 15px;
}

#morelikely{
	float:right;
	padding:10px 0 0 0;	
	color:#693;
}
#morelikely h4 {
	text-decoration:underline;
}

#lesslikely {
	float:left;
	padding:10px 0 0 0;
	color:#900;
}

#lesslikely h4 {
	text-decoration:underline;
}

#boxquote {
	float:right;
	padding:20px;
	width:400px;
	height:auto;
	background:#fff;
	line-height:1.7em;
	color:#666;
	font-weight:bold;
	letter-spacing:.1em;
	font-size:14px;
}
/*******************************************************************************
image rotator

 *******************************************************************************/
 /* rotator in-page placement */
    div#rotator {
	position:relative;
	height:270px;
	width:580px;
}
/* rotator css */
	div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator ul li img {

}
    div#rotator ul li.show {
	z-index:500
}
/*******************************************************************************
 *******************************************************************************/
}
/*******************************************************************************
image rotator 2 right

 *******************************************************************************/
 /* rotator in-page placement */
    div#rotator2 {
	position:relative;
	height:163px;
	width:195px;
}
/* rotator css */
	div#rotator2 ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div#rotator2 ul li img {

}
    div#rotator2 ul li.show {
	z-index:500
}
/*******************************************************************************
 *******************************************************************************/


/***********************************************MENU STYLE********************************************************/


/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */

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

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

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

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

/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
{
	margin: 0;
	padding: 0 0 0 30px;
	list-style-type: none;
}
/* 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 a fixed width */
ul.MenuBarHorizontal li
{
	margin: 0;
	padding: 0 20px 0 0;
	list-style-type: none;
	position: relative;
	text-align: left;
	cursor: pointer;
	width: auto; /*WIDTH OF EACH MAN NAV BUTTON*/
	float: left;
}
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 1020;
	cursor: default;
	width:150px;
	position: absolute;
	left: -1000em;
	background-image:url(../GlobalImages/navbg_sub1x1.png);
	background-repeat: repeat;
	top:37px;
	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
{
	left: auto;
	
}
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
{
	width: 130px;

}
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
{
	position: absolute;
	margin: 0 0 0 100%;
	font-size:12px;	
}
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
{
	left: auto;
	top:0;;
}

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

 DESIGN INFORMATION: describes color scheme, borders, fonts

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

/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
{
	border:none;
	
}

/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
{
	display: block;
	cursor: pointer;
	background-color:transparent; /*background color of nav*/
	padding: 0.5em 0.75em; 
	color:#d9d6e9;
	text-decoration:none;
	font-size: 14px;
}

.MenuBarHorizontal ul li a
{
	font-size: 12px;
	width:132px;

}
.MenuBarHorizontal ul li a:hover
{
	background-color:#a097ce;
}

/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
{	
	text-decoration:none;
	border:none;
}
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
{
	background-color:transparent; /*background color HOVER*/
	color: #FFF;
	border:none;
	text-decoration: none;
}

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

 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.MenuBarHorizontal a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarDown.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	
}
/* 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.MenuBarHorizontal ul a.MenuBarItemSubmenu
{
	background-image: url(SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position:100% 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.MenuBarHorizontal a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarDownHover.gif);
	background-repeat: no-repeat;
	background-position: 100% 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.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
{
	background-image: url(SpryMenuBarRightHover.gif);
	background-repeat: no-repeat;
	background-position: 100% 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.MenuBarHorizontal iframe
{
	position: absolute;
	z-index: 1010;
	filter:alpha(opacity:0.1);
}
/* 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.MenuBarHorizontal li.MenuBarItemIE
	{
		display: inline;
		float: left;
		background: #FFF;
	}
}

.pagenameinbc {
    font-weight: bold;
	letter-spacing: 0.1em;
}

#announcement_home { 
    width: 850px; 
	display: block;
	text-align: center;
	margin: 0px 0 0px 0px;
	padding: 0 0 10px 0;
	font-weight: bold; 
	font-size: 13px; 
	color: #990000;
	position: relative;
}

#announcement_home a:link, a:visited {	
  color:#990000;
  text-decoration: none;
}

#announcement_home a:hover {
    color:#ffffff;	
}

#announcement_home img { border:0; margin-top: 0px; display: inline-block; }

#breadcrumb { 
    width: 850px; 
	margin: -20px 0 13px 0;
	font-weight: bold; 
	font-size: 13px; 
	color: #eeeeee;
	letter-spacing: 3px;
	padding: 0;
}

#breadcrumb a:link, a:visited {	
  color:#000000;
  text-decoration: none;
  font-weight: normal; 
}
#breadcrumb a:hover { color:#ffffff;	font-weight: normal; 
}

#bc_red {
	background-image:url(../GlobalImages/bc_red_bkgd.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}
#bc_purple {
	background-image:url(../GlobalImages/bc_purple_bkgd.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}
#bc_brown {
	background-image:url(../GlobalImages/bc_brown_bkgd.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}
#bc_green {
	background-image:url(../GlobalImages/bc_green_bkgd.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
}


.big_title_purple {
  color: #3027a4;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 22px;
  margin-bottom: -5px;
  bebvertical-align: middle;
}
.big_title_purple img {
  vertical-align: middle;
  margin-top: -10px;
}

.big_title_line_purple {
width: 100%; height: 1px; line-height: 1px; margin: 0px 0 11px 0; background-color: #9189bc;
}

.client_story_purple {
  margin: 10px 0 0 0;
  padding: 0 0 0 10px;
 bebborder: 1px solid #b0a7d8;
  border: 1px solid #ffffff;
  background-color:#f0f9ff;

}


#bottombar_red { float:left; width: 850px; clear: both; height: 1px; line-height: 1px; margin: 22px 0 11px 0; background-color: #a93220;
}
#bottombar_purple { float:left; width: 850px; clear: both; height: 1px; line-height: 1px; margin: 22px 0 11px 0; background-color: #b0a7d8;
}
#bottombar_brown { float:left; width: 850px; clear: both; height: 1px; line-height: 1px; margin: 22px 0 11px 0; background-color: #c1912c;
}
#bottombar_green { float:left; width: 850px; clear: both; height: 1px; line-height: 1px; margin: 22px 0 11px 0; background-color: #a4c867;
}

.title_red { color: #a93220;
}
.title_purple { color: #9189bc;
}
.title_brown { color: #c1912c;
}
.title_green { color: #a4c867;
}

.box_right { padding: 10px; color: #ffffff; clear: both; margin-top: 10px;
}
.box_right h3 { color: #ffffff; 
}
.boxrnd_right { padding: 10px; margin: 8px 0 0 0; clear: both; 
}
.boxrnd_right h3 { color: #ffffff; padding-bottom: 10px;
}
.boxrnd_right p { color: #ffffff; 
}
.boxrnd_right ul { color: #ffffff; padding-left: 15px; padding-top: 10px;
}
.boxrnd_right_ltblue { padding: 10px; margin: 8px 0 0 0; clear: both; 
}
.boxrnd_right_ltblue h3 { color: #21368b; padding-bottom: 10px;
}
.boxrnd_right_ltblue p {  
}
.boxrnd_right_ltblue ul { padding-left: 15px; padding-top: 10px;
}
.box_red { background-color: #a93220; 
}
.box_purple { background-color: #b0a7d8; 
}
.box_brown { background-color: #c1912c; 
}
.box_green { background-color: #a4c867; 
}
.box_ltblue { background-color: #c6e6fc;
}
.rb_title_purple { color: #9189bc; font-size: 16px; font-weight: bold;
}
.rb_title_blue { color: #21368b; font-size: 16px; font-weight: bold;
}
.big_title_logo_line { position: relative; width: 580px; height: 46px; background-repeat: no-repeat; background-image: URL(../GlobalImages/program_cs_line.png); margin: 0 0 -20px 0; padding: 10px 0 0 50px; color: #21368b; font-weight: bold; font-size: 16px;
}
.big_title_logo_line2 { position: relative; width: 580px; height: 46px; background-repeat: no-repeat; background-image: URL(../GlobalImages/logo1.png); margin: 0 0 -20px 0; padding: 10px 0 0 50px; color: #21368b; font-weight: bold; font-size: 16px;
}
.box_purple_outline { background: URL(../GlobalImages/rightmid_purple_outline.png); 
}
.box_ltblue_outline { background: URL(../GlobalImages/rightmid_ltblue_outline.png); 
}


.fullwidthbox { margin-top: 11px; margin-right: 10px; border: 2px solid #c6e6fc;
}
.fwb_header { background-color: #21368b; color: #ecf8fe; letter-spacing: .2em; padding-left: 4px; border: 2px solid #21368b;
}
.fwb_longheader { background-color: #21368b; color: #ecf8fe; letter-spacing: 0.1em; padding-left: 4px; border: 2px solid #21368b;
}
.fwb_contents { padding: 10px; background-color: #f0fbff;
}

#rightrotator {
	position:relative;
}

.infolists a:link, .infolists a:visited {
	color:#7a1c12;
	text-decoration:none;
	letter-spacing:.1em;
}

.img_nob { border: 0; }
.img_logo { border: 0; margin: 5px; }
.mainsection ul { padding: 0; margin: 0 0 0 20px; }
.mainsection a { color: #7a1c12; text-decoration: none; }

a.swhopelink { text-decoration: none; color: #a93220; font-weight: normal; letter-spacing: normal; }