/* @override http://angusauxiliary.com/css/main.css */

/* -------------------------------------
	Design+CSS: Thuy Copeland
	Built: 2010-05-10
	Last Edit: 2011-12-15
	URI: http://www.angusauxiliary.com
---------------------------------------*/

/* @group Reset */
/* Eric Meyer's CSS Reset, modified 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */
/* @group Layout */

body{
	background-color: #ffe;
}
#container{
	background: url(../images/design/bg.png) repeat-y center;
	min-width: 960px;
}
#header{
	background-color: #ffe;
	position: relative;
}
#top-nav
{
	background: url(../images/design/top-bar.png) repeat-x;
	height: 3.5em;
	width: 100%;
}

#top-nav ul
{
	float: right;
	padding-right: .83em;
}
#top-nav ul li
{
	display: inline;
	float: left;
}

#top-nav ul li a
{
	display: block;
	text-decoration: none;
	font-size: 0.75em;
	color: #ffe;
	padding: 20px 18px 18px;
}
#top-nav ul li a:hover
{
	background-color: rgba(36,24,22,0.3);
	border-right: 1px solid #462a1c;
	border-left: 1px solid #462a1c;
	padding-right: 17px;
	padding-left: 17px;
}
#header h1{
	padding: 14px 0;
	height: 70px;
	font-size: 1px;
	border: 0;
	margin: 0;
}
#header h1 a{
	display: block;
	width: 654px;
	text-decoration: none;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	background: url(../images/design/CSS_Sprites.png) no-repeat left top;
}
/* Terse solution to hide text */
#header h1 a i, 
#nav .fundraisers i{
	visibility: hidden;
}
#wrapper{
	margin: 0 auto;
	width: 895px;
	background: url(../images/design/CSS_Sprites.png) no-repeat center -168px;
	padding: 0 8px 0 10px;
}
#nav{
	float: right;
	width: 209px;
	padding-top: 66px;
}
#nav a{
	display: block;
}
.fundraisers{
	position: relative;
	width: 207px;
	padding-top: 12px;
}
#nav .fundraisers li{
	float: left;
	width: 85px;
	height: 72px;
	margin: 0 0 12px 12px;
	padding: 0;
}
#nav .fundraisers a{
	display: block;
	float: left;
	width: 85px;
	height: 72px;
	margin: 0;
	padding: 0;
}
#nav .fundraisers a:visited{
	text-decoration: none;
}
#nav .fundraisers li:hover, 
#nav .fundraisers a:hover{
	background-image: none;
	background-color: transparent;
	text-decoration: none;
}
#nav .gift-barn,
#nav .gift-barn a:hover{
	background: url(../images/design/fundraisers2.png) no-repeat left top;
}
#nav .harvey-rattey,
#nav .harvey-rattey a:hover{
	background: url(../images/design/fundraisers2.png) no-repeat right top;
}
#nav .gift-sizzle,
#nav .gift-sizzle a:hover{
	background: url(../images/design/sizzle.jpg) no-repeat center center;
}
#nav .featured-items,
#nav .featured-items a:hover{
	background: url(../images/design/decanter.png) no-repeat center center;
}
#content{
	float: left;
	width: 636px;
	padding: 36px 18px 0 31px;
}
.left-col3{
	clear: both;
	float: left;
	width: 203px;
	margin-right: 12px;
}
.center-col3{
	float: left;
	width: 203px;
	margin: 0 9px 0 0;
}
.right-col3{
	float: right;
	width: 203px;
}
.col2{
	float: left;
	width: 50%;
}
.contacts{
	float: left;
	width: 25%;
}
.contacts p{
	margin-bottom: 1em;
	line-height: 1.4em;
	font-size: .825em;
}
.contacts p:first-line{
	font-weight: bold;
}
#clear-wrap{
	clear: both;
}
#footer{
	background: url(../images/design/footer-bar.png) repeat-x;
	margin-bottom: 2em;
	width: 100%;
}
.footer-wrap{
	background: url(../images/design/CSS_Sprites.png) no-repeat left 175px;
	margin: 0 auto;
	width: 894px;
	padding-bottom: 45px;
}
.footer-bar{
	background: url(../images/design/footer-bar.png) repeat-x;
	height: 231px;
	padding-top: 25px;
}
.connect, .resources, .search{
	float: left;
}
.connect{
	margin-left: 32px;
	width: 270px;
	margin-right: 41px;
}
.resources{
	width: 318px;
	margin-right: 41px;
}
/* @group search */
.search{
	margin-right: 16px;
	width: 175px;
}
#cse-search-box{
	float: left;
	width: 175px;
}
iframe{
	width: 636px;
}
/* @end */
.credits{
	padding-left: 16px;
	padding-top: 20px;
}
.copyright, .cc img{
	float: left;
	margin-right: 5px;
}
.api{
	float: right;
	padding-right: 215px;
}
/* @end */

