#peoples-default {
	width: 500px; 
	height: 168px; 
	background-image: url(/images/site/_.jpg);
}

#peoples-main { 
	width:500px; 
	height: 168px; 
	background-image: url(/images/site/main-imagemap.jpg); 
}

.viewpoint-title {
	font-weight: bold;
	margin-bottom: 2px;
}

.viewpoint-category {
	font-weight: bold;
	margin-bottom: 10px;
}

/* GENERAL 
_____________________________________________________________________________*/

.edit {float:right;}

html {
	margin-bottom: 1px;
	min-height: 101%;
	height: 101%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, pre, form, fieldset, th, td, img {
	margin:0;
	padding:0;
	border:0;
}

table {
	cellspacing: 0;
	cellpadding: 0;
	font-size:inherit;
	font: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}

blockquote {
	margin-bottom: -15px;
	margin-top: -15px;
}

img {
	border: 0;
	vertical-align: bottom;
}

cite, code, em, th {
	font-style:normal;
	font-weight:normal;
}
ol {list-style:none;}

th {text-align:left;}

h1, h2, h3, h4 {font-size:100%;}

q:before, q:after {content:'';}

body {
	font:13px/1.231 Arial, Helvetica,sans-serif;
	*font-size:small;
	*font:x-small;
	background: url(/images/site/red_background.gif) repeat;
	height: 100%;
}

body:first-of-type { font:13px/1.231 Arial, Helvetica,sans-serif;}

select, input, textarea {font:99%;}

.clear {
     clear: both;
     height:1px;
     overflow:hidden;
}

/* commented backslash hack \*/  
html, body{height:100%;}  
/* end hack */ 
html,body {margin:0;padding:0} 

#container{min-height:100%;height:auto;} 
* html #container{height:100%;}/* ie6 and under*/


/* LINKS
_____________________________________________________________________________*/

a {
	text-decoration: none;
	color: #5B98B2;
	outline: none;
}

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

#left_column_inner a {
	text-decoration: none;
	color: #6d5634;
}

#left_column_inner a:hover {
	color: #000;
}

#bottom_nav a {
	text-decoration: none;
	color: #6d5634;
	display: block;
	margin-top: 15px;
}

#bottom_nav a:hover {
	color: #000;
}

#footer a {
	text-decoration: none;
	color: #6d5634;
}

#lfooter a:hover {
	color: #000;
}

/* STRUCTURE
_____________________________________________________________________________*/

#container {
	width: 795px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#content {
	background: url(/images/site/red_contentbg.png) repeat-y;
	behavior: url(/includes/iepngfix.htc);
	color: #6c5735;
}

/* HEADER
_____________________________________________________________________________*/

#header {
	background: url(/images/site/red_header.png) top center no-repeat transparent;
	height: 143px;
	width: 795px;
	position: relative;
	font-size: 11px;
	letter-spacing: .06em;
}
	
.logo { 
	position: absolute;
	top: 43px;
	left: 97px;
	width: 163px;
 }

#callout { 
	position: absolute;
	top: 61px;
	_top: 35px;
	left: 296px;
	width: 243px;
	color: #e2d7ca;
	text-transform: uppercase; 
}

#search1 {
	position: absolute;
	left: 585px;
	top: 69px;
}

#search2 {
	font-size: 9px;
	position: absolute;
	left: 637px;
	top: 63px;
	padding-top: 3px;
}

#search3 {
	position: absolute;
	left: 751px;
	top: 63px;
}

input.search_form {
	background: url(/images/site/red_search_box.png) no-repeat transparent;
	behavior: url(/includes/iepngfix.htc);
	width: 108px;
	height: 18px;
	border: 0px;
	font-family: Arial, Helvetica,sans-serif;
	margin-right: -5px;
	padding-left: 4px;
	padding-top: 2px;
	color: #715B22;
	text-transform: uppercase;
}

/*Safari Only Font-size Fix*/
body:first-of-type input.search_form  { font-size: 75%;}

input.submit_button {
	background: url(/images/site/red_search_arrow.png) top left no-repeat transparent;
	behavior: url(/includes/iepngfix.htc);
	width: 9px;
	height: 18px;
	border: 0px;
	padding: 3px;
	margin: 0 0 0 0px;
	cursor: pointer;
}	

/* TOP NAV 
_____________________________________________________________________________*/

#menuwrapper {
	position: absolute;
	z-index: 1000; 
	top: 116px;
	left: 24px;
	height: 50px;
	width: 800px;
	color: #e2d7ca;
	text-transform: uppercase;
}

/*Safari Only Font-size Fix*/
body:first-of-type #menuwrapper  { top: 116px;}

.main_nav_item {
	border: 1px solid transparent;
}

