/* -----------------------------------------------------------------------


 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* layout */

a:hover, a:active, a:focus {
    outline: none;
	
}

/* You Will See This: 
:-moz-any-link:focus {
outline: 1px dotted invert;
}
/* Change It To This: */
:-moz-any-link:focus {
outline: none;
}

#banner {
	height: 395px;
}

#banner #flash {
	height: 395px;
	width: 705px;
	float: right;
	background:url(../../images/temp-flash.jpg) no-repeat;
}

#main {
	width:705px;
	height:100%;
	background-color:#322d2e;
	background:url(../../images/bg-sidebar.jpg);
	float:right
}

#main #content {
	float:left;
	width: 510px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 20px;
}

#sidebar {
	float:right;
	width:135px;
	padding-right: 10px;
	padding-left: 10px;
}

#footer {
	padding-top: 20px;
	padding-bottom: 50px;
}

#footer .left, #footer .right {
	width:50%;
}

#footer .right {
	text-align:right
}



/* grid.css */
.container {
	width:980px;
	margin:0 auto;
}
.showgrid {background:url(src/grid.png);}
.box {padding:1.5em;margin-bottom:1.5em;background:#E5ECF9;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;}
.clearfix:after, .container:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}

.left {
	float:left
}

.right {
	float:right
}

/* forms.css */
label {font-weight:bold;}
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}


/* Page Specific */

#index #banner {
	background:url(../../images/rect-home.jpg) no-repeat left;
}

#about #banner {
	background:url(../../images/banner-about.jpg) no-repeat left;
}

#contact #banner {
	background:url(../../images/banner-contact.jpg) no-repeat left;
}

#donate #banner {
	background:url(../../images/banner-classgift.jpg) no-repeat left;
}

#events #banner {
	background:url(../../images/banner-events.jpg) no-repeat left;
}

#hoh #banner {
	background:url(../../images/banner-hoh.jpg) no-repeat left;
}

body.timeline #main {
	background:none;
	background-color:#322d2e;
}

body.timeline #main #content {
	width: 665px;
	background-color:#322d2e;
}

body.timeline #banner #flash {
	height: 395px;
	width: 980px;
	float: right;
	background:none;
}





/* Menu CSS
-------------------------------------------------------------- */

#header {
	height: 110px;
	background-image: url(../../images/bg-header.jpg);
}

ul#menu {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	position:relative
}

ul#menu li {
	list-style-type: none;
}

ul#menu li a {
	position:absolute;
	display: block;
	width: 182px;
	height: 18px;
	text-indent: -9000%
}

ul#menu a.home {
	top: 20px;
	left: 0px;
	width: 275px;
	height: 72px;
}

ul#menu a.about {
	left: 290px;
	top: 20px;
	background:url(../../images/nav-about.jpg);
}

ul#menu a.events {
	left: 290px;
	top: 38px;
	background:url(../../images/nav-events.jpg);
}

ul#menu a.hallofhonor {
	left: 290px;
	top: 56px;
	background:url(../../images/nav-hoh.jpg);
}

ul#menu a.classgift {
	left: 290px;
	top: 74px;
	background:url(../../images/nav-classgift.jpg);
}

ul#menu a.register {
	left: 472px;
	top: 20px;
	background:url(../../images/nav-register.jpg);
}

ul#menu a.contact {
	left: 472px;
	top: 38px;
	background:url(../../images/nav-contact.jpg);
}

ul#menu a:hover {
	background-position: left bottom;
}

ul#menu a.active {
	background-position: left bottom;
}


/* Submenu CSS
-------------------------------------------------------------- */

ul#submenu {
	width:275px;
	float:left;
	margin:0px;
	padding:0px;
}

#submenu a {
	display:block;
	height: 38px;
	width: 275px;
	text-indent:-9000px;
	margin-bottom: 1px;
}


