
/* css =info
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 
	
			document:                	css document
			media-type:            		screen
			version:                   	buildout v. 1.00
			
			author:                     	sam howat, bluetux internet services
			contact:                    	sam@bluetux.com 
	
			*/



/* =globalStyles
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			html { margin: 0 0 1px;  }
			
			body { 
			
			background-color: #3B3D38;
				
			margin: 0; padding: 0; 
				
			font-family: Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
				
			font-size: 62.5%;  /* Sets browsers default unit of measure for em to 10px. */
				
			}
			
			h1, h2, h3, h4, h5, h6 {  
			
			font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
			line-height: 100%; 
			
			}
			
			p, td, dl, dt, dd, blockquote, pre  { 
		
			font-size: 11px; 
			
			line-height: 17px;
			
			letter-spacing: 0em;		
			
			color: #BABA99;
			
			}
			
			ol, ul { 
			
			margin: 0; padding: 0;
			
			list-style: none; 
			
			 }
			 
			strong, b, .bold { font-weight: bold; } 
			
			em, i, .emp { font-style: italic; }
				
			hr { display: none; }
			
			form { margin: 0px; padding: 0px; } 
				
			a img { border: none; }
		


/* =structureStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
				
			#controlDiv { 
				
				width: 712px; 
				
				margin: 60px auto 0 auto; padding: 0px;
				
				}
			
			#headerDiv { 
				
				width: 712px;  height: 56px;
				
				 }
			
			#headerSpacerDiv { 
				
				display: block; 
				
				width: 712px; height: 0px;
			
				}
			
			#contentControlDiv { }
			
			#midColDiv {
				
				background-color: #3B3D38;
			
				float: left; 
				
				width: 237px; 
				
				margin-top: 60px;
				
				 }
			
			#rightColDiv {
				
				background-color: #3B3D38;
			
				float: left; 
				
				width: 165px; 
				
				padding: 30px 30px 0 30px;	
				
				 }
			
			#fullColDiv { 
				
				float: left;
				
				padding: 10px 0 0 65px; margin: 0px;
				
				}
			
			#frontPageColumnA { 
				
				/*width: ;*/
				
				float: left; 
				
				margin: 0; padding: 0;
				
				}
				
			#frontPageColumnB	 { 
				
				/*width: ;*/
				
				float: left; 
				
				margin: 0; padding: 0;
				
				}
			
			#footerDiv { 
				
			clear: both;
			
			padding-top: 15px;  	
			
			position: absolute;
			
			top: 570px;
			
			width: 712px;
			
			}	

			
/* logoStyles =logo 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */				

				#headerDiv h1 {
					
					background: #3B3D38 url(../../_img/logo/natura-design.jpg) no-repeat left top;
					
					display: block;
					
					float: left;
					
					width: 712px; 	height: 56px;
					
					margin: 0;
					
					text-decoration: none;
					
					text-indent: -9999px;					
					
					outline: none;
					
					}
					



/* mainNavStyles =mNav 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			#mNav {  
			
				/*background: #3B3D38 url(../../_img/logo/mNavLogo.jpg) 0px 5px no-repeat;*/
				
				width: 150px;
				
				float: left; 
				
				margin: 70px 0 0 20px;  padding-top: 4px;
				
				}
				
			#mNav ul { 
				list-style-type: none;
				padding: 7px 0 0 0; margin: 0px;
				}	
			
			#mNav li { 
				
				padding: 0px; margin: 15px 0 0 0;
				font-size: 11px;
				text-transform: uppercase;
				}	
			
			#mNav ul li a:link, #mNav ul li a:visited {
				
				background: #3B3D38 url(../../_img/features/mNavBullets.gif) 0px 2px no-repeat;
				
				padding: 0 0 0 10px;
				
				color: #BABA99; 
				
				text-decoration: none; 
				
				}
			
			#mNav ul li a:hover, #mNav ul li a:active { 
			
				background: #3B3D38 url(../../_img/features/mNavBullets.gif) 0px 2px no-repeat;
			
				color: #FFFFCC;
				
				text-decoration: none; 
				
				font-weight: bold;
				
				}

			
