/* Main Stylesheet */

/* this section from http://developer.yahoo.com/yui/reset/#code --> the yahoo css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin: 0; 
    padding: 0; 
} 
table { 
    border-collapse: collapse; 
    border-spacing: 0; 
} 
fieldset,img {  
    border: 0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style: normal; 
    font-weight: normal; 
} 
ol,ul { 
    list-style: none; 
} 
caption,th { 
    text-align: left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size: 100%; 
    font-weight: normal;
} 
q:before, q:after { 
    content: ''; 
} 
abbr, acronym { border: 0; 
} 
/* &&&&&&&& end css reset &&&&&&&&&&& */

/* front page & general styling */
body {
	font-size: 62.5%;
	font-family: Bookman, Georgia, serif;
	background: #ffffff;
	text-align: center;
}

#container {
	width: 762px;
	margin: auto;
  border: 1px solid #811e31;
	padding: 0 8px;
}

#home_page #container {
  border-left: 0;
  border-right: 0;
  background: #ffffff url(../images/home_page/home_page_background.gif) repeat-y 0 0;
}

#home_page_top {
  width: 762px;
  height: 274px;
  background: transparent url(../images/home_page/home_page_graphic_top.jpg) no-repeat 0 6px;
}

#home_page_bottom {
  clear: left;
  width: 762px;
  height: 198px;
  background: transparent url(../images/home_page/home_page_graphic_bottom.jpg) no-repeat 0 0;
}



#member_links {
  width: 762px;
	margin: 30px auto 7px auto;
	text-align: right;
	color: 811e31;
}

#member_links li{
	display: inline;
	text-align: left;
	font-size: 1.1em;
}

#member_links li a {
	text-decoration: none;
	margin: .4em;
}

#member_links li, #member_links li a {
	color: #666;
	font-weight: bold;
}

#member_links li a:hover {
	color: #869f44;
}


#front_page_global_links {
  float: left;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#global_links {
  width: 762px;
  height: 34px;
  float: left;
  margin: 0 auto;
	background: #768c15 url(../images/home_page/main_navigation_background.gif) repeat-x 0 0;
}

#global_links li {
  display: inline;
  float: left;
}

#global_links li a {
  display: block;
  float: left;
  margin: 10px 0 6px 0;
  border-right: 1px solid #811e31;
  padding: 0 7px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
}

#global_links li a.last {
  border: none !important;
}

#global_links li a:hover, #global_links li a.current {
	text-decoration: underline;
}

#current_global_link {
	background: #444;
}

#copyright{
  width: 762px;
	margin: 6px 0 auto;
	text-align: right;
	color: #666666;
}


/* content page styling */

#content_container {
	clear: left;
	margin: auto;
	padding: 6px 0;
}

#masthead {
	display: block;
	margin-bottom: 2px;
}

#header {
  height: 87px;
  width: 762px;
  margin: 0 0 2px 0;
  padding: 20px 0 0 35px;
  text-align: left;
}

* html #header {
  width: 727px; /* IE 6 hack... */
}

#header a {
  display: block;
  height: 70px;
  width: 220px;
  overflow: hidden;
  text-indent: -9999em;
}

#header {
background: transparent url(../images/mastheads/member.gif) no-repeat 0 0;

}

#women_of_excellence #header {
	background: transparent url(../images/mastheads/women_of_excellence.jpg) no-repeat 0 0;
}
#women_on_boards #header {
	background: transparent url(../images/mastheads/women_on_boards.jpg) no-repeat 0 0;
}
#business_2000 #header {
	background: transparent url(../images/mastheads/business_2000.jpg) no-repeat 0 0;
}
#philanthropy #header {
	background: transparent url(../images/mastheads/philanthropy.jpg) no-repeat 0 0;
}
#about_us #header {
	background: transparent url(../images/mastheads/about_us.jpg) no-repeat 0 0;
}
#mentoring_program #header {
	background: transparent url(../images/mastheads/mentoring_program.jpg) no-repeat 0 0;
}

#subnav {
	list-style-type: disc;
  width: 762px;
  float: left;
  margin-bottom: 2px;
	border-top: 2px solid #ffffff;
	background: #929292 url(../images/subnav_background.gif) repeat-x 0 0;
	/*text-align: center;*/
	height:20px;
	padding-top:10px;
}

#subnav li {
  display: inline;
  /*float: left;*/
	color: #ffffff;
	margin: 0 7px 0 7px;
	padding: 5px;
}

#subnav li a{
  /*display: block;
  float: left;*/
	padding: 6px 0;
	color: #ffffff;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
}

#subnav li a:hover {
	color: #000000;
}


#main {
  width: 762px;
  clear: left;
  padding: 0 0 5em 0;
	background: #ffffff url(../images/main_content_background.gif) repeat-y 0 0;
	text-align: left;
}

