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

Styles for Forte Foundation
www.fortefoundation.org

Author(s): David Guillory, Matt Wetzler

Sibley/Peteet Design - Austin
www.spdaustin.com

Created: December 2006

Colors:

Dark Gray Text		#4b4a49
Blue				#468d97
20% Blue			#dae8ea
Green				#9fad3e
20% Green			#ecefd8;
Gray Background		#ececed
Gray Borders		#7f8184

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



UL {
	margin: 0;
	padding: 0;
	}
.this-stylesheet-will-be-ignored-by-NN4 {
	\width: auto;
	}
html, body, div, p, th, td, form, input, textarea, select, li {
	font: 12px/18px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	}
body {
	background: #fff;
	text-align: center;
	}
a:link {
	color: #468d97;
	text-decoration: none;
	}
a:hover {
	color: #4b4a49;
	text-decoration: none;
	}
a:visited {
	color: #9FAD3E;
	text-decoration: none;
	}
img {
	border: none;
	}
td {
	vertical-align: top;
	}
/*#some-list li {
	list-style: none;
	padding-left: 10px;
	background: url(../images/wrapper/bullet.gif) no-repeat 0 6px;
	}*/
.rollover {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	}
	.rollover img {
		position: absolute;
		left: 0;
		top: 0;
		}



/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */

#container {
	width: 953px;
	margin: auto;
	text-align: left;
	}
	#masthead {
		height: 95px;
		padding-right: 7px;
		}
	#leftnav {
		width: 195px;
		padding-left: 10px;
		}			
	#content {
	width: 543px;
	list-style-image: url(bullet_lgrey.gif);
		}
	#sidebar {
		width: 170px;
		padding: 0 10px 0 25px;
		}
	#footer {
		padding: 40px 0 20px 0;
		}



/* CORE TYPOGRAPHY
------------------------------------------------------------------------------------------ */

#content p {
	font: 12px/20px Arial,Helvetica,Verdana,sans-serif;
	margin-bottom: 18px;
	}
#content-intro h2 {
	font: 26px/26px Arial,Helvetica,Verdana,sans-serif;
	font-weight: bold;
	color: #468d97;
	}
#content-intro h3 {
	font: 21px/26px Arial,Helvetica,Verdana,sans-serif;
	color: #9fad3e;
	margin-top: 16px;
	margin-bottom: -16px;
	}
#content-intro p {
	font: 17px/23px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 16px;
	}
#content-index h3 {
	font: 18px/20px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 5px;
	margin-bottom: 1px;
	}

#content h4 {
	font: 14px/20px Arial,Helvetica,Verdana,sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	color: #468d97;
	}
#content h5 {
	font: 14px/20px Arial,Helvetica,Verdana,sans-serif;
	color: #468d97;
	}
#content h6 {
	font: 12px/16px Arial,Helvetica,Verdana,sans-serif;
	color: #9fad3e;
	}
#content p.article-attribution-url {
	font-size: 10px;
	}	
	
#sidebar p {
	font: 12px/16px Arial,Helvetica,Verdana,sans-serif;
	padding: 7px;
	}
#content td {
padding:8px;
}

.article-attribution-url {
	font-size: 10px;
	color: #4b4a49;
	margin-top: -14px;
	}


/* MASTHEAD
------------------------------------------------------------------------------------------ */

#masthead h1 {
	float: left;
	display: inline;
	margin: 21px 0 0 24px;
	}
	
#masthead form {
	float: right;
	margin-top: 23px;
	}
	#search-input {
		margin-right: 3px;
		padding-left:3px;
                padding-top:1px;
                padding-bottom:1px;
		width: 147px;
		height: 16px;
		border: 1px solid #7f8184;
		font-size: 11px;
		line-height: 11px;
		color: #aaa;
		}

#masthead ul {
	float: right;
	clear: right;
	margin-top: 22px;
	list-style: none;
	}
	#masthead li {
		float: left;
		}
		#masthead .rollover {
			float: left;
			height: 16px;
			}
			#masthead li.sfhover .rollover img {
				left: 0;
				top: -30px;
				}
		#masthead-about-forte {
			width: 93px;
			}
		#masthead-newsletter {
			width: 94px;
			}
		#masthead-press-room {
			width: 99px;
			}
		#masthead-contact {
			width: 80px;
			}
		#masthead-log-in {
			width: 56px;
			}
			


