@import "reset.css";

html {
  height: 100%;
}
body {
  background: #011e14 url('../images/background.gif') repeat-x top;
  height: 100%;
}

.hidden {
	position: absolute;
	left: -999em;
	overflow: hidden;
	height: 1px;
}


/*
 * Global
 */

.wrapper {
  width: 99em;
  margin: 0 auto;
}
#shine {
  height: auto;
}
#shine .wrapper {
  padding: 0 0 2em;
}

.gb {
  background: #cfba7c url('../images/button.gif') repeat-x top;
  color: #000;
  font-weight: bold;
  padding: 0.5em 2em;
  font-size: 1.1em;
  line-height: 1.5em;
  
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}
input.gb {
  cursor: pointer;
  border: 0;
  line-height: 1.3em;
  padding-bottom: 0.4em;
}
input.gb:hover {
  background: #e1cf99;
}
a.gb:hover,
a.gb:focus,
a.gb:active {
  background: #e1cf99;
  text-decoration: none;
  color: #000;
}
.gb span {
  position: absolute;
  background: url('../images/gb_arrow.gif') no-repeat;
  width: 5px; height: 7px;
  font-size: 0.1em;
  margin: 17px 0 0 -8px;
}

.firefox .gb span {
margin-top:6px;
}

/*
 * Header
 */
 
#header {
  padding: 0 0 2.1em;
}
#header h1 {
  font-size: 1em;
  width: 9.4em; height: 97px;
  padding: 1.4em 8.5em 0;
  float: left;
}
#header h1 a,
#header h1 a:hover {
  background: url('../images/logo.png') no-repeat;
  width: 94px; height: 97px;
  display: block;
  text-indent: -9999em;
  font-size: 0.1em;
  margin: 0 auto;
}

#header #side {
  float: left;
  width: 69.4em;
  margin-left: 0.9em;
}
#top_bar {
	position: relative;
}

.my_sac_state {
  float: right;
  margin-right: 1em;
  width: auto; height: 3.6em;
  padding: 1.8em 1.2em 0 1.18em;
  color: #fff;
  position:relative;
}

.my_sac_state a.gb {
position:relative;
top:-1em;
}

.my_sac_state .gb {
	padding-right: 1.2em;
	padding-left: 1.7em;
}


.my_sac_state a:hover,
.my_sac_state a:focus {
text-decoration:none;
}

/* .my_sac_state strong {
  background: transparent url('../Images/header/fire.gif') no-repeat left center;
  padding: .1em 1.5em .1em 2em;
  font-size: 1.3em;
}
*/
.my_sac_state strong img {
margin-right:1em;
}
body.firefox .my_sac_state {
  padding: 1.8em 0.4em 0 0em;
}

#header form {
  border-left: 1px solid #1d3d31;
  /*border-right: 1px solid #1d3d31;*/
  float: right;
  height: 3.9em;
  padding: 1.5em 1.9em 0;
  padding-right:1em;
  
}
#header form input {
  border: 0;
  float: left;
}
#header input.search {
  width: 15em; height: 1.3em;
  font-size: 1.2em;
  margin: 0 1em 0 0; padding: 0.4em;
  color: #000;
}

.page_options {
  float: left;
  padding: 1.9em 0 0 1em;
  height: 3.5em;
  position: relative;
  z-index: 5;
}
.page_options a.gb {
  margin-left: 0.9em;
  padding-left: 0.8em;
  padding-right: 0.8em;
  position: relative;
  z-index: 5;
}

/*
 * Navigation
 */