/* @group Typography */
body{
	font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h1, h2, h3{
	border-bottom: 1px solid #ddd;
	margin-bottom: .25em;
	text-transform: uppercase;
	color: #666;
	font-family: "Gill Sans", Futura, Frutiger, "Trebuchet MS", sans-serif;
}
h4, h5, h6{
	background-color: #c9e0b3;
	font-size: 1em;
	/*border-bottom: 1px solid #bda09f;*/
	margin-bottom: .25em;
	padding: 3px;
	/* Bonus */
   -moz-border-radius-topleft: 7px;
   -moz-border-radius-bottomleft: 7px;
   -webkit-border-top-left-radius: 7px;
   -webkit-border-bottom-left-radius: 7px;
	margin-left: -16px;
	margin-right: -19px;
}
h1{
	font-size: 1.625em;
	padding-bottom: .125em;
}
h2{
	font-size: 1.438em;
	padding-bottom: .25em;
}
h3{
	font-size: 1.25em;
	padding-bottom: .125em;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
	text-decoration: none;
}
p, table{
	font-size: .875em;
	line-height: 1.5em;
	margin-bottom: 1.2em;
}
abbr{
	border-bottom: 1px dotted;
	cursor: help;
}
img{
	background-color: #fff;
	border: 1px solid #aaa;
	padding: 4px;
}
img.no-border{
	border: none;
	padding: 0;
}
/* LVHA */
a, a:link, a h4{
	color: #a00e18;
}
a:visited, a:visited h4{
	color: #aaa;
	/*color: #4f104b;*/
	text-decoration: underline;
	border-bottom-style: none;
}
a h4{
	border: 0 none;
	background-color: transparent;
}
a:hover, a:hover h4{
	color: #04756f;
}
a:active, a:active h4{
	color: #b88925;
}
a img{
	border: 4px solid #a00e18;
	padding: 0;
}
a:visited img{
	border-color: #aaa;
}
a:hover img{
	border-color: #04756f;
}
a:active img{
	border-color: #b88925;
}
a.doc{
	background: url(../images/design/document_icon.png) no-repeat left center;
	padding: 1px 0 1px 20px;
}
a:hover.doc{
	background: url(../images/design/document_teal.png) no-repeat left center;
}
a.fancy-button{
	background: -moz-linear-gradient(top, #ffb03b 0%, #b64926 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb03b), to(#b64926));
	padding: 9px;
	background-color: #ffb03b;
	border: 2px solid #9a3d20;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	text-decoration: none;
	color: #2d0102;
	font-family: "Gill Sans", Futura, Frutiger, "Trebuchet MS", sans-serif;
	margin-top: 1em;
}
a:hover.fancy-button{
	background-color: #9a3d20;
	background: -moz-linear-gradient(top, #b64926 0%, #ffb03b 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#b64926), to(#ffb03b));
	text-shadow: #333 1px 1px 2px;
}
a.external-link{
	background: url(../images/design/external_link.png) no-repeat right bottom;
	padding: 1px 16px 1px 0;
}
a:visited.external-link{
	background: url(../images/design/external_link_gray.png) no-repeat right bottom;
}
a:hover.external-link{
	background: url(../images/design/external_link_teal.png) no-repeat right bottom;
}
a:active.external-link{
	background: url(../images/design/external_link_gold.png) no-repeat right bottom;
}
q{
	display: block;
	float: right;
	width: 230px;
	position: relative;
	color: #afafaf;
	font-size: 1.3em;
	font-family: "Gill Sans", Futura, Frutiger, "Trebuchet MS", sans-serif;
	margin-top: .75em;
}
hr {border: none 0;
	border-top: 1px solid #777;/*the border*/
	width: 550px;
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	text-align: left;/*this will align it for IE*/
	margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
blockquote{
	width: 330px;
	border-top: 1px solid #7e0807;
	border-bottom: 1px solid #7e0807;
	background-color: #f7f6dc;
	padding: .75em .625em .625em;
	margin: .5em auto 1em;
}
blockquote p{
	font-family: "Gill Sans", Futura, Frutiger, "Trebuchet MS", sans-serif;
	margin-bottom: .5em;
}
#nav{
	font-family: "Gill Sans", Futura, Frutiger, "Trebuchet MS", sans-serif;
}
#nav h3{
	text-transform: capitalize;
	color: #fff;
	font-size: 1.25em;
	border: 0 none;
	background: url(../images/design/CSS_Sprites.png) no-repeat -654px 0;
	height: 38px;
	width: 175px;
	margin: 0;
	padding: 13px 0 0 18px;
	clear: both;
}
#nav a{
	margin-top: .75em;
	margin-bottom: .75em;
	font-size: .9em;
	padding-left: 18px;
}
#nav a, #footer li a{
	color: #f6e7ba;
	text-decoration: none;
}
#nav a:visited, #footer li a:visited{
	color: #eee;
	text-decoration: underline;
}
#nav a:hover{
	background: url(../images/design/CSS_Sprites.png) no-repeat -852px 1px;
}
#nav a:hover, #footer li a:hover{
	text-decoration: underline;
	color: #fff;
}
#nav a:active, #footer a:active{
	color: #b88925;
}
#nav ul ul ul{
	padding-left: 18px;
}
#content ol.abc{
	list-style-type: lower-alpha;
}
#content ol{
	margin-left: 3em;
	font-size: .8em;
	line-height: 1.4em;
	list-style-type: decimal;
	margin-bottom: 1.4em;
}
#content ul{
	margin-left: 2em;
	font-size: .8em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