#p7menubar, #p7menubar ul {
	list-style: none;
}

#p7menubar a.main {
	display: block;
	text-decoration: none;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 6px 0px;
	color: #FFF;
	border-right: 1px solid #FFF;
}

#p7menubar a.noline {
	border-right: 0px solid #FFF;
}

#p7menubar li {
	float: left;
	width: 175px;
}

#p7menubar li ul, #p7menubar ul li  {
	width: 175px;
	font-size: 10px;
	letter-spacing: .01em;
}

#p7menubar ul li a  {
	color: #483902;
	border-right: 0;
	padding: 5px 12px 3px 16px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #b3a797;
}

#p7menubar ul li a.noline  {
	border-bottom: 0px;
	padding-bottom: 5px;
}

/*
Sub-Menu Unordered Lists describes each dropdown sub-menu grouping. 
Positioned Absolutely to allow them to appear below their root trigger.
Set to display none to hide them until trigger is moused over.
Background Color must be set or problems will be encountered in MSIE.
Right and bottom borders are set to simulate a raised look.
A gradient background image is assigned.
*/
#p7menubar li ul {
	position: absolute;
	display: none;
	padding-top: 10px;
	margin-bottom: -15px;
	background-image: url(/images/site/dropdown_bg.jpg);
	background-repeat: repeat-x;
	z-index: 100;
}

#p7menubar li ul img  {
	position: absolute;
	bottom: -8px;
}

/*
Changes the Text color and background color when the Root-Level
menu items are moused over. The second selector sets color and background
when Root-Level items are accessed with the keyboard tab key. The third
selector sets an active state to support keyboard access in MSIE. The fourth 
selector is assigned to IE5 and IE6 Windows via the P7_ExpMenu script.
Note that IE7 supports hover on elements other than links and so behaves
like Firefox, Opera, and Safari - making the menu operable even if JavaScript
is not enabled.
*/

#p7menubar li:hover a, #p7menubar a:focus,
#p7menubar a:active, #p7menubar li.p7hvr a {
	color: #000;
}

/*
Set the Sub-Menu UL to be visible when its associated
Root-Level link is moused over. The second selector is 
assigned to IE5 and IE6 via the P7_ExpMenu script.
*/
#p7menubar li:hover ul, #p7menubar li.p7hvr ul {
	display: block;
	z-index: 100;
}

#p7menubar li:hover ul a, #p7menubar li.p7hvr ul a {
	background-color: transparent;
}

#p7menubar ul a:hover {
	background-color: #CAC1B8!important;
}

/* The single backslash \ character inside this comment
causes IE5 Mac to ignore the following rule, which allows other
browsers to render top-level menu items to their natural width.
Do not edit this rule in any way. */

#p7menubar li {
	width: auto;
}

/*Clears the floated menu items.Assigned to a BR tag placed just before menuwrapper's closing DIV tag*/
.clearit {
	clear: both;
	height: 0;
	line-height: 0.0;
	font-size: 0;
}
	
/* BANNERS (LEFT AND RIGHT TOP IMAGE)
_____________________________________________________________________________*/

#banner {
	height: 168px;
	margin: 0px 14px 0 11px;
}

.left_image {
	float: left;
	width: 270px;
	height: 169px;
	background-color: #5b98b2;
}

img.login1 {
	margin: 60px 0 0 25px;
}

img.login2 {
	margin: 28px 0 0 25px;
}

.right_image {
	float: right;
	width: 500px;
	height: 169px;
	background: url(/images/site/red_right_imagebg.jpg) repeat;
}

/* LEFT COLUMN
_____________________________________________________________________________*/

#left_column_outer {
	width: 270px;
	float: left;
	text-transform: uppercase;
}

#left_column_outer a:hover {
	color: #231f20;
}

#left_column_inner {
	margin: 24px 35px 0 29px;
	padding-left: 0;
}

#left_column_inner ul { 
	list-style: none; 
	font-size: 11px;
}

#left_column_inner ul li {
	background: url(/images/site/red_services_arrow.gif) top left no-repeat transparent;
	padding-left: 12px;
	padding-bottom: 3px;
/*	font-size: 85%; */
}

#left_column_inner ul li:hover {
	background: url(/images/site/red_services_arrow_hover.gif) top left no-repeat transparent;
	padding-left: 12px;
	padding-bottom: 3px;
/*	font-size: 85%;  */
}

.services_ul1 {
	height: 9px;
}

.services_ul2 {
	height: 14px;
}

.services_ul3 {
	height: 18px;
}

/* RIGHT COLUMN
_____________________________________________________________________________*/

#right_column_outer {
	width: 514px;
	float: right;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	padding-top: 26px;
}