#nav_wrap {
  width: 69.4em; height: 5.3em;
}
#nav_bg {
  background: #0f2920 url('../images/nav_bg.gif') repeat-x bottom;
  width: 67.4em;
}
ul#navigation {
  background: transparent url('../images/nav_bg_shadow.gif') no-repeat bottom left;
  width: 67.4em; height: 5.3em;
  padding: 0 0 0 1em;
}
#navigation li {
  float: left;
  font: normal 1.1em Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  height: 4.85em;
  position: relative;
  /* z-index: 2; */
}
#navigation a {
  display: block;
  height: 3em;
  padding: 1.9em 1.15em 0;
  position: relative;
  /* z-index: 2; */

}
body.windows #navigation a {
  padding: 1.9em 0.75em;
}
body.firefox #navigation a {
  padding: 1.9em 0.7em;
}
body.firefox.mac #navigation a {
  padding: 1.9em 1em;
}
body.firefox.mac #navigation .quick_links a {
	padding: 1.9em 1.7em;
	padding-left: 1.6em;
}
#navigation a:hover,
#navigation a.active,
#navigation a:focus,
#navigation a:active {
  text-decoration: none;
  color: #eddeac;
}
/*#navigation a em {
  font-style: normal;
}
#navigation a:hover em {
  border-bottom: 1px solid #373f2e;
}
#navigation .home {
}*/
#navigation .quick_links {
  background: #102a21 url('../images/quick_links.gif') repeat-x bottom;
  border-left: 0.1em solid #214c3d;
	float:right;
	margin-left: -10px;
	/* z-index: 100; */
	z-index: 1;
	opacity: 1;
}
#navigation .quick_links a {
  color: #eddeac;
  padding: 1.9em 2.15em 0 1.5em;
  background: transparent url('../images/gb_arrow_down.gif') no-repeat right 2.1em;
}

#navigation .quick_links ul a {
	background-image: none;
}
body.windows #navigation .quick_links a {
  padding: 1.9em 2em 0 1em;
}
#navigation ul {
  background: #fff;
  display: none;
  position: absolute;
  right: 0;
  width: 200px;
  margin: 0; padding: 0;
  z-index: 90 !important;
}
body.firefox.mac #navigation ul {
  margin: -3em 0 0;
}
#navigation a span {
  position: absolute;
  right: 0.1em;
  top: 2.25em;
  /*background: url('../img/content/gb_arrow_down.gif');
  width: 8px; height: 5px;*/
}

/*#navigation li:hover ul,
#navigation li a:focus + ul,
#navigation li a:active + ul {
  display: block;
}*/
#navigation ul li {
  float: none;
  margin: 0;
  height: auto;
  z-index: 101 !important;
}
#navigation ul li a {
  text-transform: none;
  padding: 5px !important;
  height: auto;
  color: #333 !important;
  font: normal 0.9em "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0;
  z-index: 102 !important;
}
#navigation ul li a:hover,
#navigation ul li a:active,
#navigation ul li a:focus {
  background: #e5dabb;
  font-weight: bold;
  outline: 1px dotted #999999;
  color: #333 !important;
  padding: 4px 5px 5px !important;
}
#navigation .quick_links a span {
	/*left: -999em;*/
	/*position: absolute;*/
	overflow: hidden;
}
/*
 * Intro
 */
 
#intro {
  background: transparent url('../images/curl.gif') no-repeat 0% 0;
  margin: 0 0 2.1em;
}
#intro #gallery {
  background: #111;
  background: rgba(0,0,0,0.8);
  position: absolute;
  width: 95.6em; height: 90px;
  margin: 23.8em 0 0;
  z-index: 15;
}
#gallery .left,
#gallery .right {
  background: url('../Images/content/arrows.gif');
	overflow:hidden;
}

#gallery .pause {
  position:absolute;
  bottom:7px;
  right:150px;
  }