#content ul li, #content ol li{
	margin-bottom: .5em;
}
#content ul li{
	list-style-type: square;
}
#content .no-bullet li{
	list-style: none;
}
#content img.leftNoBorder{
	float: left;
	margin-right: 10px;
	border: none;
}
#content img.rightNoBorder{
	float: right;
	margin-left: 10px;
	border: none;
}
.left-col3 a,
.center-col3 a,
.right-col3 a{
	text-decoration: none;
}

.left-col3 span,
.center-col3 span,
.right-col3 span{
	background-color: #000;
	color: #fff;
	display: block;
	font-size: .7em;
	left: 4px;
	margin-top: -24px;
	opacity: .8;
	position: relative;
	padding: 4px 0 2px;
	text-transform: uppercase;
	text-align: center;
	width: 195px;
	height: 14px;
}
.left-col3 h4,
.center-col3 h4,
.right-col3 h4{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	letter-spacing: 0;
	font-weight: 600;
}
.left-col3 p,
.center-col3 p,
.right-col3 p{
	padding-left: 4px;
	padding-right: 4px;
	font-size: .8em;
}
#footer li{
	color: #fff;
	font-size: .75em;
	line-height: 1.75em;
}
#footer h3{
	color: #eee;
	font-size: 1.0625em;
	padding-bottom: .5em;
	margin-bottom: .625em;
	border-bottom: 1px dotted #634f4c;
}
.credits{
	color: #ccc;
	font-size: .75em;
}
.api a{
	color: #bbb;
}

