/*** Dev/Debug styles ***/
/*a[href="#"] { color: red; }*/

/******** Home Page Styles *********/
.homepage #mainFocus a {
	display: block;
	height: 200px;
	text-indent: -999em;
	width: 738px;
}
.homepage .fall-conference a {
	background: url(../../img/homepage/focus-2011-conference.jpg) 0 0 no-repeat;
}
.homepage .networking a {
	background: url(../../img/homepage/focus-networking-20110519.jpg) 0 0 no-repeat;
}
	.homepage .fall-conference:hover {
		/*background-position: 0 -200px;*/
	}
.homepage .coe-201003 {
	background: url(../../img/homepage/focus-celebration-of-education-20100307.png) 0 0 no-repeat;
}
	
.homepage #focus {
	float: left;
}
	
	.homepage #award-focus {
		background: url(../../img/homepage/focus-awards.gif) 0 0 no-repeat;
		display: block;
		height: 250px;
		margin: 25px 0 0 0;
		text-indent: -999em;
		width: 220px;
	}
	
	.homepage #join-focus {
		background: url(../../img/homepage/focus-join-now.jpg) 0 0 no-repeat;
		display: block;
		height: 42px;
		margin: 25px 0 20px 0;
		text-indent: -999em;
		width: 220px;
	}
	
.homepage #boilerplate {
    float: left;
    margin: 23px 0 0 20px;
    width: 498px;
}
	
/******** Main Content Styles *********/
#content h2,
#content h3 {
	margin-bottom: 1em;
}

#content .contentBlock {
	clear: left;
	overflow: hidden;
}

#content ul {
	margin-left: 0px;
	margin-right: 0px;
	}
	#content ul li {
		background: url(../../img/interface/bullet.gif) 0 7px no-repeat;
		padding-left: 10px;
	}


	#content ul.sublevelLinks li {
		margin-bottom: 5px;
	}

#content h4.reportYear {
	font-size: 1.2em;
}
#content h4.reportYear a {
	font-size: .7639em;
}
#content .meetings {
	/*background: #dedede;
	box-shadow: 10px 10px 5px #999;
		-moz-box-shadow: 2px 2px 5px #999;
		-webkit-box-shadow: 2px 2px 5px #999;*/
	padding: 10px;
	padding-bottom: 0;
}
	#content .meetings h5 {
		color: #787879;
		font-size: 1em;
		padding-bottom: 10px;
		/*text-shadow: 1px 1px 1px #fff;*/
	}	
	#content .meetings ul li {
		background: none;
		border-bottom: 1px solid #cdcdcd;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	#content .meetings ul li.last { border-bottom: none; }
		#content .meetings ul li strong {
			display: block;
		}

#content ul.boardList li {
	background: none;
	border-bottom: 1px solid #b0b0b0;
	margin-bottom: 1em;
	padding-bottom: 1em;
}	

#content ul.eventList {
	margin-left: 0;
	}
	#content ul.eventList li {
		background: none;
	}


/* Gallery Styles */
#content ul.gallery li {
	background: none;
	float: left;
	margin: 10px;
	}
	#content ul.gallery li a {
		display: block;
		padding-top: 4px;
		}
		#content ul.gallery li a:hover {
			background: #949fd0;
		}
		#content ul.gallery li a img {
			border-top: 1px solid #fff;
			border-bottom: 1px solid #fff;
		}
		
		

#content ul.linkList li {
	background: none;
	border-bottom: 1px solid #b0b0b0;
	min-height: 75px;
		_height: 75px;
	margin-bottom: 1em;
	padding: 0 0 1em 165px;
	position: relative;
	}
	#content ul.linkList li img {
		position: absolute;
			top: 0px;
			left: 0px;
	}
	#envelope #content ul.linkList li ul li {
		border: none;
		min-height: 20px;
			_height: 20px;
		margin-bottom: 0;
		padding: 0;
	}

#content ul.awardList li ul li {
	background: none;
}
	
	
#content .footnote {
	font-size: .909em;
	font-style: italic;
}

#content a.button {
	background: #405080;
	color: #fff;
	display: block;
	padding: 5px 10px;
	text-align: center;
	width: 45px;
	}
	#content a.email {
		width: 100px;
	}
	#content a.award,
	#content a.event {
		width: 175px;
	}
	#content a.button:hover {
		text-decoration: none;
	}
	
#content ul.priceList {
	
	}
	#content ul.priceList li {
		background: none;
		border-bottom:1px solid #B0B0B0;
		padding: 5px 0;
		position: relative;
		width: 409px;
		}
		#content ul.priceList li span {
			position: absolute;
				right: 0px;
		}
		