#gallery .left {
  background-position: top left;
  position: absolute;
  top: 0; left: 0;
  width: 23px; height: 90px;
}
#gallery .right {
  background-position: top right;
  position: absolute;
  top: 0; right: 0;
  width: 23px; height: 90px;
}
#gallery .left span,
#gallery .right span {
	color:#000000;
	position:absolute;
	left:-999em;
	display:block;
}
#gallery a:hover {
  text-decoration: none;
}
#gallery .items {
  margin: 0 23px;
  height: 90;
  overflow: hidden;
}
#gallery .items .thumbs {
  width: 10000px; height: 78px;
  padding: 12px 0 0 12px;
}
.thumbs img {
  float: left;
  margin: 0 12px 0 0;
}
#current_slide {
  float: left;
  width: 43em;
  margin-right:1em;
}
#current_slide h2 {
  font: italic normal 2.4em Georgia, serif;
}
#current_slide h2 a {
  text-decoration: none;
  color: #ebdcaa;
}
#current_slide h2 a:hover,
#current_slide h2 a:focus,
#current_slide h2 a:active {
  text-decoration: underline;
  color: #ebdcaa;
}
#current_slide p {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0 1em 0 0;
}
#current_slide p a {
  font-family: Georgia, serif;
  font-style: italic;
  color: #cbb677;
  text-decoration: underline;
  padding: 0 0 0 2px;
}
#current_slide p a:hover {
  font-family: Georgia, serif;
  font-style: italic;
  color: #cbb677;
  text-decoration: none;
  padding: 0 0 0 2px;
}
.leftnav {
  margin: 0 0 35px 0px;
}
.welcome_page, .org_address {
  font-family: Arial;
  font-size: 12px;
  margin: 0 0 22px 12px;
}
.welcome_header {
  font-family: Times New Roman;
  font-size: 18px;
  line-height: 27px;
  text-transform: uppercase;
}
.welcome_sub_header {
  font-size: 16px;
  font-style: italic;
}
.btn_makeagift {
  background: url('../images/btn_makeagift_s1.png') no-repeat 24px 0px;
  padding: 0px 24px 12px;
}
.btn_makeagift a {
  display: block;
  width: 171px;
  height: 35px;
}
.welcome_page, .btn_makeagift {
  display: none;
}
#intro #welcome {
  background: #071e16 url('../images/leftnav_bg.png') repeat-x top;
  width: 22em;
  margin: 0 1.491em; padding: 0.8em;
  float: left;
}
#welcome ul {
  list-style: none outside none;
  margin: 11px;
  padding: 0px;
}
#welcome ul li {
  font-family: Arial;
  font-size: 15px;
  font-weight: bold;
  line-height: 28px;
}
#welcome ul li a {
  text-decoration: none;
}
#welcome h2 {
  /*width: 204px; height: 122px;
  margin: 10px 0 10px 10px;*/
  text-align:center;
}

#welcome h2 img {
text-align:center;
}
#welcome h2 span {
  display: none;
}
#welcome .gb {
  font: 1.1em/1em Georgia, serif;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 17.5em;
  display: block;
  text-align: center;
  margin: 0 0 0.3em 0.8em;
  padding: 1em 0 1em 1em;
}
#welcome .gb span {
  margin: 4px 0 0 0;
}
body.windows #welcome .gb span {
  margin: 4px 0 0 -13px;
}
body.windows.firefox #gallery li {
	float: left;
}

body.firefox #gallery li {
	display: block;
	float: left;
}
#cur_slide, #news_anchor, #talk_anchor {
	display: block;
	height: 0;
	float: left;
	width: 0;
}
body.mac.firefox #welcome .gb span {
  margin: 2px 0 0 -13px;
}
.content {
  float: left;
  width: 688px;
  min-height: 342px;
  background-color: #FFFFFF;
  padding: 10px 15px 15px;
}
#intro #picture {
  width: 687px;
  height: 369px;
  float: left;
  z-index: 0;
  display: none;
}
#intro #picture img {
  border: 3px solid #cdb97b;
  width: 687px;
  height: 369px;
  position: absolute;
  /* z-index: 1; */
}

#intro #picture img[src*="/css/icons"] {
width:16px;
height:16px;
}

/*
 * Columns
 */

.columns {
  margin: 0 0 1.8em;
  display: none;
}
.columns .column {
  background: #f0e1b0 url('../images/column_bg.gif') repeat-x top;
  /* width: 18.9em; */
  width: 235px;
	min-height: 19.2em;
	height: auto !important;
	height: 19.2em;
  position: relative;
  float: left;
  margin: 0 6px 0 0;
}
.column h2 {
  background: #163a2e url('../images/header_bg.gif') repeat-x top;
  text-align: center;
  text-transform: uppercase;
  font: normal 1.25em Georgia, serif;
  letter-spacing: .8px;
  text-shadow: #194234 1px 1px 0;
  padding: 0.8em 0;
  position: relative;
  z-index: 2;
}
.column h2 span {
  background: url('../images/header_arrow.gif') no-repeat;
  width: 18px; height: 9px;
  position: absolute;
  bottom: -9px; left: 50%;
  margin: 0 0 0 -9px;
  font-size: 0.1em;
}
.column div {
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 235px;
  height: 57px;
}
.tab_getinspired {
  background-image: url('../images/tab_get_inspired_s1.png');
}
.tab_getinformed {
  background-image: url('../images/tab_get_informed_s1.png');
}
.tab_getconnected {
  background-image: url('../images/tab_get_connected_s1.png');
}
.tab_advisor {
  background-image: url('../images/tab_professional_advisors_s1.png');
}
.column ul {
  margin: -3px 0 0;
  padding: 0;
}
.column a {
  display: block;
  padding: 0.2em 0 0.2em 1.5em;
  color: #000;
  font-size: 1.1em;
}
.column a:hover,
.column a:focus,
.column a:active {
  text-decoration: none;
  background: #0a3527;
  color: #fff;
  font-weight: bold;
  padding: 0.1em 0 0.3em 1.5em;
}
.column a.btn_planyourwill {
  display: block;
  background: url('../images/tab_planyourwill_s1.png') no-repeat 0 0;
  width: 235px;
  height: 45px;
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 0px;
}
/*
 * Modules
 */