/* @group misc */
.left{
	float: left;
	margin-right: .625em;
}
.right{
	float: right;
	margin-left: .625em;
}
.center{
	margin: 0 auto;
	text-align: center;
}
.clear{
	clear: both;
	margin-top: .25em;
}
.clear-left{
	clear: left;
}
.clear-right{
	clear: right;
}
.cutline{
	font-style: italic;
	font-size: small;
}
.highlight{
	background-color: #fc0;
}
#content .reset-font-size{
	font-size: 1em;	
}
.short{
	width: 210px;
}
.short p{
	font-size: .825em;
}
.one{
	position: relative;
	z-index: 1;
	width: 750px;
	height: 600px;
	background: url(../images/fundraisers/PostcardBlue2.jpg) no-repeat;
	margin-bottom: 1em;
}
.two{
	position: relative;
	z-index: 3;
	width: 410px;
	left: 330px;
	top: 130px;
}
.two p{
	font: 15px/1.6 Georgia, "Times New Roman", Times, serif;
}
.big_banner{
	border: 3px double #04756f;
	float: left;
	margin-right: 20px;
	width: 610px;
	padding: 5px;
	background: url(../images/design/floral.jpg) no-repeat right bottom;
}
.big_banner p{
	line-height: 1.4;
	margin-top: 0;
	padding-top: 0;
}
.big_banner h2{
	border-bottom-color: #666;
	color: #222;
	font-family: Georgia, Palatino, "Times New Roman", serif;
	font-style: italic;
	text-transform: capitalize;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}

/* @end */
/* @end */

/* @group Pretty Forms */

/* @group test */
.red{
	color: darkred;
	font-weight: 600;
}
form{
	padding: 0;
	margin: 0;
}
label.top, form .top{
	display: block;
	float: none;
}
textarea{
	font-size: 12px;
	font-family: inherit;
}
input, textarea{
	color: #603916;
	background: #fff;
	border-top: 1px solid #444;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
	border-left: 1px solid #444;
	margin: 2px 0 0;
	padding: 2px;
	width: auto;
}
#cab-registration label{
  padding-top: 2px;
  padding-right: 3px;
  vertical-align: top;
  text-align: right;
  white-space: nowrap;
}
#cab-registration label.long-width{
	width: 50px;
}
#cab-registration label.zip{
	width: 65px;
}
#cab-registration textarea{
	width: 100%;
	height: 15em;
	overflow: scroll;
}
#cab-registration input, #cab-registration select, #cab-registration textarea{
	margin-right: 8px;
}
#cab-registration fieldset{
	border: 1px solid silver;
	margin-bottom: 1em;
	padding: 1em 1em 0;
}
#cab-registration legend{
	background-color: #f0cc7e;
	padding: 3px 5px;
	-moz-border-radius-topleft: 7px;
   -moz-border-radius-topright: 7px;
   -webkit-border-top-left-radius: 7px;
   -webkit-border-top-right-radius: 7px;
}
#cab-registration .radio{
	margin-right: 0px;
}
#cab-registration .submit input{
	margin-bottom: 1em;
	padding: 7px;
	-moz-border: 7px;
	-webkit-border-radius: 7px;
	background: -moz-linear-gradient(top, #ffb03b 0%, #b64926 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffb03b), to(#b64926));
	background-color: #ffb03b;
}
#cab-registration .submit input:active{
	background-color: #9a3d20;
	background: -moz-linear-gradient(top, #b64926 0%, #ffb03b 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#b64926), to(#ffb03b));
}
#cab-registration label.error {
  background: url(../images/design/minus_button.png) no-repeat;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}

