body{
	text-align: center;
	margin: 0;
	padding: 0;
}


/*------------------------------------------------
  Header
 -----------------------------------------------*/
#header_wrapper {
	width:100%; 
	text-align:center;
	background: #fff url(../img/header_bg.gif) top left repeat-x;
}
#header { 
	text-align: left;
	position: relative;
	top: 0;
	left: 0;
	width: 750px;
	margin: 0 auto;
	padding: 0;
	height: 100px;
	}

#logo {
	position: absolute;
	top:18px;
	left:0;
}

/*------------------------------------------------
  Navigation
 -----------------------------------------------*/
 
#nav_wrapper{
	 position: absolute;
	 top: 51px;
	 left: 187px;
	 height: 23px;
	 z-index: 99;
 }

 #nav_wrapper ul {
      margin:0px 0 0 0;
      padding:0px 0 0 0px;
      list-style:none;
      }

#nav_wrapper li {
      float:left;
      background:url(../img/nav_b_left.gif) no-repeat left top;
      margin:0;
      height:23px;
      padding:0 0 0 3px;
            }

#nav_wrapper a {
      float:left;
      display:block;
      width:.1em;
      background:url(../img/nav_b_right.gif) no-repeat right top;
      padding:5px 15px 5px 6px;
      text-decoration:none;
      margin:0;
      font:bold 11px/11px arial,sans-serif;
      height:12px;
      color: #DFA37E;
}

#nav_wrapper > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5 on Mac \*/

#nav_wrapper a {float:none;}
    /* End IE5 on Mac hack */


#nav_wrapper a:hover {
      text-decoration:none;
      color: #fff;
      }

/*--- Navigation ---*/

#res #res_nav,
#home #home_nav,
#ppl_nav #ppl_nav,
#accounts #accounts_nav
 {
      background:url(../img/nav_aleft.gif) no-repeat left top;
}

#res #res_nav a,
#home #home_nav a,
#ppl_nav #ppl_nav a,
#accounts #accounts_nav a
 {
      background:url(../img/nav_aright.gif) no-repeat right top;
      padding:5px 15px 7px 8px;
      font:bold 11px/11px arial,sans-serif;
      text-decoration:none;
      color: #fff;
}

#res #res_sub_nav a
{	
		background: url(../img/sub_nav_arrow_a.gif) 12px 7px no-repeat;
		color: #fff;
	}

#res li#res_sub_nav

{	
		background: url(../img/sub_nav_over.gif) bottom right repeat-x;
	}

#sub_nav li:hover{	
		background: url(../img/sub_nav_over.gif) bottom right repeat-x;
	}

#sub_nav ul li a:hover {	
		background: url(../img/sub_nav_arrow_a.gif) 12px 7px no-repeat;
	}
       
/*------------------------------------------------
  Sub Navigation
 -----------------------------------------------*/

#sub_nav_wrapper {
	background: url(../img/sub_nav_background.gif) top left repeat-x;
	width: 750px;
	position: absolute;
	top: 70px;
	left: -1px;
	background-color: #810;
	margin: 0;
	padding: 0;
	border-left: 1px solid #fff; 
	border-right: 1px solid #fff; 
}


	
#sub_nav a:hover, #nav a.active {
	color: #fff;
	}

#sub_nav a.active {
	}

#res #sub_nav,
#home #sub_nav,
#ppl_nav #sub_nav,
#comp #sub_nav{
	height: 29px;
}



/*------------------------------------------------
  Banner
 -----------------------------------------------*/
#home #banner_wrapper,
#comp #banner_wrapper,
#ppl_nav #banner_wrapper{
	width:100%; 
	text-align:center;
	background-color: #563D27;
}
#home #banner_wrapper img,
#comp #banner_wrapper img,
#ppl_nav #banner_wrapper img{
	padding:0 1px;
	background-color: #fff;
}
#home #banner,
#comp #banner,
#ppl_nav #banner {
	padding: 0 1px;
	background-color: #fff;
	width: 752px;
	position: relative;
	top:0px;
	margin:0 auto;
	left: 0;
}