/* LEFT NAVIGATION
------------------------------------------------------------------------------------------ */
#leftnav a:visited {
	color: #468d97;
	text-decoration: none;
	}

#leftnav ul {
	list-style: none;
	width: 176px;
	margin-bottom: 15px;
	z-index: 100;
	}
	#leftnav li {
		position: relative;
		display: inline;
		z-index: 100;
		}
	html>/**/body #leftnav li {
		display: list-item;		/* Hidden from Windows IE */
		}
		
		#leftnav li .rollover {
			width: 176px;
			height: 29px;
			}
			#leftnav li.sfhover .rollover img {
				left: 0;
				top: -29px;
				}
		#leftnav li ul {
			position: absolute;
			left: -29999px;
			top: 0;
			width: 162px;
			padding: 4px;
			background: #ececed url(../images/wrapper/nav-left-border.gif) no-repeat 0 0;
			border: 1px solid #468d97;
			border-width: 1px 1px 1px 0;
			}
			#leftnav li li a {
				display: block;
				width: 130px;
				line-height: 15px;
				padding: 4px 16px 3px 16px;
				}
			#leftnav li li a:hover {
				text-decoration: none;
				color: #fff;
				background: #468d97;
				}
		#leftnav li.sfhover ul {
			left: 175px;
			}



			#leftnav li.sfhover.active .rollover img {
				left: 0;
				top: 0;
				}
		#leftnav li.active ul {
			overflow: hidden;
			position: relative;
			left: 0;
			margin-top: -6px;
			margin-bottom: 6px;
			width: 160px;
			padding: 10px 4px 10px 4px;
			background: #fff;
			background-image: none;
			}
			#leftnav li.active ul.green {
				border: 1px solid #9fad3e;
				}
			#leftnav li.active ul.blue {
				border: 1px solid #468d97;
				}
			#leftnav li.active li a {
				font-size: 11px;
				padding: 2px 16px 2px 20px;
				}
			#leftnav li.active li a:hover {
				text-decoration: none;
				color: #4b4a49;
				background: #fff;
				}
			#leftnav li.active li.this-page a {
				color: #4b4a49;
				background: url(../images/wrapper/sub-nav-tiny-leaf.gif) no-repeat 0 5px;
				}

	
#leftnav #merch-join {
	width: 175px;
	height: 53px;
	margin-bottom: 10px;
	}
#leftnav #merch-sponsor {
	width: 175px;
	height: 66px;
	margin-bottom: 10px;
	}
#leftnav #merch-refer {
	width: 175px;
	height: 37px;
	margin-bottom: 10px;
	}
	
#leftnav #merch-join.sfhover img,
#leftnav #merch-sponsor.sfhover img,
#leftnav #merch-refer.sfhover img {
	left: -200px;
	}
	
	

/* GLOBAL ELEMENTS
------------------------------------------------------------------------------------------ */

#footer p {
	font-size: 10px;
	}
	#footer p a {
		color: #4b4a49;
		}
P img {
   marign: 4px;
}

.headshot {
	position: relative;
	margin: 12px 10px;
	height: 85px;
	}
	.headshot img {
		border: 1px solid #7f8184;
		}
	.headshot p {
		position: absolute;
		left: 95px;
		bottom: 0;
		width: 145px;
		color: #468d97;
		}
		.headshot strong {
			text-transform: uppercase;
			font-weight: bold;
			letter-spacing: 1px;
			}
#breadcrumbs {
	font: 10px/14px Arial,Helvetica,Verdana,sans-serif;
	color: #4b4a49;
	margin-top: 4px;
	margin-bottom: 12px;
	}
#content #breadcrumbs a:link,
#content #breadcrumbs a:visited {
     text-decoration:none;
}

#content-intro {
	margin-bottom: 22px;
	border-top: 2px solid #9fad3e;
	}
#content ul {
    margin-top: 12px;
    margin-bottom: 18px;
	margin-left: 14px;
	}
	#content li {
		list-style: none;
		padding-left: 12px;
        margin-bottom: 5px;
		background: url(../images/wrapper/bullet.gif) no-repeat 0 6px;
		}

            .readmore li {
                padding-left: 12px;
                background: url(../images/wrapper/leaf.gif)no-repeat 0 6px;
                 }
				 
				 
