body {
	background: #e6e6e6 url(images/bg.jpg) left top repeat-x;
	margin: 0;
}

ul, ol, form {
	margin: 0;
	padding: 0;
}

ul, ol {
	list-style-type: none;
}

.clear {clear: both;}
	
	/*------------
	=LAYOUT CSS
	------------*/
	
	
		.u-nav {
			width: 900px;
			margin: 0 auto;
		}
	
		ul.util-nav {
			padding: 12px 0 0 0;
			height: 24px;
			width: 200px;
			float: right;
		}
		
			ul.util-nav li {
				margin: 0 0 0 10px;
				display: block;
				float: left;
			}
			
				ul.util-nav li a {
					background: transparent none left top no-repeat;
					height: 12px;
					float: left;
					display: block;
					text-indent: -500em;
					overflow: hidden;
				}
			
				ul.util-nav li.home a {
					background-image: url(images/top_unav-home.jpg);
					width: 28px;
				}
			
				ul.util-nav li.sitemap a {
					background-image: url(images/top_unav-site.jpg);
					width: 39px;
				}
			
				ul.util-nav li.contact a {
					background-image: url(images/top_unav-cont.jpg);
					width: 37px;
				}
				
					ul.util-nav li a:hover {
						background-position: left bottom;
					}

		#wrapper {
			background: transparent url(images/cont_bg.jpg) center top repeat-y;
			width: 936px;
			clear: both;
			margin: 0 auto;
		}

			/*------------
			=HEADER CSS
			------------*/
			
				#wrapper #header {
					background: transparent url(images/cont_header.jpg) center top no-repeat;
					height: 396px;
					width: 871px;
					padding: 35px 0 0 65px;
					position: relative;
				}
				
					#header h1#logo {
						margin: 0;
						float: left;
					}
					
						#header h1#logo a {
							position: relative;
							height: 89px;
							width: 415px;
							margin: 0 0 0 2px;
							float: left;
							display: block;
							text-indent: -500em;
						}
						
					#header .head-photo {
						background: transparent url(images/header_leftImg.jpg) left top no-repeat;
						height: 306px;
						width: 293px;
						margin: 1px 0 0 4px;
						float: left;
					}
						
					#header .head-right {
						background: transparent none right top no-repeat;
						width: 385px;
						margin: -5px 68px 0 0;
						padding: 180px 0 0 0;
						float: right;
					}
					
						#header .head-right h2.writing-title {
							background: transparent url(images/top_writingTitle.jpg) left top no-repeat;
							height: 20px;
							width: 304px;
							text-indent: -500em;
						}
						
						#header .head-right ul.writing {
							margin: 0 0 0 10px;
							font: normal 12px "Arial", sans-serif;
						}
						
							.head-right ul.writing li {
								float: left;
								margin: 0 0 6px 0;
							}
							
								.head-right ul.writing li.date {
									margin: 0 5px 0 0;
									clear: left;
									width: 60px;
									color: #b76c00;
								}
								
								.head-right ul.writing li.title {
									width: 300px;
									float: left;
									letter-spacing: .4px;
								}
								
								.head-right ul.writing a:active, .head-right ul.writing a:visited, .head-right ul.writing a:link {color: #64a5c6; text-decoration: underline;}
								.head-right ul.writing a:hover {color: #215169;}

			/*------------
			=MIDSECT CSS
			------------*/
			
				#wrapper #midsect {
					background: transparent url(images/top_fade.jpg) center top no-repeat;
					height: 306px;
					width: 780px;
					margin: 0 auto 20px;
					padding: 20px 10px;
				}
				
					#midsect h2.sect-title {
						background: transparent url(images/landing_midTitle.gif) left top no-repeat;
						height: 13px;
						width: 157px;
						text-indent: -500em;
					}

						/*------------
						=MIDSECT-FRIENDS CSS
						------------*/
					
							#midsect #friends {
								background: transparent url(images/landing_midDiv.jpg) right top no-repeat;
								width: 230px;
								height: 254px;
								padding: 0 10px;
								margin: 0 10px 0 0;
								float: left;
							}
							
								#midsect #friends a:active, #midsect #friends a:visited, #midsect #friends a:link, #midsect .com-content a:active{color: #902800; text-decoration: underline;}
								#midsect #friends a:hover, #midsect #broadcast a:hover {color: #531700; text-decoration: none;}
					
								#midsect #friends h2.title {
									background: transparent url(images/landing_midFriends.gif) left top no-repeat;
									height: 39px;
									width: 77px;
									margin: 0;
									text-indent: -500em;
								}
								
								#midsect #friends p {
									font: normal 11px/15px "Tahoma", sans-serif;
									color: #717171;
								}
								
								#midsect #friends ul.ul-fri {
									font: normal 11px "Tahoma", sans-serif;
								}
								
									#friends ul.ul-fri li {
										background: transparent url(images/landing_midFriBul.gif) left 3px no-repeat;
										margin: 0 0 5px 0;
										padding: 0 0 5px 14px;
										border-bottom: 1px solid #E8E8E8;
									}
									
										#friends ul.ul-fri li p {
											margin: 3px 0 0 0;
										}

						/*------------
						=MIDSECT-SPEAKING CSS
						------------*/
					
							#midsect #speaking {
								background: transparent url(images/landing_midDiv.jpg) right top no-repeat;
								width: 230px;
								height: 254px;
								padding: 0 10px;
								margin: 0 10px 0 0;
								float: left;
							}
							
								#midsect #speaking a:active, #midsect #speaking a:visited, #midsect #speaking a:link, #midsect #broadcast a:active, #midsect #broadcast a:visited, #midsect #broadcast a:link  {color: #902800; text-decoration: underline;}
								#midsect #speaking a:hover, #midsect #broadcast a:hover {background-color: #E6E6E6; color: #531700; text-decoration: none;}
					
								#speaking h2.title {
									background: transparent url(images/landing_midSpeak.gif) left bottom no-repeat;
									height: 39px;
									width: 82px;
									margin: 0;
									text-indent: -500em;
								}
								
								#speaking p {
									font: normal 11px/15px "Tahoma", sans-serif;
									color: #717171;
								}
								
								#speaking .com-content, #midsect #broadcast  .com-content {
									margin: 15px 0 0 0;
									padding: 0 0 6px 0;
									color: #6b6b6b;
									border-bottom: 1px solid #E6E6E6;
								}
								
									#speaking .com-content p.date, #midsect #broadcast  .com-content p.date {
										margin: 0;
										font: normal 13px "Arial Narrow", "Arial", "Tahoma", sans-serif !important;
									}
									
									#speaking .com-content h2, #midsect #broadcast .com-content h2 {
										margin: 0;
										font: normal 20px "Arial Narrow", "Arial", "Tahoma", sans-serif !important;
									}
									
										#midsect #speaking .com-content h2 a:active, #midsect #speaking .com-content h2 a:visited, #midsect #speaking .com-content h2 a:link, #midsect #broadcast .com-content h2 a:active, #midsect #broadcast .com-content h2 a:visited, #midsect #broadcast .com-content h2 a:link {color: #dd5200; text-decoration: none;}
										#midsect #speaking .com-content h2 a:hover, #midsect #broadcast .com-content h2 a:hover {background-color: transparent; color: #622400; text-decoration: underline;}

						/*------------
						=MIDSECT-BROADCAST CSS
						------------*/
					
							#midsect #broadcast {
								width: 230px;
								height: 254px;
								padding: 0 10px;
								float: left;
							}
					
								#midsect #broadcast h2.title {
									background: transparent url(images/landing_midSched.gif) left top no-repeat;
									height: 39px;
									width: 120px;
									margin: 0;
									text-indent: -500em;
								}
								
								#midsect #broadcast p {
									font: normal 11px/15px "Tahoma", sans-serif;
									color: #717171;
								}

			/*------------
			=COLUMN CSS
			------------*/
			
				#content {
					padding: 0 68px;
				}

					/*------------
					=LEFT CSS
					------------*/
				
						#content #left {
							width: 360px;
							padding: 10px 20px;
							float: left;
							font: normal 13px "Arial", sans-serif;
						}
						
							#left h2.about-title {
								background: transparent url(images/left_aboutTitle.jpg) left bottom no-repeat;
								height: 38px;
								width: 237px;
								margin: 0 0 10px 0;
								text-indent: -500em;
							}
							
							#left .land-about {
								width: 366px;
								font: normal 12px/17px "Arial", sans-serif;
								color: #525252;
								letter-spacing: -.4px;
							}
							
								#left .land-about p {
									margin: 0 0 10px 0;
								}
	
					/*------------
					=RIGHT CSS
					------------*/
					
						#content #right {
							width: 360px;
							padding: 10px 20px;
							float: left;
							font: normal 12px/18px "Tahoma", sans-serif;
							letter-spacing: .4px;
							color: #575757;
						}
						
							#right h2.journ-title {
								background: transparent url(images/right_journTitle.jpg) left top no-repeat;
								height: 38px;
								width: 232px;
								margin: 0 0 10px -8px;
								text-indent: -500em;
							}
						
							#right a:active, #right a:visited, #right a:link {color: #4B8495; text-decoration: ;}
							#right a:hover {color: #294851; text-decoration: none;}
							
							#right h3 {
								font: bold 15px "Tahoma", sans-serif;
								letter-spacing: -.4px;
								color: #3A6673;
							}
							
							#right h4 {
								font: normal 14px "Arial", sans-serif;
								color: #666;
							}
							
							#right ul.journal {
								width: 350px;
								float: left;
								font: normal 12px "Arial", sans-serif;
							}
							
								#right ul.journal li {
									float: left;
									margin: 0 0 10px 0;
								}
								
								#right ul.journal li.date {
									width: 70px;
									clear: both;
									color: #b76c00;
								}
								
								#right ul.journal li.locate {
									width: 110px;
									float: left;
									color: #777a5f;
								}
								
								#right ul.journal li.event {
									width: 170px;
									float: left;
									color: #3d8397;
								}

				/*------------
				=INNER-PAGE CSS
				------------*/

					body.inner #wrapper {
						background: transparent url(images/inner-cont_bg.jpg) center top repeat-y;
					}
					
						body.inner #wrapper .top {
							background: transparent url(images/inner-cont_top.jpg) top center no-repeat;
						}
			
						body.inner #wrapper #header {
							background: transparent url(images/inner-cont_header.jpg) center top no-repeat;
							height: 120px;
							width: 871px;
							padding: 35px 0 0 65px;
						}

					/*------------
					=LEFT CSS
					------------*/
					
						body.inner #content #left {
							width: 232px;
						}
						
							body.inner #left ul.nav {
								font: normal 14px "Arial", sans-serif;
							}
							
								body.inner #left ul.nav li a {color: #4f4f4f; text-decoration: none;}
								body.inner #left ul.nav li a:hover {color: #1b1b1b;}
								
								body.inner #left ul.nav li {
									margin: 0 0 10px 0;
									text-transform: uppercase;
								}
								
									body.inner #left ul.nav li ul {
										margin: 0 0 0 20px;
										color: #c22727;
									}
									
										body.inner #left ul.nav li ul a {text-transform: lowercase; font-size: 12px; color: #7a7a7a; text-decoration: none;}
										body.inner #left ul.nav li ul a:hover {color: #4f4f4f;}

					/*------------
					=RIGHT CSS
					------------*/
						
						body.inner #header .head-right {
								margin: -5px 68px -120px 0;
							}
					
						body.inner #content #right {
							width: 486px;
						}
						
							body.inner #content #right h2 {
								font: normal 20px "Tahoma", sans-serif;
								letter-spacing: -.2px;
								color: #303030;
							}

					/*------------
					=FOOTER CSS
					------------*/
					
						body.inner #wrapper #footer {
							background: #e6e6e6 url(images/inner-footer_bg.jpg) top center no-repeat;
						}

			/*------------
			=FOOTER CSS
			------------*/
			
				#wrapper #footer {
					position: relative;
					background: #e6e6e6 url(images/footer_bg.jpg) left top no-repeat;
					width: 936px;
					height: 80px;
					margin: 0 auto;
				}