#submenu a.header {
	display:block;
	height: 50px;
	width: 275;
	text-indent:-9000px;
}

#submenu a.register {
	background:url(../../images/sub-register.jpg) left top;
}

#submenu a.timeline {
	background:url(../../images/sub-timeline.jpg) left top;
}

#submenu a.hoh {
	background:url(../../images/sub-hoh.jpg) left top;
}

#submenu a.recipients {
	background:url(../../images/sub-recipients.jpg) left top;
}

#submenu a.steering {
	background:url(../../images/sub-steering.jpg) left top;
}

#submenu a.tickets {
	background:url(../../images/sub-tickets.jpg) left top;
}

#submenu a.classreps {
	background:url(../../images/sub-classreps.jpg) left top;
}

#submenu a.whoscoming {
	background:url(../../images/sub-whoscoming.jpg) left top;
}

#submenu a.backtobusiness {
	background:url(../../images/sub-backtobusiness.jpg) left top;
}

#submenu a.luncheon {
	background:url(../../images/sub-luncheon.jpg) left top;
}

#submenu a.vineyards {
	background:url(../../images/sub-vineyards.jpg) left top;
}

#submenu a.businessnight {
	background:url(../../images/sub-businessnight.jpg) left top;
}



#submenu a:hover {
	background-position: left bottom;
}
#submenu a.active {
	background-position: left bottom;
}

.portrait {
	padding-bottom: 10px;
}

.portrait img {
	padding-right: 20px;
}

.portrait h3 {
	padding-top:25px;
	margin-bottom:0px;
}


#about #years {
	float:left;
	width: 210px;
	padding-right:15px;
}

ul.years {
	display:block;
	margin: 0 0 20px 0;
	padding: 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
	color: #fff;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #423f41;
	border-bottom-color: #1c191b;
	font-weight: normal;
}

ul.years li {
	padding: 0px 0px 0px 8px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c191b;
	border-bottom-color: #423f41;
}

ul.years li a {
	color: #fff
}

ul.years li a:hover, ul.years li a.active {
	color: #559cbe
}

#about #details {
	float:left;
	width: 438px;
	padding-top:8px;
	margin-bottom: 30px;
	background-image: url(../../images/hr.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

#about #details .bottomborder {
	float:left;
	width: 438px;
	padding-top:8px;
	background-image: url(../../images/hr.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}


#about .graduates {
	display: block;
	background-color:#3d3738;
	padding: 0px;
	margin:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #423f41;
	border-bottom-color: #1c191b;
}

#about .graduates h2 {
	color:#559cbe
}

#about .graduates .interior {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c191b;
	border-bottom-color: #423f41;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	padding: 5px 0px 5px 10px;
}

#about .graduates .interior p {
	padding: 0px;
	margin:0px;
}

#about .graduates strong {
	font-weight:normal;
}

#events .eventlist {
	display: block;
	margin: 0px 0px 15px 0px;
	padding:0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #423f41;
	border-bottom-color: #1c191b;
}

#events .eventbox {
	display: block;
	margin: 0;
	padding:15px 0px 15px 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #1c191b;
	border-bottom-color: #423f41;
}

.eventbox p {
	margin:0px;
	padding:0px;
}

.eventbox a {
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
}

.recyear {
	display:block;
	clear: both;
}
.recyear img {
	padding-bottom: 8px;
}

.recyear .person {
	display:block;
	width: 120px;
	float:left;
	padding-right: 7px;
}

.recyear .person h3{
	line-height: 18px;
}

.recyear .person p{
	line-height: 14px;
}


#searchbar {
	display:block;
	float:right;
	margin: 20px 20px 0 0;
}

#searchbar form#cse-search-box {
text-align:right;
}

#searchbar form@cse-search-box input.search {
height:19px;
width: 56px;
	cursor: pointer;
	text-indent: -9999px;
	border: none;
	background: url(../../images/btn-search.jpg) no-repeat left top;
}