#main_content_header {
  zoom: 1; /* IE 6 fix */
}

#women_of_excellence #main_content_header {
	background: transparent url(../images/section_headers/women_of_excellence.jpg) no-repeat 0 0;
}
#women_on_boards #main_content_header {
	background: transparent url(../images/section_headers/women_on_boards.jpg) no-repeat 0 0;
}
#business_2000 #main_content_header {
	background: transparent url(../images/section_headers/business_2000.jpg) no-repeat 0 0;
}
#philanthropy #main_content_header {
	background: transparent url(../images/section_headers/philanthropy.jpg) no-repeat 0 0;
}
#about_us #main_content_header {
	background: transparent url(../images/section_headers/about_us.jpg) no-repeat 0 0;
}
#mentoring_program #main_content_header {
	background: transparent url(../images/section_headers/mentoring_program.jpg) no-repeat 0 0;
}

#side_text {
	float: left;
	width: 150px;
	margin-top: 184px;
	font-size: 1.1em;
	padding: 30px 0 0 10px;
	background: transparent url(../images/side_content_cap.gif) no-repeat 0 0;
}

#side_text h1 {
	margin-bottom: 1em;
	font-weight: bold;
}

#side_text p {
	color: #811e31;
}

#main_content{
	float: left;
	width: 500px;
	margin: 85px 0 0 30px;
	padding-left:30px;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	color: #666666;
}
*html #main_content {
	padding:10px;
}

#member #main_content {
	margin:0;
	padding-left:120px;
	padding-top:20px;
	width: 550px;
	min-height:250px;
	font-size:1.2em;
}

*html #member #main_content {
	padding-left:0;
	margin-left:60px;
}

#main_content a, #secondary_content a {
	color: #333;
}

#main_content a:hover, #secondary_content a:hover, #two_column a:hover {
	color: #811e31;
}

#main_content p, #main_content ul, #main_content ol, #main_content dl  {
  margin: 0 0 1.5em 0;
}

#main_content ol {
	list-style-type: decimal;
}

#main_content ul {
	list-style-type: disc;
}

#main_content li ol, #main_content li ul {
	margin: 0 0 .25em 0;
}

#main_content ul li, #main_content ol li {
	margin: 0 0 .3em 1.25em;
}

#main_content h1 {
  height: 0;
  text-indent: -9999px;
  overflow: hidden;
}

#main_content h2, #secondary_content h2 {
  margin: 2.5em 0 .75em 0;
	font-weight: bold;
	color: #333333;
}

#main_content h3 {
	margin: 0 0 .5em 0;
}
 
.two_column {
	width:475px !important;	
}

*html .two_column {
	width:475px !important;	
	margin-left:50px !important;
}

h3, h4 {
	font-weight:bold;
}

.column {
  width: 215px;
  float: left;
  margin-right: 15px;
}

dt {
	width: 50px;
	float: left;
	clear: left;
}

dd, dt {
	margin: 0 0 .75em 1.25em;
}


#pusher { /* there has to be a better way... */
	clear: both;
}

#footer {
  width: 762px;
  margin: 4px auto 0 auto;
  padding: 0 0 30px 0;
}

#footer p {
  float: right;
  margin-left: 30px;
	color: #666666;
}


/* login page */

.login {
	margin-top:30px;
}

#main_content fieldset {
	border:1px solid #999;
	width:250px;
	margin-left:15px;
	margin-top:15px;
	padding:5px;
}

#main_content fieldset label {
	display:block;
}

#main_content input {
	margin-top:.6em;
	margin-right:.4em;
}

table.calendar {
  margin: 1em 0 0 0;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-bottom:1px solid #999;
}

.calendar th, .calendar td {
  width: 85px;
  vertical-align: top;
}

.calendar th {
  border-bottom: 1px solid #999;
  text-align: center;
}

.calendar span.empty {
  min-height: 40px;
}

/* ie6 hax */

*html .calendar span.empty {
	height:40px;
}

tr.dayName {
  border-right: 1px solid #999;
}

tr.month_name {
  font-size:1.3em;
  font-weight:bold;
  border-right:1px solid #999;
}

.calendar td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.calendar td.other_month {
  background-color: #f4f4f4;
  font-size: .7em;
}

.calendar td span {
  display: block;
  margin-bottom: 1em;
  padding-left:2px;
  font-size: .8em;
}

.calendar td a {
  display: block;
  margin: .75em 0 0 0;
  padding: 2px;
  font-size: .8em;
}

/* form Styling */
fieldset:after {
	content: “.”; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
#member fieldset {
  clear: both;
  display: inline-table;
	width:93%;
  margin: 0 1em 1em 0;
  border: 1px solid #dedede;
  padding: .5em 1em .5em 1em;
}