#banner_wrapper {
	width:100%; 
	text-align:center;
	background-color: #999;
	padding:0;
	margin:0;
}

#banner {
	padding: 0 1px;
	background: #fff url(../img/banner.jpg) 50% 50% no-repeat;
	width: 750px;
	margin:0 auto;
	position: relative;
	top:0;
	left:0;
}

#home #banner img {padding:0; margin:0;}

#res #banner {height:116px;}

#banner h1 {
	position: absolute;
	top: 41px;
	left:240px;
	font: normal 14px/14px arial, sans-serif;
	color:#fff;
	margin: 0;
	padding: 0;
}

/*------------------------------------------------
  Secondary pages content area
 -----------------------------------------------*/
#content_wrapper {
	width:100%; 
	text-align:center;
	background: #f3f3f3 url(../img/background_bottom.gif) top left repeat-x;
}

#content{
	width:752px; 
	text-align:left; 
	position:relative; 
	top:0;
	left:0;
	margin:0 auto;
	background: #fff url(../img/content_bg.gif) 214px 0px no-repeat;
	}

#hotpoints {
	float: left;
	width: 275px;
	font: normal 11px/15px arial, sans-seif;
	color: #333;
	position: relative;
	top: 0;
	left: 45px;
}

#hotpoints ul{
	list-style-image: url(../img/arrow.gif);
	margin: 10px 0 5px 20px;
	font: normal 11px/15px arial, sans-serif;
	color: #333;
	padding:0;
}

#hotpoints ul li{
	margin: 0 0 5px 0;
}

/*------------------------------------------------
  Index Main Content
 -----------------------------------------------*/
#home #content,
#comp #content,
#ppl_nav #content{
	width:752px; 
	text-align:left; 
	position:relative; 
	top:0;
	left:0;
	margin:0 auto;
	background-color: #fff;
	background-image: none;
	}

#main_content{
	float: left;
	margin: 0 0 0 0;
	width: 335px;
	position:relative;
	top:0;
	left:22px;
}

#main_content p{
	font: normal 11px/16px arial, sans-serif;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
}

#main_content h1{
	color: #a81;
	margin: 15px 0 5px;
	padding: 0;
	font: normal 15px/17px arial, sans-serif;
	letter-spacing: -0.2px;
}



#main_content ul{
	list-style-image: url(../img/arrow.gif);
	margin: 0px 0 10px 20px;
	font: normal 11px/14px arial, sans-serif;
	color: #333;
	padding:0;
}

#main_content ul li{
	margin: 0 0 4px 0;
}



#comp #main_content{
	width: 500px;

}

#news {
	width: 155px;
	margin: 0px auto;
	padding: 15px 0;
}

#news .divider {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}

#news .divider:hover {
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
	background-color:#f8f8f8;
}
.news_wrapper_top{
	float: left;
	position: relative;
	top:0;
	left:22px;
	width: 199px;
	font: normal 10px/13px arial, sans-serif;
	color: #333;
	background: url(../img/home_top_slice.gif) top left no-repeat;
}

.news_wrapper_bottom{
	background: url(../img/home_bottom_slice.gif) bottom left no-repeat;
}

.twocol_wrapper_bottom{
	background: url(../img/twocol_bottom_slice.jpg) bottom left no-repeat;
}

.twocol_wrapper_top{
	float: left;
	position: relative;
	top:0;
	left:22px;
	width: 199px;
	font: normal 10px/13px arial, sans-serif;
	color: #333;
	background: url(../img/twocol_top_slice.jpg) top left no-repeat;
}

#comp #content_research {
	float: left;
	position: relative;
	top: 15px;
	left: 35px;
	width: 175px;
	border-left:1px solid #ccc;
	padding:0 0 0 20px;
}

