/*	5. STRUCTURE
 *	----------------------------------------------
*/	
	
	body {
		margin: 0;
		padding: 0;
		font: 62.5%/1.5 "Trebuchet MS", "Lucida Grande", Arial, Helvetica;
		color: #444;
		background: #035912;
		}

	
		
	/*----------------------------------------*/
	/*-------------- CONTAINER ---------------*/
	/*----------------------------------------*/
		
		#container { 
			width: 980px; 
			margin: 0 auto;
			background: #e1e6b3 url(../images/bg-container.jpg) repeat-x; 
			}

		/*-------------------------------------*/
		/*-------------- HEADER ---------------*/
		/*-------------------------------------*/
			
			#header { 
				position: relative; 
				height: 145px;
				padding: 15px 17px;
				}
		
			/* --- logo */
			
			#header h1 {
			float: left;
			}	
			
			#header h1 a {
				position: static; 
				color: #b2180b;
				text-decoration: none;
				text-transform: uppercase;
				width: 610px;
				display: block;
				float: left;
				}
				
			#header h1 a span {
				position: absolute; 
				background: url(../images/h1-wpcs.gif) 0 0 no-repeat;
				width: 572px;
				height: 43px;
				margin: 55px 20px;
				}
				
			/* --- site search */
			
			#header form {
				float: right;
				margin: 3px 2px;
				}
				
			#header form input {
				background: url(../images/bg-search.gif) 0 0 no-repeat;
				border: 0;
				font-size: 11px;
				color: #444;
				padding: 7px 5px 5px 25px;
				width: 132px;
				}				
			
			/* --- navigation */
			
			#header ul#nav { 
				position: absolute; 
				bottom: 0; 
				right: 0;
				}
				
			#header ul#nav li {
				position: relative; 
				float: left; 
				display: block; 
				}
				
			#header ul#nav li a.about { 
				background: #b2180b url(../images/nav-tl-corner.gif) top left no-repeat; 
				border: none;
				}
				
			#header ul#nav li a.about:hover { 
				background: #035912 url(../images/nav-tl-corner-on.gif) top left no-repeat; 
				}
				
			#header ul#nav li a { 
				float: left; 
				display: block; 
				height: 21px; 
				background: #b2180b; 
				color: #e5e9be; 
				padding: 7px 15px 6px; 
				text-decoration: none; 
				font-family: Arial, Helvetica, sans-serif; 
				font-size: 1.5em; 
				border-left: 1px solid #e1e6b3; 
				}
				
			#header ul#nav li a:hover { 
				background: #035912; 
				}
				
			/* ---- navigation dropdown */
			#header ul#nav ul { 
				position: absolute; 
				left: -999em; 
				width: 200px; 
				height: auto; 
				margin: 0; 
				padding: 0 0 5px; 
				background: url(../images/bg-nav-drop-down.png) bottom no-repeat; 
				}
				
			#header ul#nav li#start ul { 
				left: 0px; 
				}
				
				
				
			#header ul#nav li:hover ul, #header ul#nav li.hover ul { 
				top: 35px; 
				left: 1px; 
				z-index: 99; 
				}
				
			#header ul#nav li:hover li ul,
			#header ul#nav li.hover li ul {
				top: -999em;
				}
			
			#header ul#nav li li:hover ul,
			#header ul#nav li li.hover ul {
				top: 0;
				left: 200px;
				}
			
			#header ul#nav ul li {
				width: 200px;
				height: auto;
				margin: 0;
				padding: 0;
				border-bottom: 1px solid #e1e6b3;
				}
			
			#header ul#nav ul li.end {
				border: 0;
				}
			
			#header ul#nav ul li.end a {
				padding-bottom: 3px;
				}
			
			#header ul#nav ul li a {
				float: left;
				width: 174px;
				height: auto;
				padding: 4px 13px;
				font-size: 1.3em;
				text-decoration: none;
				text-indent: 0;
				background: #035912;
				border-left: none;
				}
			
			#header ul#nav ul li a:hover {
				background: #b2180b;
				}
			
			#header ul#nav ul ul {
				display: none;
				}
			
			#header ul#nav li span.sf-sub-indicator {
				display: none;
				}
				
			#header ul#nav li.contact ul {  
				left: -117px;
				}		
			
			/* keep main nav on when dropdown */
			#header ul.sf-menu li:hover a#menu1, #header ul.sf-menu li.sfHover a#menu1 { 
				background: #035912 url(../images/nav-tl-corner-on.gif) top left no-repeat; 
				}
				
			#header ul.sf-menu li:hover a#menu3, #header ul.sf-menu li.sfHover a#menu3 { 
				background: #035912; 
				}
			
			#header ul.sf-menu li:hover a#menu4, #header ul.sf-menu li.sfHover a#menu4 { 
				background: #035912; 
				}
				
			#header ul.sf-menu li:hover a#menu5, #header ul.sf-menu li.sfHover a#menu5 { 
				background: #035912; 
				}
				
			#header ul.sf-menu li:hover a#menu7, #header ul.sf-menu li.sfHover a#menu7 { 
				background: #035912; 
				}				
				
			#header #green_line { 
				position: absolute;
				bottom: 0;
				left: 0;
				border-bottom: 2px solid #9dbb85;
				width: 100%;
				}	
					
		/*--------------------------------------*/
		/*-------------- CONTENT ---------------*/
		/*--------------------------------------*/
		
		#content { 
			font-size: 1.1em;   
			}
			
			#content #left {
				float: left;
				font-size: 1.1em;
				width: 689px;
				padding: 0 20px;
				margin: 15px 0;
				border-right: 1px solid #b4af99;
				}
			
				/* welcome */
				#content #left #record_desc {
					float: left;
					width: 499px;
					}
				
				#content #left #home_img {
					float: right;
					width: 190px;
					text-align: right;
					}
				
				#content #left #about_links {
					float: left;
					width: 690px;
					line-height: 1;
					margin: 5px 0; 
					}
				
				#content #left #about_links ul {
					float: right;
					display: block;
					}
				
				#content #left #about_links ul li {
					float: left;
					padding: 0 7px;
					margin: 0;
					border-right: 1px solid #035912;
					}
				
				#content #left #about_links ul li.end {
					padding-right: 0;
					border: none;
					}
				
			
			#content #right {
				float: right;
				font-size: 1.1em;
				width: 219px;
				padding: 0 15px;
				margin: 15px 0;
				}
			
				/* news */
				#content #right #news {
					border-bottom: 1px solid #b4af99;
					padding-bottom: 16px;
					margin-bottom: 9px;
					}
					
					#content #right #news ul {
						margin: 0 5px 10px 1px;
						padding: 0;
						}
					
					#content #right #news ul li {
						padding: 3px 0 3px 20px;
						background: url(../images/square.gif) 0 11px no-repeat;
						}
						
					#content #right #news .subscribe { 
						text-align: center; 
						}	
								
				
				/* events */
				#content #right #events {
					margin-bottom: 20px;
					border-bottom: 1px solid #b4af99;
					padding: 0 0 13px;
					}
				
				#content #right #events img {
					border: 1px solid #035912;
					margin-top: 1px;
					} 
					
				/* stud book button */
				#studbook {
					text-align: center;
					}	
					
			/* breed sections */
			#content div#breed_sections {
				float: left;
				padding: 15px 0;
				border-bottom: 2px solid #9dbb85;
				border-top: 2px solid #9dbb85;
				}
			
			#content div#breed_sections ul {
				float: left;
				display: block;
				width: 979px;
				padding-left: 1px;
				background: url(../images/bg-breed-sections.png) 0 0 repeat-y; 
				}	
			
			#content div#breed_sections ul li {
				float: left;
				display: block;
				width: 213px;
				padding: 0 15px;
				margin: 0;
				}
				
			#content div#breed_sections ul li img {
				border: 1px solid #035912;
				}
				
			#content div#breed_sections ul li h2 {
				font-size: 1.53em;
				line-height: 1.5em;
				margin-bottom: .6em;
				}				 			
			
			/* hot links */
			#content div#hot_links ul {
				float: left;
				width: 979px;
				padding: 15px 0 15px 1px;
				}
			
			#content div#hot_links ul li {
				float: left;
				display: block;
				padding: 0 15px;
				width: 213px;
				}
			
			#content div#hot_links ul li a {
				float: left;
				display: block;
				background: url(../images/bg-hot-links.jpg) 0 0 no-repeat;
				width: 212px;
				height: 42px;
				color: #e5e9be;
				text-decoration: none;
				font-size: 1.5em;
				text-align: center;
				line-height: 2.6em;
				font-family: Arial, Helvetica, sans-serif; 
				}
			
			#content div#hot_links ul li.end a {
				margin: 0;		
				}
			
			/* --- login form */ 
			#content .col form { 
				position: relative; 
				width: 159px; 
				height: 112px; 
				margin: 7px 0 0; 
				padding: 0; 
				display: inline-block; 
				float: left; 
				}
				
			#content .col.login #login_details { 
				position: relative; 
				width: 159px; 
				height: 139px; 
				margin: 7px 0 0; 
				padding: 0; 
				display: inline-block; 
				float: left; 
				}
			
			/* hidden elements */
			.addthis { 
				display: none; 
				}
		
		/*-------------------------------------*/
		/*-------------- FOOTER ---------------*/
		/*-------------------------------------*/
		
		#footer { 
			margin: 6px auto; 
			padding: 0; 
			background: url(../images/footer-bg.gif) no-repeat; 
			font-size: 1.1em; 
			width: 980px; 
			color: #fff; 
			}
		
		#footer p { 
			float: right; 
			padding: 11px 20px 0 20px; 
			line-height: 1.2; 
			}
			
		#footer p#copyright { 
			float: left; 
			}
			
		#footer a { 
			color: #fff; 
			}