.person {
	width:70% !important;	
}

*html .person {
	width:60% !important;	
}

fieldset div, fieldset p {
  float: left;
  margin: 0 .5em 1em 0;
}

fieldset p {
  padding: 1px 0 0 0;
  clear:left;
}

fieldset div.row {
  width: 100%;
  clear: left;
  margin: 0 0 .5em 0;
}
fieldset div.row span {
	float:left;
	margin-right:.2em;
	margin-left:0;
}

fieldset div.row div {
	margin-bottom:0;
}

legend, legend label {
  font-weight: bold;
}

input {
  width: 7em;
}

input.s {
  width: 3em;
}

input.l , .name_row input{
  width: 20em;
}

input.xl {
  width: 30em;
}

.select_multiple select {
  height: 10em;
  width: 20em;
}

.state_select select {
	margin-top:6px;
}

textarea {
  width: 30em;
  height: 12em;
}

textarea.l {
	width:37em;	
	height:20em;
}

textarea.xl {
	width:37em;
	height:50em;	
}

textarea.s {
  width: 31em;
  height: 8em;
}

textarea.xs {
	width: 25em;
	height: 8em;}

label {
  display: block;
  padding: 0;
}

div.radio label, div.checkbox label, label.inline{
  display: inline;
  padding-top:7px;
}

*html div.checkbox label {
	padding-top:10px;	
}

div.radio input, div.checkbox input {
  float: left;
  width: auto;
}

div.submit_button {
  margin: 10px 0 0 0;
}

.submit_button input {
  width: auto;
  margin: 0;
  font-weight: bold;
}

.button {
  margin: 0;
  border: 1px solid #7f9db9;
  padding: 0;
  line-height: 1;
}

.button input {
  width: auto;
  margin: 0;
  border: 0;
  padding: 1px 2px;
  font-size: .9em;
  font-weight: bold;
  text-transform: uppercase;
  color: #1e4791;
  background: #e8edf6 url(/images/layout/button_background.gif) no-repeat bottom right;
}

.columnar {
  float: left;
  width: 18em;
  margin: 0 0 0 0;
}
fieldset h3 {
	clear:left;
	font-weight:bold;
}
.red {
	color:red;	
}
.photo {
	padding:5px;
	margin:10px 10px 0 0 ;
	border: 1px solid #ccc;	
	display:block;
	float:left;
}
#photo_container {
	width:100%;
	/*margin-left:-50px;*/
}
.clears {
	clear:both;
}
#secondary_content{
	float:right;
	width:120px;
	margin:68px 40px 0 0;
	&margin:43px 40px 0 0;
	font-size:1.1em;
	font-family: Arial, sans-serif;
	color: #666666;
}

*html #secondary_content {
	/*width:300px;*/
	padding:0;
	margin:43px 0;

}

#secondary_content h2{
	margin:0;
	padding:0;
}
#secondary_content form {
	margin-top:15px;
}
#secondary_content img{
		float:left;
		margin-left:-100px;
		margin-top:20px;
		padding:5px;
		border:1px solid #ccc;
}
*html #secondary_content img{
	margin:0;
}

.inline {
	display:inline;
	float:left;
	margin-left:0;
}
#tag_list li, #rc_list li, #rc_list li a{
	/*display:block;*/
}

#rc_list li {
	float:left;
	margin:5px 0 5px 0;
}

#rc_list li a{
	display:block;
	border:1px solid #ccc;
	padding:2px;
	/*height:125px;*/
	width:116px;
	text-decoration:none;
}
#rc_list li a:hover {
	border-color: #869f44;
}
#rc_list span {
	display:block;
	clear:both;
}
*html #rc_list span {
	display:inline;
}
#rc_list span.image{
	margin-top:0px;
	text-align:center;
	display:block;
	height:80px;
	margin-bottom:10px;
}

*html #rc_list span.image{
	margin-top:10px;	
	margin-bottom:0;
	display:inline;
	text-align:center;
}

#rc_list img{
	border:1px solid #ccc;
	padding:5px;
	margin-left:5px;
	margin-top:0;
}
#rc_list span.description {
	/*height:95px;*/
	width:100px;
}
#tag_list strong, #rc_list strong {
	font-size:1.2em;
	font-weight:bold;
}
.remove_tag {
	margin-left:7em;
}
.highlight {
	border:1px solid #811e31;
	padding:5px;
	background:#ecf2d2;
	width:350px;
	margin-bottom:15px;
}
ul.inline {
  display: block;
  list-style-type: none;
	color:#2558b4;
	padding:0;
}

ul.inline li {
  float: left;
  margin: 0 1em 0 0;
	text-decoration:underline;
}