#cab-registration label.checked {
  background: url(../images/design/tick_button.png) no-repeat;
	width: 16px;
	height: 16px;
}

#cab-registration .success_msg {
  font-weight: bold;
  color: #0060BF;
  margin-left: 19px;
}
#cab-registration .status{
	padding-top: 2px;
  padding-left: 8px;
  vertical-align: top;
  white-space: nowrap;
	height: 16px;
}
input.long{
	width: 13em;
}
input.med{
	width: 5em;
}
input.short{
	width: 3em;
}
ul.comments-form{
	margin-left: 0;
}
.connect li{
	padding-left: 20px;
}
.connect .fuof{
	background: url(../images/design/facebook.gif) no-repeat 3px 3px;
}
.connect .comments{
	background: url(../images/design/comments.gif) no-repeat 3px 5px;
}
.required{
	width: 200px;
}
.comments-form input{
	height: 15px;
}
.comments-form textarea{
	height: 40px;
}	
.comments-form .submit{
	margin: 0;
}
.comments-form .submit input{
	color: #000;
	background: #fff;
	padding: 2px 1px 3px;
	width: 45px;
	margin: 0 0 0 160px;
	height: 22px;
}
.search li{
	display: block;
}
.search input{
	border-top: 1px solid #444;
	border-right: 0;
	border-bottom: 1px solid #555;
	border-left: 1px solid #555;
	display: inline;
	float: left;
	padding: 0 0 0 5px;
	width: 150px;
	height: 18px;
	margin: 0;
	background: white url(../images/design/search-btn.png) no-repeat;
}
.search #cse-search-box input.submit{
	float: left;
	margin: 1px 0 0 -20px;
	color: #fff;
	padding: 0;
	width: 18px;
	height: 18px;
	border: 0 none;
	font-size: 0;
	background-position: 0 -2px;
}
/* @end */
/* @end */

/* @group widgets */
/* @group ShareThis! */
	#sharethis_0{
	margin-top: 6px;
}
/* @end */
/* @group AJAX Members List */

#memnav a{
 	font-size: 15px;
	font-weight: bold;
	background-color: #c11676;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	}
	
#memnav a:hover{
	font-size: 15px;
	font-weight: bold;
	background-color: #4ab855;
	color: #fff;
	text-decoration: none;
	padding: 3px;

	}
/* @end */

/* @group jQuery Slideshow */
.slideshow{
	display: block;
	overflow: hidden;
	position: relative;
	float: left;
	width: 400px;
	height: 302px;
	margin-bottom: 1em;
}
.slideshow .controls{
	position: relative;
	z-index: 10;
}
.slideshow .controls #prev{
	display: block;
	float: left;
	width: 35px;
	position: absolute;
	top: 100px;
	left: 0;
	height: 35px;
}
.slideshow .controls #next{
	display: block;
	float: right;
	width: 35px;
	position: absolute;
	top: 100px;
	right: 0;
	height: 35px;
}
.slide1{
	display: block;
	opacity: 1;
	position: absolute;
	top:0;
	left: 0;
	z-index: 4;
}
.slide2{
	display: none;
	opacity: 1;
	position: absolute;
	top:0;
	left: 0;
	z-index: 2;
}
.slide3{
	display: none;
	opacity: 1;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
}
.slideshow span{
	width: 380px;
	color: #fff;
	background-color: #000;
	opacity: .8;
	display: block;
	margin-left: 4px;
	padding: 0 5px;
	position: relative;
}
.slideshow .title{
	margin-top: -297px;
	font-size: 16px;
	padding-top: 6px;
	height: 22px;
}
.slideshow .cutline{
	padding-bottom: 0;
	font-size: 13px;
	margin-bottom: 0;
	margin-top: 0;
	height: 33px;
}
	/* @end */

/* @group Lightbox */
#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/lightbox/blank.gif) no-repeat;

/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}
/* @end */
/* @end */