/* subNavStyles =sNav
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			#sNav ul { 
				list-style-type: none;
				padding: 55px 0 0 0; margin: 0px;
				}	
			
			#sNav li { 
				padding: 0 0 0 10px; margin: 2px 0 0 0;
				font-size: 10px;
				
				}	
			
			#sNav a:link, #sNav a:visited {
				
				text-decoration: none; 
				
				color: #B9A10B;
				
				font-weight: bold;
				
				font-style: italic;
				
				font-size: 11px; 
				
				text-transform: uppercase;
				
				font-family: Arial "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
				
				}
			
			#sNav a:hover, #sNav a:active { 
			
				color: #FFFFCC;
				
				text-decoration: none; 
				
				font-weight: normal;
				
				font-weight: bold;
				
				}		



/* =linkStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
		
			h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #FFFFCC; }
			
			a:link, a:visited { color: #BABA99;  text-decoration: none; font-weight: bold; }
						
			a:hover, a:active { color: #FFFFCC; text-decoration: none; }	
		
		
		
/* =textStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

		
			h2 {
							
				
				font-style: italic;
						
				font-weight: bold;
				
				color: #B9A10B;
				
				font-size: 14px;
				
				margin: 0px 0 0 0; padding: 0;
				
				}
			
			h3 {
									
				
				font-weight: normal;
				
				color: #BABA99;
				
				font-size: 10px;
				
				font-style:italic;
				
				margin: 0 0 6px 0; padding: 2px 0 5px 0;
				
				border-bottom: 1px solid #9F8D13; 
				
				display: block; 
				
				width: 200px;
				
				}
			
			h4 {
							
				font-size: 1.4em; 
				
				font-weight: bold;
				
				letter-spacing: -0.9px;
				
				}
			
			h5 {
				
				font-size: 1.3em; 
				
				letter-spacing: -0.9px;
				
				 }
			
			h6 { }
			
			p  { }
			
/* =customTextStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			.small {
				
				/*font-size: ; 
				
				line-height: ;*/
				
				}
				
			.caption { 
				font-style: italic;
				padding: 0 0 0 7px;
				}	
			
			.MCHeader { 
			
				font-size: 13px;
				
				font-weight: bold;
				
				font-style: italic;				
						
				font-weight: bold;
				
				color: #B9A10B;
				
				padding-top: 0px; margin: 0px;
				
				}
			
			.MCHeader + p { 
				
				margin: 3px 0 0 0;
				
				}
			
			
			#footerDiv p  { 
			
				color: #BABA99; 
				
				font-size: 9px; 
				
				text-align: center; 
				
				margin: 0px; padding: 0; 
				
				font-family: Verdana, Arial, Helvetica, sans-serif;
				
				line-height: 11px; 
				
				}	
			
			#midColDiv p {
				
				line-height: 14px;
				
				padding: 0 0 0 9px;
				
				}	
				
			#midColDiv h2 {
				
				color: #B9A10B;
				
				font-weight: bold;
							
				font-size: 11px; 
				
				padding: 0 0 0 9px;
			
				}		
				
			#narrowColDiv {
				
				width: 260px;
				
				height: 290px; 
			
				}
				
			.eventLoc {
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
				margin: 0px; padding: 0px;
				
				text-transform:uppercase; 
				
				font-style: italic; 
				
				}
			
			.eventTitle {
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
				margin: 0px; padding: 0px;
				
				text-transform:uppercase; 
				
				font-weight: bold;
				
				color: #B9A10B;
				
				font-size: 11px;
				
				}
				
			.eventTitle2 {
				
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
				margin: 0px; padding: 0px;
							
				font-weight: bold;
				
				color: #C6C6AA;
				
				}	
			
			.eventDate {
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
				margin: 0px; padding: 0px;
			
				}
			
			.eventDesc, .borderBot {
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
			 	margin: 0 0 5px 0; padding: 0px 0 5px 0;
				
				border-bottom: 1px solid #B9A10B; 
				
				}
				
			.eventDescNoBorder {
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
			
			 	margin: 0 0 5px 0; padding: 0px 0 5px 0;
								
				}	
				
			.highlight { 
				color: #B9A10B;
				font-weight: bold;
				font-style: italic;
				font-size: 12px; 
				}	
			
			.caption {
				
				font-family: "Trebuchet MS", Verdana, Helvetica, Arial, "Lucida Sans Unicode", "Lucida Grande",  sans-serif;
				margin: 0px; padding: 0px;
				color: #C6C6AA;
				font-size: 9px;
				}	

			
			
/* =listStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
			



/* =quoteStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */

			.quote { }
			
			.cite { 
				
				background-color: #F9F9F9;
				
				float: right;
				
				width: 200px; height: auto; 
				
				margin: 0px; padding: 10px;
				
				font-size: 1.2em;
				
				font-style: italic;
								
				}

			.attr { 
				
				display: block;
				
				clear: both; 
				
				text-align: right; 
				
				font-size: .5em;
				
				}
			
			
			
/* =commonStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */			
			
			.error { 
				
				color: #990000;
				
				}
				
			.clear {  clear: both; 	}
						
			.trDarkBg, .darkBg {  /*background-color: ;*/ }
			
			.trLightBg, .lightBg {  /*background-color: ;*/ }	
			
			.nopad { padding: 0px; }
				
			.padTop { padding-top:  5px; 	} 
			
			.padRight { padding-right:  5px; 	} 
			
			.padBot { padding-bottom:  5px; 	} 
			
			.padLeft { padding-left:  5px; 	} 
			
			.marTop { margin-top:  5px; 	} 
			
			.marRight { margin-right:  5px; 	} 
			
			.marBot { margin-bottom:  5px; 	} 
			
			.marLeft { margin-left:  5px; 	} 


/* =searchStyles 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
			.error { 
				color: #B9A10B;
				} 
				
			label { 
				clear: both; 
				color: #BABA99;
				display: block;
				padding: 5px 0 0 0;
				}
				
			input, textarea { 
			
				background-color: #C7C6A9; 
				
				border-color: #55564E; 
				
				width:300px;
				
				}	
			
			fieldset { border: 0px; }	
				
			.submitButton { 
			
				background-color: #3B3D38;
				
				border: 0px;
				
				color: #B9A10B;
				
				font-weight: bold;
				
				font-style: italic;
				
				font-size: 12px; 
				
				float: left; 
				
				width: 50px;
				
				margin: 2px 0;
				
				text-align: left;
				
				padding: 0;
				
				}	
			
			.required { 
			
				font-size: 11px; 
			
				line-height: 18px;
			
				letter-spacing: 0em;		
			
				color: #BABA99;
			
				position: relative;
				
				left: 175px; top: 5px;
				
				width: 75px;
				
				margin: 2px 0;
				
				padding: 0px;
				}	

		span.required span { 
			color: #FFCC33;
			}	

/* =browserSpecificCode
 		Info: This uses our javascript from the browserSelector.js file.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  

    * ie - Internet Explorer
    * ie6 - Internet Explorer 6
    * ie5 - Internet Explorer 5
    * ieMac - Internet Explorer on Mac OS
    * gecko - Mozilla, Firefox, Camino
    * opera - Opera
    * konqueror - Konqueror
    * webkit or safari - Safari, NetNewsWire, OmniWeb, Shiira

*/