*html ul.inline li {
	white-space: nowrap;
}
#browse_links, #browse_by_expertise {
	margin-top:10px;
}
.calendar_month {
	margin-top:20px;
}
.validation-advice {
	margin: 0px 0;
	padding: 0px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size:.8em;
}
input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color : #FF3300;
}
em {
	color:#FF3300;
}
.flash_success, .flash_notice {
	border:2px solid #678614;
	color:#678614;	
	padding:10px;
	margin-bottom:10px;
	font-size: 1.1em;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	font-weight:bold;
	text-align:center;
}
.flash_error {
	border:2px solid #FF3300;
	color:#FF3300;	
	padding:10px;
	margin-bottom:10px;
	font-size: 1.2em;
	font-weight:bold;
	font-family: Arial, sans-serif;
	text-align:center;
}
#users td, #users th{
	border:1px solid #000;
	padding:4px;
}
#users {
	margin-top:20px;
}
.green {
	color:#678614;
}
ul.circle {
	list-style-type:circle;
}
ul.disc{
	list-style-type:disc;	
	margin-bottom:0 !important;
}
p.caption{
	color: #000 !important;
	margin-top:-10px;
	margin-bottom:10px;
}
strong {
	font-weight:bold;	
}
#member_action_list a {
	font-size:1.2em;
	font-weight:bold;
}
#member_action_list li {
	font-size:1em;	
	line-height:1.8em;
	margin:50px 0 5px 0;
}
.person_image{
	float:right;	
	border:1px solid #ccc;
	padding:5px;
	margin-top:30px;
}
.photo_div {
	padding-left:60px !important;	
}
*html .photo_div {
	padding-left:0 !important;	
	margin-left:30px !important;
}
.indent {
	text-indent:1em;	
}
#member_notify{
	border:1px solid #811e31;	
	width:40em;
	margin-bottom:20px;
	padding:1em;
}
#member_notify p {
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:0;	
	text-align:center;
}

.role_info {
	margin-right:30px;
	margin-top:20px;	
}

.role_info, .doc_info, .photo_info {
	padding:5px;
	font-size:1.1em;	
	width:23em;
	border:1px solid #678614;
	float:right;
	color:#811e31;
}
.doc_info {
 	float:none;	
}
.photo_info {
	float:none;
	width:40em;	
	line-height:1.8;
} 
.clears{
	margin-top:1em;	
}




/* Miscellaneous Styles
------------------------------------------------------------------------------*/
/* Not Available */
.na {
color: #999;
font-style: italic;
}






/* Index Tables
------------------------------------------------------------------------------*/
table.people thead th {
border-bottom: 1px solid #ccc;
font-weight: bold;
font-size: 11px;
}
table.people tbody td {
border-bottom: 1px solid #e0e0e0;
}
table.people th, table.people td {
padding: 4px 8px 4px 2px;
vertical-align: top;
}

/* Index Tables - Mentees (#member #main_content width = 550px)
----------------------------------------------------------*/
table.people.mentees th.year 		{ width: 40px; }
table.people.mentees th.name 		{ width: 340px; }
table.people.mentees th.mentor 	{ width: 140px; }




/* People list
------------------------------------------------------------------------------*/
ul.people_list li {
padding-bottom: 10px;
}







/* Contact Us Form
------------------------------------------------------------------------------*/
#contact_us_form .columns {
}
#contact_us_form .columns .column {
float: left;
margin-right: 20px;
}
#contact_us_form .columns .column.last {
margin-right: 0px !important;
}
#contact_us_form .columns .clears {
clear: both;
font-size: 0px;
line-height: 0px;
}

#contact_us_form .columns.two .column 			 { width: 200px; }
#contact_us_form .columns.two .column input { width: 198px !important; }

#contact_us_form .columns.three .column { width: 125px; }
#contact_us_form .columns.three .column input { width: 123px !important; }


#contact_us_form .columns.address .column { margin-right: 10px; }

#contact_us_form .columns.address .column.city 				{ width: 80px; }
#contact_us_form .columns.address .column.city input { width: 76px !important; }

#contact_us_form .columns.address .column.state 			 { width: 40px; }
#contact_us_form .columns.address .column.state input { width: 36px !important; }

#contact_us_form .columns.address .column.zip 			 { width: 60px; }
#contact_us_form .columns.address .column.zip input { width: 56px !important; }



#contact_us_form textarea {
width: 418px !important;
}
#contact_us_form input, #contact_us_form textarea {
 margin: 0 !important;
}
#contact_us_form label {
 margin: 10px 0 0 0 !important;
}
#contact_us_form .message {
width: 420px;
margin-bottom: 10px;
}
#contact_us_form .message label {
display: none;
}


#contact_us_form em {
color: #600;
font-weight: bold;
}