#content-grey li {
		list-style: none;
		padding-left: 12px;
        margin-bottom: 5px;
		background: url(../images/wrapper/bullet_grey.gif) no-repeat 0 6px;
		} 

#content a:link,
#content a:visited {
	text-decoration: underline;
	}			

#content .events h3 {
		padding: 10px;
        color: #fff;
        font-size: 13px;
        font-family: verdana;
        font-weight: bold;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}

#content .article-headshot {
	float: right;
	margin: 0 0 12px 12px;
	width: 84px;
	}
	#content .article-headshot-image {
		border: 1px solid #7f8184;
		margin-bottom: 6px;
		}
	#content .article-headshot-caption {
	font-size: 11px;
	line-height: 12px;
	font-style: italic;
	color: #9fad3e;
	}

#section-subnav {
	margin-bottom: 16px;
	}

.inset-sidebar {
	float: right;
	width: 200px;
	background-color: #dae8ea;
	padding: 12px;
	margin: 12px;
	}

#sidebar h3 { 
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 6px 10px;
	background: #7f8184;
	}


.sidebar-quote {
	background: url(../images/wrapper/big-quote-left.gif) top left no-repeat;
	color: #4b4a49;
	padding: 12px;
	margin-bottom: 25px;
	}
	.sidebar-quote-text {
		background: url(../images/wrapper/big-quote-right.gif) bottom right no-repeat;
		}
	.sidebar-quote-attribution {
		display: block;
		font-style: italic;
		margin-top: 8px;
		}

#table-of-contents {
	border: 1px solid #7f8184;
	overflow: hidden;
	background-color: #ecefd8;
	zoom: 1; /* Windows IE */
	margin-bottom: 25px;
	}
	#table-of-contents h3 {
		padding: 10px 7px;
		background: #7f8184;
		}

#job-search,
#donate-to-forte,
#dont-forget {
	border: 1px solid #7f8184;
	overflow: hidden;
	zoom: 1; /* Windows IE */
	margin-bottom: 25px;
	}
	#job-search h3,
	#donate-to-forte h3,
	#dont-forget h3 {
		padding: 10px 7px;
		background: #7f8184;
		}
	#job-search .rollover {
		height: 12px;
		margin: 5px 0 10px 7px;
		display: block;
		}
		#job-search .rollover img {
			display: block;
			}
		#job-search .rollover.sfhover img {
			top: -31px;
			}

#content .inset-sidebar .register.rollover {
	display: block;
	width: 108px;
	height: 12px;
	margin: -3px 0 5px 3px;
	}
	#content .inset-sidebar .register.rollover.sfhover img {
		top: -31px;
		}

#dont-forget .register.rollover {
	display: block;
	width: 108px;
	height: 12px;
	margin: 5px 0 10px 7px;
	}
	#dont-forget .register.rollover.sfhover img {
		top: -31px;
		}

#donate-to-forte .donate.rollover {
	height: 12px;
	margin: 5px 0 10px 7px;
	display: block;
	width: 66px;
	}
	#donate-to-forte .donate.rollover.sfhover img {
		top: -31px;
		}

.wide-feature-content {
	zoom: 1; /* for Windows IE */
	overflow: hidden;
	padding: 0 10px 10px 10px;
	margin: 10px 0;
	}
	.wide-feature-content .left-image {
		float: left;
		border: 1px solid #7f8184;
		}
	.wide-feature-content-info {
		float: right;
		width: 420px;
		}
	.wide-feature-content-info .rollover.read-more {
		height: 12px;
		width: 100px;
		margin-right: 6px;
		float: left;
		}
	.wide-feature-content-info .rollover.archive {
		height: 12px;
		width: 56px;
		margin: 0;
		float: left;
		}
		.wide-feature-content-info .read-more.rollover img,
		.wide-feature-content-info .archive.rollover img {
			display: block;
			}
		.wide-feature-content-info .read-more.rollover.sfhover img,
		.wide-feature-content-info .archive.rollover.sfhover img {
			top: -31px;
			}
#content .rollover.sfhover img 
#sideber .rollover.sfhover img {
	display: block;
	}