#content ol.instructionList {
	margin-left: 17px;
}
	#content ol.instructionList li {
		margin-bottom: 1em;
	}
		
		
/* Photo Gallery styles */
#content ul#imageBlock {
	width: 470px;
	}
	#content ul#imageBlock li {
		margin: 0 auto 25px auto;
		padding: 0;
		position: relative;
		width: 400px;
		}
		#content ul#imageBlock li h3,
		#content ul#imageBlock li p {
			background: #000;
			background: rgba(0, 0, 0, .8);
			color: #fff;
			padding: 7px 20px;
			position: absolute;
				top: 0px;
				left: 0px;
			width: 360px;
		}
		#content ul#imageBlock li p {
			margin: 0;
				top: auto;
				bottom: 4px;
					*bottom: 0px;
		}
		#content ul#imageBlock a {
			
			}
			#content ul#imageBlock a:hover {
				
			}
			


	#flashContainer {
	    height: 533px;
	    position: relative;
	    text-align: center;
	    width: 800px;
	}
		#flashContainer p {
			background: #000;
			padding: 15px 0;
			position: absolute;
				top: 23%;
				left: 0;
			width: 100%;
		}
			#flashContainer p a {
				color: #fff;
				font-size: 20px;
				text-decoration: none
			}
			#flashContainer p a:hover {
				text-decoration: underline;
			}
			
#content ul.workshopList {
	
	}
	#content ul.workshopList li {
		background: none;
		border-bottom:1px solid #B0B0B0;
		font-style: italic;
		min-height: 1.5em;
			_height: 1.5em;
		padding: 5px 10px 5px 240px;
		position: relative;
		}
		#content ul.workshopList li span {
			font-style: normal;
			position: absolute;
				left: 10px;
					_left: -230px;
		}
		
#content ul.linkList ul {
	list-style-type: disc;
	padding-left: 20px;
}
	
#content .downloads	{
	background: #dedede;
	box-shadow: 10px 10px 5px #999;
		-moz-box-shadow: 2px 2px 5px #999;
		-webkit-box-shadow: 2px 2px 5px #999;
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 0;
}
	#content .downloads h4 {
		color: #787879;
		font-size: 1.2em;
		padding-bottom: 10px;
		text-shadow: 1px 1px 1px #fff;
	}
		#content .downloads h5 {
			color: #787879;
			font-size: 1em;
			padding-top: 10px;
			text-shadow: 1px 1px 1px #fff;
		}
		#content .downloads ul { margin: 0 10px; }
		#content .downloads ul ul { margin-right: 0; }
			#content .downloads ul li {
				background: none;
				border-bottom: 1px solid #cdcdcd;
				padding-left: 0;
			}
				#content .downloads ul li a {
					background: #dedede;
					display: block;
					line-height: 3.6364em;
					padding-left: 10px;
				}
				
				#content .downloads ul li a.disabled { color: #9a9a9a; }
				
				#content .downloads ul li a:hover {
					background: #989898;
					color: #dedede;
					text-decoration: none;
				}
			#content .downloads ul li.last { border-bottom: none; }
				#content .downloads ul li strong {
					display: block;
				}	
			
			#content .downloads ul ul,
			#content .downloads ul ul li.last {
				margin-bottom: 0;
				padding-bottom: 0;
			}
	

/******** Sidebar styles ********/
#sidebar .joinLink {
	background: url(../../img/interface/join-button.png) 0 0 no-repeat;
	_background: url(../../img/interface/join-button.gif) 0 0 no-repeat;
	height: 75px;
	width: 250px;
	}
	#sidebar .joinLink a {
		display: block;
		height: 50px;
		margin-left: 10px;
		text-indent: -999em;
		width: 227px;
	}
	
#sidebar .news-events {
	background: url(../../img/interface/sidebar-focus-background.png) 0 0 repeat-y;
	color: #405080;
	margin-left: 10px;
	padding: 30px 20px 20px 20px;
	}
	#sidebar .news-events h3 {
		font-size: 1.636em;
		margin-bottom: 10px;
		text-align: center;
	}
	#sidebar .news-events ul {
		margin: 0;
		}
		#sidebar .news-events h4 {
			font-size: 1.273em;
			margin-bottom: 5px;
		}
		#sidebar .news-events p {
			margin: 0 0 5px 10px;
		}
		#sidebar .news-events p.date { font-weight: bold; }
		#sidebar .news-events p.link a { 
			color: #405080;
			text-decoration: underline;
		}
		#sidebar .news-events p.link a:hover {
			text-decoration: none;
		}