#content_research {
	float: left;
	position: relative;
	top: 15px;
	left: 27px;
	width: 175px;
}
#content_research p {
	font: normal 10px/13px arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 4px 0;
}

#content_research .ffieldsrightside {
	width: 175px;
}
	
/*------------------------------------------------
  Footer
 -----------------------------------------------*/
#footer {
	width:100%;
	background-color:#ccc;
	padding:15px 0;
	background-image: url(../img/footer.gif);
}

#footer p {
	font: 10px/15px arial, sans-serif;
	color: #333;
	margin: 0 0 4px;
	height:35px;
}
/*------------------------------------------------
  Links, Header, and Title Styles
 -----------------------------------------------*/

a, a:link, a:visited, a:active {
	color:#810;
	font-weight: bold;
	text-decoration:none;
}	

	a:hover {
	color:#E8202D;
	text-decoration:none;
}

img {border:none;}

form {padding:0; margin:0;}

h1 {
	font: bold 18px/22px arial, sans-serif;
	margin: 10px 0 5px;
	padding: 0;
	color: #402B64;
}

h2 {
	font: bold 17px/21px arial, sans-serif;
	margin: 10px 0 5px;
	padding: 0;
	color: #402B64;
}

h3 {
	font: bold 14px/20px arial, sans-serif;
	margin: 0px 0 4px 0;
	padding: 0;
	color: #402B64;
	background: url(../img/bullet_42.png) no-repeat left center; margin: 0 2px 0 0; padding-right: 10px; padding-left: 15px; white-space: nowrap; }
}



h5 {
	font: bold 14px/20px arial, sans-serif;
	margin: 10px 0 5px;
	padding: 0;
	color: #000000;
}



.paragraph p {
	font: normal 11px/15px arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0px 0 4px 0;
}

.title { font: bold 13px/17px arial, sans-serif; color: #a81; background: url(../img/blue-4sq.png) no-repeat left center; margin: 0 2px 0 0; padding-right: 10px; padding-left: 15px; white-space: nowrap; }

/*------------------------------------------------
Secondary template main content two column styles
--------------------------------------------------*/

#twocol_content{
	float: left;
	margin: 0;
	width: 500px;
	position:relative;
	top:0;
	left:22px;
}

#twocol_content p{
	font: normal 11px/16px arial, sans-serif;
	color: #333;
	margin: 0 0 5px 0;
	padding: 0;
}

#twocol_content h1{
	color: #a81;
	margin: 15px 0 5px;
	padding: 0;
	font: normal 15px/17px arial, sans-serif;
	letter-spacing: -0.2px;
}

#twocol_content h4 {
	font: bold 11px/16px arial, sans-serif;
	color:#810;
	text-decoration:none;
	margin: 0 0 5px 0;
	padding: 0;
}

#twocol_content h5 {
	font: bold 11px/16px arial, sans-serif;
	color:#000;
	text-decoration:none;
	margin: 0 0 5px 0;
	padding: 0;
}

#twocol_content ul{
	list-style-image: url(../img/dekko.png);
	margin: 0px 0 10px 20px;
	font: normal 11px/14px arial, sans-serif;
	color: #333;
	padding:0;
}

#twocol_content ul li{
	margin: 0 0 4px 0;
}

#twocol_content ol{
	list-style-image: url(../img/dekko.png);
	margin: 0px 0 10px 20px;
	font: normal 11px/14px arial, sans-serif;
	color: #333;
	padding:0;
}

#twocol_content ol li{
	margin: 0 0 4px 0;
}



#comp #twocol_content{
	width: 500px;

}

#farright {
	float: left;
	position: relative;
	top: 15px;
	left: 35px;
	width: 175px;
	border-left:1px solid #ccc;
	padding:0 0 0 20px;
}

#farright {
	float: left;
	position: relative;
	top: 15px;
	left: 27px;
	width: 175px;
}
#farright p {
	font: normal 10px/13px arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 4px 0;
}

#farright .ffieldsrightside {
	width: 175px;
}