/*
COLOR REFERENCE:

bright yellow: #fea620
medium yellow: #ffd89d
light yellow: #ffe0b1
dark green: #124515
faded green: #6a8a6c

*/

/* BASIC STRUCTURE */

    html {
        background: #e0e0e0; /*bg color*/
    	width: 100%;
        margin: 0;
        padding: 0; 
        }   

    body {
    	position: relative;
    	width: 100%;
        margin: 0;
        padding: 0;             
        text-align: center;       
		}   

/* WRAPPER ELEMENTS  */

/* global wrapper settings  */
	.content-wrap {
    	position: relative;
		width: 960px; /*  use 'width' for static-width sites, 'max-width' for stretchy sites */
        text-align: left;        
        margin: 0 auto;
        padding: 0;
        background: white;
		-webkit-box-shadow: 0px 2px 13px rgba(50, 50, 63, 0.36);
		-moz-box-shadow: 0px 2px 13px rgba(50, 50, 63, 0.36);
		box-shadow: 0px 2px 13px rgba(50, 50, 63, 0.36);
        border-top: 8px solid #124515;
        border-bottom: 8px solid #124515;
		}

     .content-wrap div.border {
     	position: absolute;
     	top: -8px;
     	right: 0;
     	width: 24px;
     	height: 8px;
     	background: #fea620;
		}
		
/* CONTENT CONTAINER ELEMENTS  */	    

/* global container settings  */	
	.header,
	.main,
	.sub,
	.footer {
    	position: relative;
    	width: 91%;
		max-width: 960px; /*  use 'width' for static-width sites, 'max-width' for stretchy sites */
        text-align: left;        
        margin: 0 auto;
        padding: 0 4% 0 5%;
		}	
   
/* local override settings  */
   .header {
    	position: absolute;
   		top: 0;
    	height: 270px;
 	   }

    .main {
        margin: 0 3% 1em 0;
        padding: 270px 4% 0 5%;
	 	}  
    
    .sub {
		background: #ffe0b1;
        border-top: 17px solid #fea620;
	    }        

     .sub div.border {
     	position: absolute;
     	top: -17px;
     	right: 0;
     	width: 24px;
     	height: 17px;
     	background: #124515;
		}
		
     .sub div.border2 {
     	position: absolute;
     	top: 0px;
     	right: 0;
     	width: 24px;
     	height: 100%;
     	background: #ffd89d;
		}
		
    .footer {
    	margin: 0 auto;
		background: #ffe0b1;
		padding: 1em 4% 1em 5%;
        border-top: 1px solid #ffd89d;
	    }

/* END BASIC STRUCTURE */    


/* HEADER DETAILS */
    
   .logo {
    	position: relative;
    	left: 0;
     	display: block;
    	margin: 0px 0 0 -4px;
    	}    

    .logo img {
    	margin: 15px 0 -5px 0;
    	}
    
    /* jump to nav link for skinny phone displays; 
        hide it for @media-ignorant browsers */	
   .nav-jump { display: none; } 
            
/* END HEADER */

/* CONTENT DETAILS */      

     .main-head { /* contained within .main */
		position: absolute;
		top: 110px;
		left: 0;
		height: 110px;
		width: 100%;
		background: #fea620;
		-webkit-box-shadow: 0px 0px 12px rgba(50, 50, 63, 0.26);
		-moz-box-shadow: 3px 0px 12px rgba(50, 50, 63, 0.26);
		box-shadow: 0px 0px 12px rgba(50, 50, 63, 0.26);
		}
    
     .main-head div.border {
     	position: absolute;
     	top: 0;
     	right: 0;
     	width: 24px;
     	height: 110px;
     	background: #124515;
		}
		
    .main-head h1 {
        font-size: 3em;
        font-weight: 100;
        line-height: 1em;
        color: #fff;
        margin: 0.5em 0 0em 4.5%;
    	}

    .main-head h2 {
		font-size: 1.5em;
        font-weight: 100;
        line-height: 1em;
        color: #fff;
        margin: 0.1em 0 0em 4.5%;
    	}

    .main-head img.top { 
		position: absolute;
		top: -28px;
		right: 4%;
		}
    
     .main-head img.center { 
		position: absolute;
		top: 0;
		right: 4%;
		}
    
     .left-col { /* contained within .main */
    	float: left;
    	width: 28%;
    	margin: 15px 0 0 -5%;
	    }
    
    .right-col { /* contained within .main */
    	float: right;
    	width: 60%;
    	margin: 15px 11% 0 0;
	    }

    .full-width { /* contained within .main */
    	float: left, right;
    	width: 88%;
    	margin: 15px 5% 50px 5%;
	    }
	    	    
    .social { /* contained within .main */
    	position: absolute;
    	bottom: 0px;
    	left: 5%;
    	display: block;
    	margin: 0;
	    }

    .social img { 
    	margin: 0 0.8em 0 0;
	    }    	    
  
	 .social img:hover {    	    
    	background: #ebebeb;
  		-webkit-box-shadow: 0px 2px 9px rgba(50, 50, 63, 0.26);
		-moz-box-shadow: 0px 2px 9px rgba(50, 50, 63, 0.26);
		box-shadow: 0px 2px 9px rgba(50, 50, 63, 0.26);
		}

    .social-full { /* contained within .main */
    	bottom: 0px;
    	left: 5%;
    	display: block;
    	margin: 0;
	    }
		
    .sub-left,.sub-center,.sub-right { /* contained within .sub */
    	position: relative;
        display: inline-block;
        vertical-align: top;
	    }
	    
    .sub-left {
    	margin: 1em 3% 1em 0;
    	width: 22%;
	    }
	    
	.sub-right address {
		font-weight: normal;
		font-style: normal;
		}
		
    .sub-center {        
    	margin: 1em 2% 1em 0;
    	width: 43%;
    	padding-left: 3%;
    	padding-right: 3%;
        border-left: 1px solid #fea620;
        border-right: 1px solid #fea620;
	    }
	    
	 .sub-right {
    	margin: 1em 0 1em 0;        
    	width: 20%;
	    }

