/*
--- GLOBAL ---*/
body {
  margin: 0 0 5px 0;
  text-align: center;
  background: url("../images/main_bgrd.gif");
  color: #515A68;
  font: 12px Arial, Helvetica, sans-serif;
  overflow: -moz-scrollbars-vertical;
  }
  .clear-both { clear: both }
  .clear-right { clear: right;}
  a img { border: 0 }
  a { color: #FC6D0F;}

/*
--- HEADER GRAPHICS ---*/
  h1 { 
  width: 800px;
	height: 60px;
	background: url("../images/home_logo.jpg") no-repeat;
	margin: 0;
	} h1 strong { display: none }

  h2 {
  width: 800px;
	height: 238px;
	background: #fff url(../images/home.gif) no-repeat bottom center;
	margin: 0;
	} h2 em { display: none }
	
  #rotate1 {
    width: 800px;
	height: 238px;
	background: #fff url(../images/home_efficienct.jpg) no-repeat bottom center;
	margin: 0;
	}
  #rotate2 {
    width: 800px;
	height: 238px;
	background: #fff url(../images/home_access.jpg) no-repeat bottom center;
	margin: 0;
	}
	
  #rotate3  {
    width: 800px;
	height: 238px;
	background: #fff url(../images/home_reform.jpg) no-repeat bottom center;
	margin: 0;
	}		


/*
--- STRUCTURE ---*/
#container { 
  width: 800px;
  margin: 0 auto;
  margin-left: 100px;
  text-align: left;
  background: url("../images/home_sub_bgrd.jpg");
	overflow: hidden
  }
  #intro { 
		width: 100%;
		padding-bottom: 5px;
		background: url("../images/home_intro_bgrd.jpg") repeat-y;
		overflow: hidden 
	}
		#intro h3 {
		 margin: 0; 
		 padding: 20px 20px 0 70px; 
		 font: 26px Times New Roman;
		 color: #FF6A06;
		 background: url("../images/home_photo_a.jpg") no-repeat top;
		 }
		#intro p { padding: 0 20px 0 70px }
		.intro-float {
			float: right;
			margin: 25px 16px 5px 15px;
			}
	#intro-btm { 
		width: 800px;
		height: 6px;
		margin-bottom: 20px;
		background: url(../images/home_intro_footer.jpg) no-repeat 
	}
	
	#c-wrap {
		width: 780px;
		margin: 0 auto 1em;
		background: url(../images/cols_bg.png) 100% 0 repeat-y
	}
	
	* html #c-wrap { background-image: url(../images/cols_bg2.png); background-position: 100% 2px }


  /*-- LEFT NAVIGATION --*/
  #left-nav {
    float: left;
		width: 145px;
		padding-top: 10px;
    font: 13px Times New Roman;		
	}


  /*-- CONTENT AREA --*/
  #content {
    float: right;
		width: 616px;
	}
		#content a:hover, #content a:focus, #content a:active { text-decoration: underline }
	
		#content h4 {
			color: #FFF;
			text-transform: uppercase;
			font-size: 12px
		}
		#content h4.sub_title {
			color: #FFF;
			text-transform: uppercase;
			font-size: 12px;
			background-color: #405778;
			padding-left:5px;
			margin-bottom:10px;
			margin-top:10px;
		}


		#news {
			position: relative;
			top: -12px;
			float: left;
			width: 452px;
			color: #405778;
			font-size: 12px
		}
		
			#news ul {
				margin: 0;
				padding: 0;
				list-style: none
			}
			
				#news li, .docs li {
					margin-bottom: .5em;
					padding-bottom: .5em;
/* took off when they changed to "recent workshops" format	border-bottom: 1px solid #405778
*/				}
				
				#news ul ul li {border-bottom:none;}
					#news li h5, #news li p { margin: 0 0 .2em; font-size: 11px }
		
			#news a { 
				color: #405778; 
				font-weight: bold;
				text-decoration: none 
			}
		
			.announcements {
				position: relative;
				width: 452px;
				margin: 12px 0 1em;
				padding-top: 1px;
				background: url(../images/announce_bg.png) repeat-y;
			}
				.announcements .top {
					background: url(../images/announce_top.png) no-repeat
				}
					.announcements .btm {
						width: 412px;
						padding: 2em 20px;
						background: url(../images/announce_btm.png) 0 100% no-repeat;
						overflow: hidden
					}
						.announcements h4 {
							margin: -1px 0 0; 
							padding: .2em 10px .25em 50px;
							background: #405778 url(../images/bg_tile.png) 100% 0 repeat-y
						}
						.announcements img {
							position: absolute;
							top: -12px;
							left: -3px
						}
						.announcements .cols {
							float: left;
							display: inline;
							width: 160px;
							margin-right: 50px;
/*							padding-left: 15px;
*/						}
						.announcements .last { margin-right: 0 }
						.announcements h5, .announcements p {
							margin: 0 0 1em 0;
							font-size: 12px;
							padding-left:1em;
						}
						
				.announcements .btm img {position:relative; background-color:#666666; padding:1px;}
						
.arrow_orange {background: url(../images/news-arrow2.png) 0 5px no-repeat}
			.cols {
				float: left;
				display: inline;
				width: 214px;
				margin-right: 18px;
				padding-top: 0
			}
			.docs { margin-right: 0 }
				.cols h4 {
					margin: 0 0 .5em;
					padding: .2em 5px;
					background: #405778;
				}
				.cols .more { margin: 0; font-size: 11px }
				.press li, .docs li {
					padding-left: 25px;
					background: url(../images/news-arrow.png) 10px 3px no-repeat
				}
				.press .more { padding-left: 25px }
				
/*				.docs li {
					padding-left: 35px;
					background: url(../images/doc.png) 10px 3px no-repeat
				}*/
				.docs .more { padding-left: 35px }
		
		#participants {
			float: right;
			width: 135px;
			padding: 0 10px;
			color: #FFF;
			font-size: 11px
		}
			#participants h4 { margin: 1em 0 }
			#participants ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				#participants li {
					margin-bottom: .5em;
					padding-bottom: .5em;
					border-bottom: 1px solid #FF6A06
				}
		#participants a { color: #FFF; text-decoration: none }