#content .rollover.sfhover img 
#sideber .rollover.sfhover img {
	top: -31px;
	}


		#content .wide-feature-content h3 {
			font-size: 18px;
			line-height: 21px;
			color: #468d97;
			font-weight: normal;
			margin-bottom: 4px;
			}
		#content .wide-feature-content h4 {
			font-size: 12px;
			line-height: 16px;
			color: #468d97;
			text-transform: none;
			margin-bottom: 4px;
			}
		#content .wide-feature-content p {
			margin-bottom: 8px;
			}

.featured-article-header h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		margin-bottom: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
	}
	.featured-article-header h3 img {
		display: block;
		}

.short-feature-content-row {
	margin-bottom: 10px;
	zoom: 1; /* for Windows IE */
	overflow: hidden;
	}

.short-feature-content-left {
	float: left;
	width: 260px;
	}
.short-feature-content-right {
	float: right;
	width: 260px;
	}
	
	.short-feature-content-left h3,
	.short-feature-content-right h3,
    .content-info h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		margin-bottom: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}
		.short-feature-content-left h3 img,
		.short-feature-content-right h3 img {
			display: block;
			}
	.short-feature-content-left p,
	.short-feature-content-right p {
		margin: 10px 10px 0 10px;
		}
	.short-feature-content-left .rollover,
	.short-feature-content-right .rollover {
		width: 200px;
		height: 12px;
		margin: -10px 10px 10px 10px;
		}
	.short-feature-content-left .rollover.sfhover img,
	.short-feature-content-right .rollover.sfhover img {
		top: -31px;
		}


.sidebar-with-lines {
	margin-bottom: 25px;
	}
	.sidebar-with-lines h3 {
		color: #fff;
		font-size: 11px;
		font-family: Arial, Helvetica, Verdana, sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: 1px;
		padding: 6px 10px;
		background: #7f8184;
		}
	.sidebar-with-lines .resource-info {
		border-bottom: 2px solid #4b4a49;
		padding-bottom: 10px;
		overflow: hidden;
		}
	.sidebar-with-lines .rollover {
		height: 12px;
		margin: 12px 0 10px 7px;
		width: 156px;
		display: block;
		}
		.sidebar-with-lines .rollover img {
			display: block;
			}
		.sidebar-with-lines .rollover.sfhover img {
			top: -31px;
			}


#sidebar #readmore img {
       margin-left:0px;
}
	#readmore .rollover {

		height: 12px;
		margin: 10px;
		}
		.readmore .rollover img {
			display: block;
			}
	#readmore .rollover.sfhover img {
		top: -31px;
		}


#sidebar li {
list-style: none;
margin-left: 4px;
/*margin-bottom: 5px;/*
/*list-style-image: url(../images/wrapper/bullet.gif);*/
}


#member-home h3 {
color: #fff;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
		padding: 10px;
		background: #9fad3e url(../images/wrapper/header-wide-bg.gif) no-repeat 100% 0;
		}


/* Convio Form Updates
------------------------------------------------------------------------------------------ */

#name, #youremail{
margin-bottom: 10px;
margin-left: 5px;
}

#messagebody, #subject, #sendtoemail {
margin-bottom: 15px;
width: 400px;
}
#sendtoemail {
margin-top:5px;
width: 400px;
}



.FormBox {
         background: #FFF;
         color: #7F8184;
         margin-right: 10px;
         padding: 8px;
}


.FormBox td {
         padding: 4px;
}

.FormBox .TableHeadings {
         background: #9FAD3E;
}

.Hint, label {
color: #7F8184;
}

label {
font-weight: bold;
}

.apparea {
    width: 740px;
}

.FormBox .TableHeadings {
         background: #9FAD3E;
}

.FormBox {
         background:#fff;
         color: #00000;
         margin-bottom: 10px;
}

.FormBox td {
         padding: 4px;
}

.Hint, .Explicit, label {
         color: #00000;
}

label {
font-weight: bold;
}

#content .Don2AppArea td {
padding:3px;
}


/* Conference Pages
------------------------------------------------------------------------------------------ */
.conference a:link {
	color: #468d97;
	text-decoration: none;
}

.conference a:visited {
	color: #468d97;
	text-decoration: none;
}

.conference a:hover {
	color: #9FAD3E;
	text-decoration: underline;
}

.conference a:active {
    color: #468d97;
	text-decoration: none;
}