@charset "utf-8";

/*General Layout - Home & Interior*/
body  {
	font-family: 'Century Gothic', Futura, Arial, Verdana, Helvetica, sans-serif;	
	margin: 0;
	padding: 0;
	text-align: center;
	color: #542003;
	background: #9AB6A2;
	font-size: 62.5%;
}

a:active {
  outline:none;
}

:focus {
  -moz-outline-style:none;
}

#bkgnd_header {
background: url(../images/bckgnd_header.jpg) repeat-x  #F4EFCE;
width: 100%;
border-bottom: 5px solid #AF894B;
}

#header {
text-align: right;
height: 150px;
width: 860px;
margin-left: auto;
margin-right: auto;
color: #9AB6A2;
font-size: 14px;
line-height: 1.3;
 }
 
#bkgnd_nav {
width: 100%;
background: #542003;
display: block;
}

#navigation {
width: 860px;
margin-left: auto;
margin-right: auto;
text-align: left;
}

#bkgnd_footer {
background: url(../images/bckgnd_header.jpg) repeat-x  #F4EFCE;
width: 100%;
height: 40px;
}

/*Home Layout*/

#content {
width: 860px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}

.twocol_one {
position: relative;
float: left;
width: 420px;
text-align: left;
}

.twocol_two {
position: relative;
float: left;
margin-left: 20px;
width: 420px;
text-align: left;
}


#threecol_background {
padding-top: 10px;
padding-bottom: 10px;
margin-top: 10px;
background: #F4EFCE;
width: 100%;
border-top: 5px solid #AF894B;
border-bottom: 5px solid #AF894B;
display: block;
}

#content_threecol {
width: 860px;
margin-left: auto;
margin-right: auto;
}


.threecol_one {
position: relative;
float: left;
width: 270px;
text-align: left;
margin-right: 10px;
border-right: 1px solid #9AB6A2;
}

.threecol_two {
position: relative;
float: left;
width: 270px;
text-align: left;
margin-left: 10px;
margin-right: 10px;
border-right: 1px solid #9AB6A2;
}

.threecol_three {
position: relative;
float: left;
width: 270px;
text-align: left;
margin-left: 10px;
}

#giving {
background: url(../images/bckgnd_giving.gif) no-repeat;
height: 120px;
width: 270px;
margin-bottom: 10px;
}

#facebook {
background: url(../images/bckgnd_facebook.gif) no-repeat;
height: 120px;
width: 270px;
margin-bottom: 10px;
}

#join {
background: url(../images/bckgnd_join.gif) no-repeat;
height: 120px;
width: 270px;
margin-bottom: 10px;
}

.feature {
font-size: 13px;
position: relative;
top: 50px;
left: 100px;
width: 160px;
}

#footer {
margin-top: 25px;
margin-bottom: 10px;
width: 450px;
margin-left: auto;
margin-right: auto;
text-align: center;
}

/*Interior Layout*/

#content_interior {
width: 860px;
display: block;
margin-left: auto;
margin-right: auto;
background: url(../images/bckgnd_interior.gif) repeat-y;
}

#content_column {
position: relative;
float: left;
width: 530px;
text-align: left;
margin-top: 10px;
}

#navigation_column {
margin-top: 10px;
position: relative;
float: left;
width: 295px;
text-align: left;
left: 23px;
}



/*Text Styles*/

p {
font-size: 1.5em;
color: #542003;
line-height: 1.3;
}

p.highlight {
font-size: 1.6em;
text-align: center;
background: #F7F3DB;
border: 1px solid #542003;
padding: 3px;

}

p.small {
font-size: 1.3em;
}

a:link {
color: #405964;
text-decoration: none;
font-weight: bold;
}

a:visited {
color: #61876C;
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #405964;
text-decoration: underline;
font-weight: bold;
}

h1 {
font-size: 2.8em;
font-weight: bold;
letter-spacing: -.5px;
line-height: 1.0;
color: #944103;
margin-bottom: -10px;
}