/* END CONTENT */


 /* FOOTER DETAILS*/
    
    .footer ul.footer-nav {
		display: block;
		margin: 0 0 30px 0;
	    }
    
/* END FOOTER */


/* NAVIGATION */

	/* main top navigation - - - -- - - -  */
	.header ul.main-nav {
    	position: absolute;
    	bottom: 170px;
    	left: 4%;
    	height: 1.2em;
    	margin: 0;
	    }
    
    .header .main-nav li {
		position: relative;
		display: inline;
    	font-size: 1.3em;
    	font-weight: 300;
    	line-height: 1.5em;
    	margin: 0;
    	padding: 0;
	    }
    
    .header .main-nav a {
     	color: #124515;
	   	margin: 0;
    	padding: 10px 12px 4px 12px;
	   	border-left: 1px solid #fea620;
		}
    
    .header .main-nav li.selected a {
		background: #fea620;
     	color: #fff;
		}
    
    .header .main-nav li.selected a,
    .header .main-nav li:first-child a {
	   	border-left: none;
		}
    
    .header .main-nav a:hover,
    .header .main-nav li.selected a:hover {
    	color: #124515;
    	background: #ffe0b1;
        text-decoration: none;
	    }
    
	/* dropdown navigation - - - -- - - -  */

		    .header .main-nav ul.dropNav {
		        display: none;
				}
		
		    .header .main-nav li:hover ul.dropNav {
		    	position: absolute;
		        display: block;
				z-index: 101;
		    	top: 1.14em;
		    	left: 0;
				background: url('../images/layout/nav-overlay.png') repeat;
		        min-width: 8em;
		        padding: 0;
				}

		    .header .main-nav li:hover ul.dropNav li {
		        display: block;
				height: auto;
		        font-size: 0.8em;
		        line-height: .9em;
		        text-align: left;
		        margin: 0;
		        padding: .4em 0.4em 0.4em 0.6em;
				}
				
		    .header .main-nav li:hover ul.dropNav li.arrow {
				height: 13px;
		        font-size: 0.8em;
		        line-height: .1em;
		        text-align: left;
		        margin: 0em 0;
		        padding: 0 0.4em 0 0.6em;
				}
				
		    .header .main-nav li:hover ul.dropNav li a,
		    .header .main-nav li.selected:hover ul.dropNav li a {
		       	line-height: .95em;
		        margin: 0;
		        padding: 0;
		        color: #fff;
		        border: none;
		        background: none;
				}

		    .header .main-nav li:hover ul.dropNav li:hover {
		        background: #171717;
				}

		    .header .main-nav li:hover ul.dropNav li:hover a,
		    .header .main-nav li:hover ul.dropNav li.arrow:hover{
		        color: #fea620;
		        background: none;
				}

	/* secondary top navigation - - - -- - - -  */
	.header ul.sec-nav {
    	position: absolute;
    	top: 20px;
    	right: 3%;
    	margin: 0px 0 0 0;
	    } 
   
    .header .sec-nav li {
		display: inline;
		font-size: .8em;
    	font-weight: 400;
    	line-height: 1em;
   		margin: 0;
	    }
    
    .header .sec-nav a {
		padding-top: .75em;
    	padding-bottom: .75em;
	    }
	     	   
	.sec-nav li.topjump { /* hide unless we're on a phone */
		display: none;
		}

	/* breadcrumb navigation - - - -- - - -  */
	.header ul.breadcrumbs {
    	position: absolute;
    	bottom: 20px;
    	left: 3%;
    	margin: 0px 0 0 0;
	    }
	    
	.header .breadcrumbs li {
		display: inline;
		font-size: .7em;
    	font-weight: normal;
    	line-height: 1em;
   		margin: 0;
	    }
    
    .header .breadcrumbs a {
    	color: #6a8a6c;
		padding-top: .75em;
    	padding-bottom: .75em;
	    }
	    
	.header .breadcrumbs li.youarehere a {
		font-weight: bold;
	    }
    
   /* subpage section navigation - - - -- - - -  */	
    
    .subNav {
        width: 100%;
        margin: .2em 0 0 -4px;
        padding: 0px 0 0 0px;
    	border-top: 1px solid #fea620;
    	border-bottom: 1px solid #fea620;
    	}
    
      .subNav li {
        font-size: .9em;
      	line-height: 1.1em;
		list-style: none;
    	list-style-image: none;
    	margin: 0;
    	padding: .4em 0 .4em 17.857%;
    	border-top: 1px solid #ccc;
       	}

      .subNav li:first-child {
    	border-top: none;
       	}

     .subNav a,
     .subNav a:link,
     .subNav a:active {
        text-decoration: none;
        color: #124515;
    	}

     .subNav a:visited {
        color: #134a1e;
    	}

     .subNav a:hover {
        text-decoration: none;
        color: #000;
    	}
    
      .subNav li:hover {
		background:  url('../images/layout/subnav-yellow.png') repeat-y;
		}
		
     .subNav li.youarehere {
		background: url('../images/layout/green-arrow-r.png') no-repeat;
		background-position: 97%  50%;
		} 

     .subNav li.youarehere a {
        color: #aaa;
		} 

