/*  // CSS Document for Template.
	// Design by Yang Design --> Visited us at: http://www.yangdesign.net/
	
	// Copyright (C) 2009 Tamejavi - Our Voice, Our Stories.
	
	// C O L O R   S W A T C H E S :
		1.  #FFF... = bdy cont, main nav hover, footer text, side nav hover
		2.  #333... = text
		3.  #999... = text 2
		4.  #736357 = text 3
		5.  #900... = header title text
		6.  #D8C88D = main nav text
		7.  #871E22 = side nav text
		8.  #B8783A = full-bdy-bkgd
		9.  #FEEDBE = bdy-hldr
		10. #XXX... = Name
*/
/* ...................................................................................... */
/* //////////////////////////////////// [ Main Control ] //////////////////////////////// */

* {
	font-family: 'Georgia';
	
	margin: 0;
	padding: 0;
	
	outline: none !important;
	-moz-outline: none !important;
	
	list-style-type: none;
}

	html {
		overflow: auto;
		width: 100%;
		height: 100%;
	}
	body {
		background: #B8782A url(../img/tmj_bkgd.png) repeat left top;
		min-width: 1000px;
	}
	
	img { border: none !important; }
	
	h1, h2, h3, h4, h5 { margin-bottom: .63em; }
		h2 { 
			font-size: 24px; 
			font-weight: normal; 
			color: #900;
		}
			h3 { color: #C00; }
	
	p {
		color: #333;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		
		letter-spacing: .003em;
		line-height: 1.5em;
		
		margin-top: 1.26em;
	}
		p:FIRST-CHILD { margin: 0; }
	
	#wrap-hldr {
		background: url(../img/tmj_top_bkgd.png) repeat-x left -190px;
		width: 100%;
		height: 300px;
		
		position: absolute;
		display: block;
		top: 0;
		left: 0;
	}
		#wrap, #ftr-hldr {
			width: 966px;
			margin: 0 auto;
		}
			#hdr, #home-hdr-img, #hdr-img, #fruit-stand, #bdy, #bdy-bar, #ftr {
				width: 900px;
				margin: 0 auto;
			}
		
		.in-pad { padding: 1.26em; }
		.in-pad2 { padding: 0 1.26em; }
		.in-pad3 { padding: 1.26em 0; }
		.in-pad-cont { padding-left: 1.26em; }
		
		.clr { clear: both; margin: 0; }
		
		
/* ........................................................................................ */
/* ////////////////////////////////////// [ H E A D E R ] ///////////////////////////////// */
#hdr {
	background: url(../img/tmj_nav_bkgd.png) no-repeat left top;
	height: 78px;
	
	top: -16px;
	z-index: 500;
}
	#logo, #logo a { width: 112px; }
		#logo {
			float: left; 
			height: auto;
			
			padding-top: 1em;
			padding-left: 1em;
		}
			#logo a {
				background: url(../img/tmj_logo.png) no-repeat left top;
				height: 36px;
			}
				#logo a h1 { display: none; }
				
	#home-hdr-img {
		background: #000;
		height: 150px;
		margin: 0 auto;
		margin-top: -2.2em;
	}
	
	#hdr-img {
		height: 50px;
		margin: 0 auto;
		margin-top: -2.2em;
	}
	
	#fruit-stand {
		background: url(../img/tmj_fruit.jpg) no-repeat left top;
		height: 116px;
	}
		#fruit-stand ul, 
		#fruit-stand ul li {
			position: absolute;
			margin: 0;
			
			width: 0;
			height: 0;
		}
			#fs-pos-1, 
			#fs-pos-2, 
			#fs-pos-3, 
			#fs-pos-4, 
			#fs-pos-5 {
				position: absolute;
				display: block;
				z-index: 400;
				
				/*
				background: red;
				filter: alpha(opacity="70");
				-moz-opacity: .7;
				opacity: .7;
				*/
			}
				#fs-pos-1 {
					top: 10px;
					left: 10px;
					
					
					width: 95px;
					height: 75px;
				}
				#fs-pos-2 {
					top: 38px;
					left: 200px;
					
					width: 105px;
					height: 55px;
				}
				#fs-pos-3 {
					top: 50px;
					left: 408px;
					
					width: 120px;
					height: 50px;
				}
				#fs-pos-4 {
					top: 40px;
					left: 570px;
					
					width: 105px;
					height: 55px;
				}
				#fs-pos-5 {
					top: 17px;
					left: 800px;
					
					width: 100px;
					height: 65px;
				}
					#fs-pos-1 span, 
					#fs-pos-2 span, 
					#fs-pos-3 span, 
					#fs-pos-4 span, 
					#fs-pos-5 span { display: none; }