h2 {
font-size: 2.0em;
font-weight: bold;
letter-spacing: -.5px;
line-height: 1.2;
color: #944103;
margin-bottom: -12px;
margin-top: 25px;
}

h3 {
font-size: 1.8em;
letter-spacing: -.5px;
line-height: 1.2;
color: #486E77;
text-transform: uppercase;
margin-bottom: -16px;
margin-top: 15px;
}

h4 {
font-size: 1.6em;
letter-spacing: -.5px;
line-height: 1.2;
color: #486E77;
font-style: italic;
margin-bottom: -12px;
margin-top: 20px;
}

ul.home {
padding-left: 15px;
margin-top: 0px;
margin-bottom: -5px;
margin-right: 10px;
margin-left: 15px;
	list-style-type: square;
	font-size: 1.4em;
	font-weight: bold;
}

ul.home li {
padding-bottom: 5px;
margin-bottom: 5px;
margin-right: 35px;
border-bottom: 1px dotted #AF894B;
}

ul.color {
padding-left: 0px;
margin-top: 0px;
margin-bottom: -5px;
margin-right: 10px;
margin-left: 0px;
	list-style-type: none;
	font-size: 1.4em;
}

li.odd {
padding: 5px;
margin-bottom: 1px;
background: #B4C9BA;
}

li.even {
padding: 5px;
margin-bottom: 1px;
background: #C0D1C6;
}

ul.list {
padding-left: 15px;
margin-top: 5px;
margin-bottom: -5px;
margin-right: 10px;
margin-left: 0px;
	list-style-type: none;
	font-size: 1.4em;
}

ul.list li {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #9AB6A2;
}


.bordered {
margin-left: 10px;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #993300;
}


/*Hover Tooltips for Most Popular*/
a.tt{
    position:relative;
    z-index:24;
    color:#405964;
	font-weight:bold;
    text-decoration:none;
}
a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:25; color: #405964; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:0px; left:0;
	padding: 15px 0 0 0;
	width:200px;
	color: #542003;
    text-align: center;
	filter: alpha(opacity:90);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
    background: url(../images/bubble.gif) no-repeat top;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 
	background: url(../images/bubble_filler.gif) repeat bottom; 
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(../images/bubble.gif) no-repeat bottom;
}


/*  THUMBNAIL TRIGGER */
/* the thumbnails */
#triggers {
	text-align:left;
	margin-top: 10px;
	margin-left: 10px;
	width: 420px;
}

#triggers img {
	background-color:#fff;
	padding:1px;
	border:1px transparent;
	margin:4px 2px 0px 1px;
}

#triggers img.notrig {
background-color: transparent;
border: transparent;
}

/* the active thumbnail */
#triggers a.active img {
	outline:1px solid #000;
/* show on top of the expose mask */
	z-index:9999;
	position:relative;
}


/* OVERLAY */

/* ----------------------------------------------------------
OVERLAY For Workshop Status
---------------------------------------------------------- */
.overlay {
	background:url(../images/overlay/bg_status.png) no-repeat;
	padding:20px;	
	width:660px;
	display:none;
	text-align: left;
	}

.overlay p {
	margin-left: 20px;
	margin-bottom: 0px;
	margin-right: 20px;
	}

.overlay h1, .overlay h3, .overlay h4 {
margin-left: 20px;
margin-right: 20px;
}

.overlay a {
	margin-left: 10px;
	}

.overlay .close {
	background:url(../images/overlay/apple-close.png) no-repeat;
	position:absolute;
	top:5px;
	right:0px; 
	width:35px;
	height:35px;
	cursor:pointer;
	}

#workshop-status {
	padding-top: 50px;
	}

#workshop-status p {
	margin-left: 40px;
	margin-top: -5px;
	}

#workshop-status p.last-update {
	margin-top: 20px;
	font-weight: bold;
	color: #B8161E;
	}


/*Clearfloat*/

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}