/* new second-level subnav */

	.subNav li ul  {
    	margin: .4em 0 -.3em 0;
    	padding: 0;
    	}   
    	  
    .subNav li ul li {
        font-size: 1em;
        list-style: disc;
    	margin: 0 0 0 0em;
    	padding: .5em 0 .33em .1em;
		list-style-position: inside;
		color: #555;
     	border-top: 1px dotted #777;
   		}
    	
    .subNav ul li a,
     .subNav ul li a:link,
     .subNavul li  a:active {
		color: #555;
    	}

     ul.subNav li ul li:first-child {
     	border-top: 1px dotted #777;
      	}

    .subNav li.youarehere  {
		background:  url('../images/layout/subnav-yellow-lt.png') repeat-y;
      	}
      	
    .subNav li.youarehere a {
      	font-weight: bold;
      	color: #124515;
      	}
      
	.subNav li.youarehere li a {
      	font-weight: normal;
      	}
      	
      	
      	
      	




    .demo  { /* contained within .main and below subnav*/
    	position: relative;   	
    	display: block;
    	margin: .5em 1em 4em 14%;
	    }
	    	    
    .demo img { 	
     	position: relative;   	
	   	left: -.75em;
	   	margin: 0 -.5em 0 .75em;
	    }
	    
	.demo a { 	
    	font-size: .8em;
    	color: #6a8a6c;
    	margin: 0 1em 0 0em;
    	padding: 0.4em 1em 0.1em 0
	    }

    .demo a:hover { 	
    	color: #124515;
    	text-decoration: none;
		background:  url('../images/layout/demo-bg.png') repeat-y;
		background-position: center center;
	    }
	
	/* footer navigation - - - -- - - -  */
 	ul.footer-nav li {
    	float: left;
    	background: none;
    	font-weight: bold;
    	margin: 0 0 0 3px;
    	padding: 0 0 0 3px;
    	border-left: 1px solid #4d60ae;
	    }
    
    .footer-nav li:first-child {
    	border: none;
    	margin: 0;
    	padding: 0;
	    }

/* quicklinks navigation - - - -- - - -  */

    ul.quicklinks {
        width: 100%;
        margin: .2em 0 0 0px;
        padding: 0px 0 0 0px;
    	border-top: 1px solid #be894a;
    	border-bottom: 1px solid #be894a;
    	}
    
      ul.quicklinks li {
        font-size: .9em;
      	line-height: 1.1em;
		list-style: none;
    	list-style-image: none;
    	margin: 0;
    	padding: .4em 0 .4em 1.3em;
    	border-top: 1px solid #be894a;
		background: url('../images/layout/green-arrow-r.png') no-repeat;
		background-position: 2%  50%;	
       	}

      .quicklinks li:first-child {
    	border-top: none;
       	}

     .quicklinks a,
     .quicklinks a:link,
     .quicklinks a:active {
        text-decoration: none;
        color: #124515;
    	}

     .quicklinks a:visited {
        color: #134a1e;
    	}

     .quicklinks a:hover {
        text-decoration: none;
        color: #000;
    	}
    
      .quicklinks li:hover {
		background: #ffedd1 url('../images/layout/green-arrow-r.png') no-repeat;
		background-position: 4%  50%;	
		}

#ErrorMsg
{
	color: red;
}

/* END NAV */