/* ........................................................................................ */
/* ////////////////////////////////// [ N A V I G A T I O N ] ///////////////////////////// */
#nav {
	float: right; 
	
	padding-top: 1.2em;
	padding-right: 1.5em;
	
	width: 730px;
	height: 26px;
}
	#nav ul {
		float: right;
		height: 26px;
	}
		#nav ul li { float: left; margin-left: .63em; }
		#nav ul li:FIRST-CHILD { margin: 0; }
		#nav ul li a, 
		#nav ul li a span {
			background-image: url(../img/tmj_nav.png);
			background-repeat: no-repeat;
			background-position: left top;
		
			cursor: pointer;
			font-size: 11px;
			float: left;
			
			height: 26px;
			
			text-decoration: none;
			text-transform: uppercase;
		}
			#nav ul li a { background-position: left top; }
				#nav ul li a:HOVER { background-position: left -52px; }
					#nav ul li a span {
						background-position: right top;
						
						color: #D8C88D;
						
						margin-right: -5px;
						padding: 6px 10px;
						padding-bottom: 0;
						
						height: 20px;
					}
						#nav ul li a:HOVER span {
							color: #FFF;
							background-position: right -26px;
						}
					

/* ........................................................................................ */
/* /////////////////////////////////////// [ B O D Y ] //////////////////////////////////// */
#bdy-top, #bdy-mid, #bdy-btm {
	margin: 0 auto;
	width: 966px;
}
	#bdy-top {
		background: url(../img/tmj_bdy_bkgd_t.png) no-repeat center top;
		height: 47px;
	}
	#bdy-mid { background: url(../img/tmj_bdy_bkgd_m.png) repeat-y center top; }
	#bdy-btm {
		background: url(../img/tmj_bdy_bkgd_b.png) no-repeat center top;
		height: 48px;
	}
		#bdy-bar {
			background: url(../img/tmj_bar.png) no-repeat center top;
			height: 26px;
			z-index: 300;
		}
			#bdy { /*min-height: 200px;*/ }
				
				.bdy-btn {
					background-image: url(../img/tmj_arrwo_bullet.png);
					background-repeat: no-repeat;
					background-position: left .25em;
					
					padding-left: 1.26em;
				}
				
				#left-cont {
					float: left;
					width: 197px;
				}
					#left-hdr-txt {
						color: #b8a180;
						
						background: #f5e5b7;
						border-radius: 6px;
						
						width: 197px;
						height: auto;
						
						-moz-border-radius: 6px;
						
						margin: .63em 0;
					}
						#left-hdr-txt:FIRST-CHILD { margin-top:0; }
						.left-hdr-pad, 
						.left-hdr-pad span {
							font-size: 16px;
							font-weight: bold;
							font-family: 'Arial';
						}
							.left-hdr-pad { padding: .31em 1em; letter-spacing: 0; }
								.left-hdr-pad span { font-family: 'Georgia'; }
					#side-nav, 
					#side-nav ul li a, 
					#side-nav ul li a span {
						width: auto;
						height: auto;
					}
						#side-nav ul li {
							display: block;
							background: url(../img/tmj_dot_line.png) repeat-x left top;
							padding: .31em 0;
						}
							#side-nav ul li:FIRST-CHILD {
								padding-top: 0;
								*padding-top: 0;
								background: none;
							}
							#side-nav ul li a, 
							#side-nav ul li a span {
								color: #871E22;
								font-size: 12px;
								font-weight: bold;
								text-decoration: none;
							}
								#side-nav ul li a {
									background-image: url(../img/tmj_btn.png);
									background-repeat: no-repeat;
									background-position: -100px top;
									-moz-border-radius: 6px;
								}
									#side-nav ul li a:HOVER {
										background-repeat: repeat-x;
										background-position: left top;
									}
										#side-nav ul li a span {
											padding: .63em 1.26em;
											*padding-top: .52em;
										}
											#side-nav ul li a:HOVER span { color: #FFF; }
					#sponsor, 
					#spnsrs-img {
						font-size: 11px;
						width: 197px;
						
						border-top: 5px solid #f5e5b7;
						margin-top: 1em;
						padding-top: 1em;
					}
						#sponsor h2 {
							color: #900;
							font-size: 12px;
							font-weight: bold;
						}
						#sponsor ul { margin: 0; }
						#sponsor ul li {
							background: url(../img/tmj_arrwo_bullet.png) no-repeat left 2px;
							margin-bottom: .63em;
							padding-left: 1.26em;
						}
						#sponsor ul li a {
							color: #736357;
							font-family: 'Arial';
							text-decoration: none;
							background: none;
						}
							#sponsor ul li a:HOVER {
								background: #f5e5b7;
								text-decoration: underline;
							}
				
				#right-cont {
					background: #FFF;
					float: right;
					width: 642px;
				}
					#right-cont h2 { margin-top: .63em; }
						#right-cont h2:FIRST-CHILD { margin-top: 0; }
					#right-cont h2 span {
						color: #999;
						display: block;
						font-size: 12px;
						font-family: 'Arial';
						font-weight: normal;
					}
					
					#right-cont h3 {
						color: #B8783A;
						font-size: 16px;
						font-weight: normal;
						
						background: url(../img/tmj_dot_line.png) repeat-x left bottom;
						margin-top: 1.26em;
						padding-bottom: .31em;
					}
						#right-cont h3:FIRST-CHILD { margin-top: 0; }
					#right-cont p, 
					#right-cont b, 
					#right-cont a, 
					#right-cont ul, 
					#right-cont ul li, 
					#marketing-cont p, 
					#marketing-cont p a, 
					#marketing-cont p b { font-family: 'Arial' !important; }
					
						#list-bullet {
							font-size: 12px;
							margin-top: 1.26em;
							background: #FCFCFC;
							border: 1px solid #EDEDED;
						}
							#list-bullet ul li {
								background-image: url(../img/tmj_arrwo_bullet.png);
								background-repeat: no-repeat;
								background-position: left .3em;
								*background-position: left .5em;
								
								margin-top: 1.26em;
								padding-left: 1.5em;
							}
								#list-bullet ul li:FIRST-CHILD { margin: 0; }
									#list-bullet ul li span {
										color: #999;
										font-size: 14px;
										
										margin: 0;
										padding: 0;
										
										position: relative; 
										display: block;
									}
										#list-bullet ul li p {
											margin-top: .31em;
										}
										
						#list-bullet-2 {
							font-size: 12px;
							margin-top: 1.26em;
							background: #FCFCFC;
							border: 1px solid #EDEDED;
						}
							#list-bullet-2 ul li {
								background-image: url(../img/tmj_arrwo_bullet.png);
								background-repeat: no-repeat;
								background-position: left .3em;
								*background-position: left .5em;
								 
								margin-top: .63em;
								padding-left: 1.5em;
							}
								#list-bullet-2 ul li:FIRST-CHILD { margin: 0; }
									#list-bullet-2 ul li span {
										color: #999;
										font-size: 14px;
										
										margin: 0;
										padding: 0;
										
										position: relative; 
										display: block;
									}
									
						#list-bullet-3 {
							font-size: 12px;
							margin-top: 1.26em;
						}
							#list-bullet-3 ul li { margin-top: .63em; padding-left: 12em; }
								#list-bullet-3 ul li:FIRST-CHILD { margin: 0; }
									#list-bullet-3 ul li span {
										color: #999;
										font-size: 12px;
										
										margin: 0;
										*margin-top: 2px;
										padding: 0;
										
										left: 0;
										
										position: absolute; 
										display: block;
									}
									
						#right-cont a, 
						#marketing-cont a {
							color: #900;
							text-decoration: none;
						}
							#right-cont a:HOVER, 
							#marketing-cont a:HOVER {
								color: #C00;
								text-decoration: underline;
							}
					
					#newsletter {
						background: #FCFCFC;
						border: 1px solid #EDEDED;
						width: 100%;
						margin-top: 1.26em;
					}
						#newsletter h3 { margin-bottom:0; background:none; }
						#newsletter small {
							display: block;
							
							color: #999;
							font-size: 11px;
							font-family: 'Arial';
							margin-bottom: 1.26em;
						}
							
					#res-lib {
						background: #FCFCFC;
						border: 1px solid #EDEDED;
						width: 100%;
						margin-top: 1.26em;
					}
						#res-lib:FIRST-CHILD { margin: 0; }
						#res-lib-img {
							width: 100px;
							height: auto;
							
							margin-top: .3em;
							
							background: #CCC;
							float: left;
						}
							#res-lib-img:HOVER { background: #999; }
							.res-img-pad { padding: .63em; }
						#res-lib-txt {
							width: 460px;
							float: right;
						}
					
					#marketing-cont, 
					#marketing-img {
						float: right;
						width: 175px;
					}
						#marketing-img {
							clear: both;
							height: auto;
							margin-bottom: .63em;
						}
						
					#partners-cont-left, 
					#partners-cont-right { width: 300px; }
						#partners-cont-left { float: left; }
						#partners-cont-right { float: right; }
					
					#staff-left, 
					#staff-right {
						width: 300px;
						height: auto;
					}
						#staff-left { float: left; }
						#staff-right { float: right; }
							#staff-left ul li, 
							#staff-right ul li, 
							#partners-cont-left ul li, 
							#partners-cont-right ul li {
								color: #999;
								font-size: 12px;
								margin-bottom: 1em;
							}
								#partners-cont-right ul li span small {
									color: #999;
									font-family: 'Arial';
									font-size: 11px;
								}
								#staff-left ul li span, 
								#staff-right ul li span, 
								#partners-cont-left ul li span, 
								#partners-cont-right ul li span {
									color: #666;
									display: block;
								}
					
				#cner-tl, #cner-tr, 
				#cner-bl, #cner-br {
					background-image: url(../img/tmj_corner.png);
					background-repeat: no-repeat;
					background-position: left top;
					
					width: 5px;
					height: 5px;
					
					position: absolute;
					display: block;
					
					z-index: 250;
				}
					#cner-tl {
						background-position: left top;
						top: 0;
						left: 0;
					}
					#cner-tr {
						background-position: -5px top;
						top: 0;
						right: 0;
					}
					#cner-bl {
						background-position: left -5px;
						bottom: 0;
						left: 0;
					}
					#cner-br {
						background-position: -5px -5px;
						bottom: 0;
						right: 0;
					}
					
					#contact-info, 
					#contact-map, 
					#contact-person,  
					#web-credit, 
					#web-photos {
						color: #333;
						font-family: 'Arial';
						font-size: 12px;
					}
					
					#contact-info ul li span, 
					#contact-map ul li span, 
					#contact-person ul li span, 
					#web-credit ul li span { font-size: 14px; }
						#contact-info, 
						#contact-map {
							width: 280px;
							min-height: 100px;
							margin-left: 1.26em;
							height: auto;
						}
						#contact-info, 
						#contact-map { float: left; }
							#contact-info:FIRST-CHILD { margin: 0; }
							#contact-info ul li { margin-top: 1em; padding-left: 7em; }
							#contact-info ul li span {
								position: absolute;
								left: 0;
								color: #999;
								width: 70px;
							}
							#contact-map { background: url(../img/tmj_map.png) no-repeat left top; }
						
						#contact-person, 
						#web-credit, 
						#web-photos {
							margin-top: 1.26em;
							height: auto;
						}
							#contact-person ul li, 
							#web-credit ul li, 
							#web-photos ul li {
								float: left;
								width: 150px;
								padding: 0 .63em;
							}
								#contact-person ul li:FIRST-CHILD, 
								#web-credit ul li:FIRST-CHILD, 
								#web-photos ul li:FIRST-CHILD { margin:0; }
										#contact-person ul li span, 
										#web-credit ul li span { margin-bottom: .31em; }
												#web-credit ul li span { display: block; color: #999; }
												#contact-person ul li .c-name, 
												#contact-person ul li .c-title, 
												#contact-person ul li .c-phone {
													font-family: 'Arial';
													display: block;
												}
													#contact-person ul li .c-name, 
													#web-credit ul li span {
														font-family: 'Georgia';
														color: #666;
													}
													#contact-person ul li .c-title, 
													#contact-person ul li .c-phone { color: #999; }
													#contact-person ul li .c-title { font-size: 11px; }
												
												#li-br li {
													position: relative;
													display: block;
													margin: 0 !important;
												}
												
			#pre-tmj h4, 
			#proschle h4, 
			#thrtflm h4, 
			#artpresent h4, 
			#platicas h4 {
				color: #999;
				margin-top: 1.26em;
			}
			#pre-tmj h5, 
			#proschle h5, 
			#thrtflm h5, 
			#artpresent h5, 
			#platicas h5 {
				color: #600;
				font-size: 14px;
				margin-top: 1.26em;
				margin-bottom: 0;
			}
				#artpresent h5 i {
					display:block;
					font-size:inherit;
				}
			#pre-tmj p, 
			#proschle p, 
			#thrtflm p, 
			#artpresent p, 
			#platicas p { margin:0; margin-top: .3em; margin-bottom: 1.26em; }
				#proschle p b, 
				#thrtflm p b, 
				#artpresent p b, 
				#platicas p b {
					font-size:12px;
					margin-top:.3em;
				}
				
				#pre-tmj-img {
					background: #333 url(../img/tmj_pretmj00.jpg) no-repeat left top;
					
					margin-bottom: .63em;
					
					width: 620px;
					height: 405px;
				}
				
		.bullet_list {
			list-style-type: disc;
			list-style-position: inside;
		}
			.bullet_list li {
				list-style-type: disc;
				font-size: 12px;
				margin-bottom: 1.26em;
			}
		
		#new-fest { margin-top: 1em; }		
			.nf-left, 
			.nf-right { width: 265px; }
				.nf-left { float: left; }
				.nf-right { float: right; }
					
					#hm-events-image {
						display: block;
						position: relative;
						
						background-repeat: no-repeat;
						background-position: center center;
						
						width:265px;
						height: auto;
					}
				
		#dwnld-flyer-pdf {
			font-size: 12px;
			margin: 1em 0;
		}
			#dwnld-flyer-pdf a {
				float: left;
				
				margin: .5em;
				margin-top: 0;
				margin-left: 0;
				padding: .63em 0;
				padding-left: 2em;
				*padding-bottom: .7em;
				
				text-align: left;
				
				width: 155px;
				background-color: #FFF;
				background-image: url(../img/tmj_arrwo_bullet.png);
				background-repeat: no-repeat;
				background-position: .63em .85em;
				*background-position: .63em 1em;
				border: 1px solid #FFF;
			}
				#dwnld-flyer-pdf a:HOVER {
					background-color: #FCFCFC;
					border: 1px solid #EEE;
				}
				
		#tentative_events * {
			font-size: 12px;
			font-family: 'Arial';
			text-align: left;
		}
			#tentative_events ul { border-top: 1px solid #EEE; }
			#tentative_events ul li { border: 1px solid #EEE; border-top: none; }
			
			.tent-pad { padding: 0 .63em; padding-left: 1.5em; }
			
			#tentative_events ul li .tent-header {
				font-family: 'Georgia';
				font-size: 14px;
				color: #900;
				background: url('../img/tmj_arrwo_bullet.png') no-repeat 5px .75em;
				padding: .3em;
				padding-left: 1.5em;
			}
				#tentative_events ul li ol, 
				#tentative_events ul li ul {
					margin: .63em 0;
					border-top: none;
				}
					#tentative_events ul li ul li, 
					#tentative_events ul li ol li {
						list-style-position: inside;
						border: none;
						margin: 0;
						margin-top: .1em;
						padding: 0;
					}
						#tentative_events ul li ol li { list-style-type: decimal; }
						#tentative_events ul li ul li { list-style-type: disc; }
						
						
						.tent-date, .tent-session, .tent-title {
							display: block;
							position: relative;
						}
							.tent-date, .tent-session {	
								font-size: 14px !important;
								font-family: Arial, Helvetica, sans-serif;
								font-weight: normal !important;
								color: #999;
								
								margin-bottom: .3em;
								padding: .3em 0;
							}
								.tent-date {
									float: right;
									text-align: right;
								}
								
								.tent-session { float: left; }
								
								.tent-title {
									clear: both;
									font-family: "Georgia" !important;
									font-size: 18px !important;
								}
		