.feature_highlight {
  font-weight: bold;
  font-style: italic;
}
.feature_text ul {
  margin: 0px 0px 0px 10px;
}
.feature_title, .feature_text a {
  font-size: 14px;  
  font-style: normal;
  line-height: 20px;
}
.feature_planner {
  background: #163a2e url('../images/top_personal_planner_s1.png') repeat-x top;
  width: 475px;
  height: 34px;
}
.feature_presentation {
  background: #163a2e url('../images/top_featured_presentations_s1.png') repeat-x top;
  width: 475px;
  height: 34px;
}
.feature_story {
  background: #163a2e url('../images/top_donor_stories_s1.png') repeat-x top;
  width: 475px;
  height: 34px;
}
.feature_article {
  background: #163a2e url('../images/top_featured_articles_s1.png') repeat-x top;
  width: 475px;
  height: 34px;
}
#item_1_1 .feature_text {
  float: right;
  width: 260px;
}
#item_1_2 .feature_text {
  float: right;
  width: 260px;
}
#item_2_1 .feature_text {
  float: right;
  width: 325px;
}
#item_2_2 .feature_text {
  float: right;
  width: 239px;
  text-transform: uppercase;
}
.image_wrapper {
  background-image: url("../images/163x114_small_img_bg.png");
  height: 115px;
  width: 165px;
  float: left;
}
.image_wrapper img {
  height: 105px;
  width: 155px;
}
.modules {
  display: none;
}
.modules .module {
  margin: 0 0 1.75em;
}
.modules .title {
  background: #163a2e url('../images/header_bg.gif') repeat-x top;
  padding: 1em;
}
.modules .title .gb,
.modules .title .rss {
  float: right;
  position: relative;
  top: -1.85em;
}
.modules .title .gb {
  padding: 0.2em 1em 0.2em 1.4em;
}
.modules .title .rss {
  background: url('../Images/modules/rss.gif') no-repeat left center;
  margin: 0.1em 0 0; padding: 0 1.4em;
  font-size: 1.3em;
  font-weight: bold;
  top: -1.5em;
}
.modules .title h2 {
  background: url('../images/fire.gif') no-repeat left center;
  text-transform: uppercase;
  font: normal 1.6em Georgia, serif;
  letter-spacing: 1px;
  padding: 0.05em 0 0.05em 1.25em;
  text-shadow: #194234 1px 1px 0;
  /*text-shadow: #7ed2b6 0 2px 3px;*/

}

/*.modules .title a {
	position: relative;
	top: -1.5em;
}*/

.modules .area {
  background: #ceb97b url('../images/module_bg.gif') repeat-x top;
  padding: 1em;
}
.bar {
  background: #ceb97b url('../images/column_tan_bg.gif') repeat-x top;
  border-top: 1px solid #c6b277;
  height: 31px;
}
.bar ul {
  float: right;
}
.bar li {
  float: left;
  width: 11px; height: 11px;
  margin: 0 3px;
}

div.social p a:hover,
div.social p a.active,
div.social p a:active,
div.social p a:focus {
border:0;
display:inline;
width:auto;height:auto;
font-size:1em;
background: none !important;
}
.bar a {
  background: #fff;
  display: block;
  font-size: 0.1em;
  width: 10px; height: 10px;
  border-left: 1px solid #8b8363;
  border-top: 1px solid #8b8363;
}
.bar a:hover,
.bar a.active,
.bar a:active,
.bar a:focus {
  text-decoration: none;
  background: url('../Images/content/active_bg.gif') repeat-x bottom !important;
  display: block;
  font-size: 0.1em;
  width: 9px; height: 9px;
  border: 1px solid #8b8363;
}
.bar a.active {
	background: url('../images/active_bg_1.gif') repeat-x bottom !important;
}



