/* CSS for content template */

/* container for content */
#main-content{
	float: left;
	margin: 35px 86px 0 0;
	width: 570px;
}
*html #main-content{
	margin: -25px 85px 0 -5px;
}

#dropdowns{
	position: relative;
	z-index: 0;
}

/* form elements */
select{
	color: #30302e;
	font-size: 11px;
	border: 1px solid #AFA77B;
	margin: 0;
	width: 310px;
}

form, input, select, textarea{
	position: relative;
	z-index: 10;
}

.dropdown{
	position: static;
	z-index: 0;
}

/* header */
#main-content h1{
	font-size: 20px;
	color: #4F5557;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	margin: 20px 0 10px 100px;
}

/* subheader */
#main-content h2{
	font-size: 11px;
	color: #4F5557;
	font-weight: bold;
	text-align: left;
	line-height: 18px;
	margin: 0 0 3px 100px;
}

#main-content h2 i{
	font-weight: normal;
	font-style: normal;
}

/* container for dropdown box */
#main-content h3{
	margin: 0 0 20px 100px;
}

/* icon + hairline before @ section */
#main-content h4{
	text-align: right;
	border-bottom: 1px solid #DDDDC3;
	cursor: pointer;
	margin: 0 0 5px 100px;
	padding: 0 0 2px 0;
}

#main-content h4 b{
	position: absolute;
	left: 140px;
	color: #4F5557;
	text-align: left;
}

#main-content p{
	border-bottom: 1px solid #DDDDC3;
	margin: 0 0 0 100px;
	padding: 3px 40px 3px 0;
}

/* legned */
#legend{
	border: 1px solid #DDDDC3;
	margin: 0 0 20px 100px;
}

#legend ul{
	padding: 0;
	width: 410px;
}

#legend li{
	list-style-type: none;
	display: inline;
	line-height: 20px;
	margin: 0 10px 0 20px;
	padding: 0 0 0 15px;
}

#legend li.higher-ed{
	background: url("/images/icons/i-higher-ed.gif") no-repeat center left;
	color: #30302e;
	
}

#legend li.k-12{
	background: url("/images/icons/i-k-12.gif") no-repeat center left;
	color: #30302e;
	
}

#legend li.museums{
	background: url("/images/icons/i-museums.gif") no-repeat center left;
	color: #30302E;
	/* #A99E44 */
}

#legend li.indie-art-schools{
	background: url("/images/icons/i-indie-art-schools.gif") no-repeat center left;
	color: #30302e;
	/* #AE842A */
}

#legend li.public-libraries{
	background: url("/images/icons/i-public-libraries.gif") no-repeat center left;
	color: #30302e;
	/* #709E89 */
}

#legend li.shared-shelf{
	background: url("/images/icons/i-hosting-partner.gif") no-repeat center left;
	color: #30302e;
	/* #4F5557 */
}
#legend li.hosting-pilot{
	background: url("/images/icons/i-hosting-pilot.gif") no-repeat center left;
	color: #30302e;
	/* #4F5557 */
}

/* tables */
.list {
	border-collapse: collapse;
	margin: 0 0 20px 100px;
	width: 475px;
}


.listState {
	border-collapse: collapse;
	margin: 0 0 0px 100px;
	width: 475px;
}

.listState2 {
	border-collapse: collapse;
	margin: 0 0 20px 0px;
	width: 475px;
}

.list th, .list td{
	border-bottom: 1px solid #DDDDC3;
	line-height: 14px;
	padding: 4px 0 2px 0;
}

.state{
	width: 25px;
}

.date{
	width: 142px;
	text-align: left;
	
}

.description{
	width: 333px;
	text-align: left;
}


.top{
	text-align: right;
}

.icon-one{
	text-align: left;
	width: 10px;	
}

.icon-two{
	text-align: left;
	width: 15px;
}

.text{
	width: 385px;
}