/* ........................................................................................ */
/* ///////////////////////////////////// [ F O O T E R ] ////////////////////////////////// */
#ftr-hldr { margin-top: -.63em; }
#ftr {
	color: #EEE;
	font-size: 12px;
	padding-bottom: 2em;
	text-align: center;
}
	#ftr-nav, 
	#ftr-nav ul, 
	#ftr-nav ul li, 
	#ftr-nav ul li a, 
	#ftr-nav ul li a span { height: 20px; }
		#ftr-nav {
			margin-bottom: 1em;
			z-index: 100;
			clear: both;
		}
			#ftr-nav ul {
				clear: both;
				width: 640px;
				margin: 0 auto;
			}
			#ftr-nav ul li {
				float: left;
				margin-left: 1.26em;
			}
				#ftr-nav ul li:FIRST-CHILD { margin: 0; }
				#ftr-nav ul li a, 
				#ftr-nav ul li a span {
					color: #EEE;
					cursor: pointer;
					text-decoration: none;
				}
					#ftr-nav ul li a:HOVER, 
					#ftr-nav ul li a:HOVER span { color: #FFF; text-decoration: underline; }
	#ftr-cont, 
	#ftr-cont a,  
	#ftr-credit a {
		color: #EEE;
		text-decoration: none;
	}
		#ftr-cont a:HOVER, 
		#ftr-credit a:HOVER { color: #FFF; text-decoration: underline; }
		
	
/* ........................................................................................ */

/*
// Copyright (C) 2009 Tamejavi - Our Voice, Our Stories and A Path to Inclusion.
*/