.modules .area .white {
  background: #fff;
  color: #000;
  font-size: 1.2em;
  padding: 1em;
  position:relative;
  height: 130px;
}
.modules .area .thumb {
  float: left;
  margin: 0 0.5em 0.75em 0;
  /* border: 2px solid #fff;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1px 1px 3px;
  -moz-box-shadow: rgba(0,0,0, 0.3) 1px 1px 3px; */
}
.modules .area p {
  padding: 5px 0;
}
.white h3 {
  font: italic 1.4em Georgia, serif;
  padding: 0.5em 0;
  float: left;
  width: 54%;
}
.module h3 a:focus,
.module h3 a:active,
.module .title a:focus,
.module .title a:active {
	text-decoration: underline;
}
.white .gb {
  font-size: 0.9em;
  float: right;
  margin: 0.45em 0 0;
  position:absolute;
  right:1em;
  bottom:1em;
}
.white a {
  color: #000;
}

/*
 * Module: Left
 */

.modules .left {
  width: 475px;
  float: left;
}

/*
 * Module: Right
 */

.modules .right {
  width: 475px;
  float: left;
  margin: 0 0 0 0.75em;
}

/*
 * Footer
 */
 
#footer {
  background: #f0e1b0 url('../images/column_bg.gif') repeat-x top;
}
#footer .wrapper {
  padding: 2em 0;
  color: #000;
}
#footer .links {
  float: right;
  font-size: 1.2em;
  color: #b7ab87;
  padding: 0 2.25em 0 0;
}
#footer .links a {
  padding: 0 0.3em;
  color: #000;
}
#footer .links li {
	float: left;
	display: inline;
	border-right: 1px solid #b7ab87;
	padding-left: .3em;
	padding-right: .33em;
}
#footer .links li.last {
	
	border-right: 0;
}

#footer h2 {
  float: left;
  width: 62px; height: 78px;
  margin: 0 20px 20px 0;
}
#footer h2 a {
  background: url('../images/footer_logo.png') no-repeat;
  text-decoration: none;
  width: 62px; height: 63px;
  display: block;
  text-indent: -9999em;
  font-size: 0.1em;
}
#footer .contact_info {
  font-size: 1.1em;
}
#footer .contact_info a {
  color: #000000;
}
#footer p em {
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: 1px;
  font-size: 1.1em;
  font-family: Georgia, serif;
  padding: 0 0 5px;
  display: block;
}
#footer .access a,
#footer .access a:visited{
	float: right;
	font-size: 1.2em;
	color: #000000;
	padding-right: 2.9em;
}
/*
 * Event Toggle
 */

.event_module .white {
  padding: 0 !important;
}
.event_toggle li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #dcdcda;
}
.event_toggle a {
  background: #d3c696;
  display: block;
  padding: 7px 10px;
  text-align: center;
  font-size: 1.15em;
  text-transform: uppercase;
  font-family: Georgia, serif;
  color: #333;
  letter-spacing: 1px;
}
.event_toggle a:hover,
.event_toggle a:focus,
.event_toggle a:active {
  background: #efdaa9;
}
.event_toggle a.active {
  background: #fff;
  text-decoration: none;
}
.white .events {
  background: #fff;
  margin: 1px 0 0;
  height: 33em;
  overflow: auto;
}

/*
 * Campus
 */
.campus {}
.events li.day {
  border-bottom: 1px solid #dcdcda;
  font-family: Georgia, serif;
  padding: 10px 0;
}
.day .date {
  float: left;
  text-transform: uppercase;
  text-align: center;
  padding: 1em;
  width: 3em;
}
.date span,
.date strong {
  display: block;
}
.date span.month {
  color: #0f472e;
}
.date span.day {
  font-size: 2em;
  font-weight: normal;
}
.schedule {
  width: 20em;
  padding: 0 0 0 1em;
  float: left;
  border-left: 1px dotted #dcdcda;
}
.schedule a {
  text-decoration: underline;
  color: #000;
  font-weight: bold;
  font-size: 1.1em;
}
.schedule a:hover {
  text-decoration: none;
  color: #000;
}
.schedule .item {
  padding: 10px 0;
}

.social p {
	width: auto;
}

.social {
position:relative;
top:-1.75em;
padding-top:.5em;
padding-bottom:.2em;
text-align:right;
}

.social a {
margin-left:.75em;
width:auto;
height:auto;
display:inline;
border:0;
background: transparent;
font-size: 1em;
}


.firefox .event_toggle li {
top:-1px;
position:relative;
}

.firefox .event_toggle li:first-child {
top:0px;
}