#right_border {
	border-left: 1px solid #559cbe;
	margin-bottom: 50px;
	padding-left: 17px;
}

#right_column_inner {
	padding: 0px 60px 100px 0px;
	color: #4d3b08;
	font-family: "Times New Roman", Times, serif;
/*	font-size: 90%; */
}

img.home_image { 
	margin-top: 31px;
	margin-left: 52px; 
}

.bio {
	margin: -10px 10px 20px 70px;
}

.bio_image {
	margin-right: 5px;
}

h3 {
/*	font-size: 90%; */
	text-transform: uppercase;
	margin-bottom: 20px; 
	padding-left: 20px;
}

#principals-table h3 {
	margin-bottom: 0px;
}

h3.down {
	background: url(/images/site/arrow_down.gif) no-repeat transparent;
	cursor: pointer;
	background-position: 0px 20px;
}

h3.right {
	background: url(/images/site/arrow_right.gif) no-repeat;
	cursor: pointer;
	background-position: 0px 20px;
}

.principal_head {
	cursor: pointer;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.principal_head img {
	padding-right: 5px;
}

.principal_bio {
	display: none;
	margin-bottom: 20px;
	margin-top: 20px;
}


#short_list h3.down {
	background: url(/images/site/arrow_down.gif) no-repeat;
	behavior: url(/includes/iepngfix.htc);
	cursor: pointer;
	background-position: left bottom;
}

#short_list h3.right {
	background: url(/images/site/arrow_right.gif) no-repeat;
	behavior: url(/includes/iepngfix.htc);
	cursor: pointer;
	background-position: left bottom;
}

.job_copy {
	margin: 0 20px 20px 20px;
}

.article_title {
	font-weight: bold;
}

.article_summary {
	margin-bottom: 20px;
}

.viewpoint_title {
	text-transform: uppercase;
	font-weight: bold;
}

.spacer { 
	padding-bottom: 24px;
}

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

#contact_form label{
	float: left;
	width: 67px;
	height: 17px;
	text-transform: uppercase;
	padding-top: 2px;
	font-weight: bold;
/*	font-size: 95%; */
	margin-left: 4px;
	margin-bottom: 2px;
}

#contact_form input {
	float: right;
	width: 362px;
	height: 16px;
	background: #FFF;
	border: 0px;
	margin-bottom: 3px;
	font-weight: bold;  
/*	font-size: 95%;   */
	padding-left: 5px;
}

#contact_form input.mailing_list_submit {
	float: none;
	clear: both;
	background: url(/images/site/red_mailing_list_submit.png) top left no-repeat transparent;
	behavior: url(/includes/iepngfix.htc);
	width: 54px;
	height: 19px;
	border: 0px;
	margin-top: 14px;
	margin-left: 86px;
}

h4 {
	text-transform: uppercase;
	margin-bottom: 10px;
}

#comment_form label {
	float: left;
	width: 12%;
	height: 17px;
	text-transform: uppercase;
	padding-top: 2px;
	font-weight: bold;
/*	font-size: 95%; */
	margin-left: 4px;
	margin-bottom: 2px;
}

#comment_form input.text {
	float: left;
	width: 82%;
	height: 16px;
	background: #FFF;
	border: 0px;
	margin-bottom: 3px;
	font-weight: bold;
/*	font-size: 95%; */
	padding-left: 5px;
}

.dateline {
	font-family: Arial, Helvetica,sans-serif;
	text-transform: uppercase;
	font-size: 11px;
	margin-bottom: 8px;
}

.blog_entry {
	margin-bottom: 35px;
}

.blog_copy {
	margin-bottom: 17px;
}

#comments p {
	margin: 0px;
}

.comment {
	margin-bottom: 8px;
}

#comments textarea {
	width: 437px;
}

#comments input.text, #comments textarea {
	border: 0px;
}

.blue_line {
	border-bottom: 1px solid #569BBD;
	margin-top: 19px;
	margin-bottom: 19px;
}

#comments textarea {
	background-color: #FFF;
}

#comment_form input.mailing_list_submit {
	float: none;
	clear: both;
	background: url(/images/site/red_mailing_list_submit.png) top left no-repeat transparent;
	behavior: url(/includes/iepngfix.htc);
	width: 54px;
	height: 19px;
	border: 0px;
	margin-top: 14px;
}


/* BOTTOM NAVIGATION
_____________________________________________________________________________*/

#bottom_nav {
	font-family: "Times New Roman", Times, serif;
/*	font-size: 100%; */
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 25px;
}

/* FOOTER
_____________________________________________________________________________*/

#footer {
	position: absolute;
	bottom: 35px;
	right: 35px;
	margin-top: 25px;
	font-size: 9px;
}