/* CSS Document */

/* BODY *********************************************************************/


html {height:100%;  height:auto !important; min-height:100%; overflow-y:scroll ;position: relative;} 
body {font-family: 'Lato', sans-serif;  font-weight:400; font-size: 14px; color:#333; line-height:22px; font-weight: 400;height:100%; position: relative; background-color:#fff; }

h1, h2, h3, h4 {color:#7a3628; font-family: 'Lato', sans-serif;  font-weight:400;   }

h1 { line-height:28px; font-size:26px; margin-bottom:0px; background-color:#8b8460; padding:10px; color:#FFF }
h2 {color:#333333; font-size:22px; line-height:28px; margin-bottom:0; }
h3 {font-size:18px; line-height:20px;  }

.introText {font-size:50px; font-style:italic; color:#66a4c4; line-height:70px}
.title {color:#333333; font-size:24px; line-height:28px; margin-top:10px}
.em { font-style:italic}
.blue {color:#003366}
.green {color:#62c138}
.small {font-size:11px; line-height:14px; text-align:left}
.secondary {color:#666666}
.white {color:#ffffff;}
.grey {color:#333333}

a {text-decoration:none;color:#c6171a;}
a:hover {text-decoration:none;color:#1d5c9b;}
.center {text-align: center;  }
a.wh {text-decoration:none;color:#ffffff;}

/* images *********************************************************************/
img {border:0px;}
.border {background-color:#FFF; padding:5px; border:1px solid #ccc}
.imgRight {float:right; margin-left:10px }
.imgRightBorder {float:right; margin-left:20px; padding:3px; border:1px solid #f5d7ad}
.imgLeftBorder {float:left; margin-right:10px; padding:3px; border:1px solid #f5d7ad}
.imgLeft {float:left; margin:10px 10px 0px 10px; }
.m10Right {margin-right:12px}
.s10Right {margin-right:12px}
.right {float:right}
.left {float:left}



/* spacing *********************************************************************/
.indent {margin-left:40px; }
.padtop {padding-top:30px; }
.pad40 {padding:20px 0px 20px 0px}
.pad20 {padding:10px 0px 10px 0px}
.pad10all {padding:10px}
.padtop {padding:5px 0px 0px 0px}
.padleftright {padding:0px 20px}
.padlefttop {padding:20px 0px 0px 10px}


.btn1 {display: block; background-color:#8b5044; color:#FFF; font-size:20px; text-transform:uppercase; width:70%; padding:18px 20px;  text-align:center; margin:20px 0px 5px 20px}
 a.btn1:hover{color:#FFF; font-weight:700}
.btn2 {display: block; background-color:#8b8460; color:#FFF; font-size:20px; text-transform:uppercase; width:70%; padding:18px 20px;  text-align:center; margin:0px 0px 5px 20px}
 a.btn2:hover{color:#FFF; font-weight:700}
.btn3 {display: block; background-color:#375969; color:#FFF; font-size:20px; text-transform:uppercase; width:70%; padding:18px 20px;   text-align:center; margin:0px 0px 0px 20px }
 a.btn3:hover{color:#FFF; font-weight:700}

.searchbar {display: block; background-color:#7f3d2f;  width:100%; padding:0px; height:60px;  text-align:center; margin-top:12px; background-image:url(../images/searchbk.gif); background-repeat:no-repeat; background-position:left }
.buttons {float:right}
.featured {background-color:#8b8460; color:#FFF; font-size:24px; text-transform:uppercase; width:85%; padding:18px 20px;  text-align:left; margin:0px 10px  0px 0px}
.new {background-color:#375969; color:#FFF; font-size:24px; text-transform:uppercase; width:87%; padding:18px 20px;  text-align:left;  margin:0px 0px  0px 20px}

/* layout *********************************************************************/
.container { text-align:center; width:1000px; z-index:0;  height:100%;}
.PrintLogo {display:none} 
.ChangeFont {float:right; padding-right:30px}

.box {width:100%;padding:10px 0px; text-align:left; border-bottom:1px dotted #999999 }
.box1 {width:90%;padding:10px 15px; text-align:left; border-bottom:1px dotted #999999 }
.box4 {width:98%;padding:10px 15px; text-align:left; border-bottom:1px dotted #999999 }
.box3 {width:100%;padding:10px 0px; text-align:left; border-bottom:1px dotted #999999 }
.box2 {width:90%;padding:10px 10px;margin-left:20px; margin-top:10px; text-align:left; border-bottom:1px dotted #999  }
.noborder {border-bottom:none}
.date {font-size:14px; text-transform:uppercase; color:#7a3628; font-weight:700; }

.footer{width:1000px; text-align:left;  margin:0 auto;padding:25px 10px 0px 10px; line-height:18px;  font-size:12px;border-top:1px dotted #999; font-weight:700  }
.footer a {color:#793527}


/* forms *********************************************************************/
form { margin-left:0px; width:600px; margin-bottom:20px }
#custom-search-form .search-query {margin-top:15px; margin-bottom:15px; padding:6px; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; right:0px; width:657px; margin-left:0px; margin-left:15px; font-size:16px;}
#custom-search-form button { border: 0;  background: none; padding: 6px 5px; top: 2px;  position:relative;  left:370px; top:-35px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
 border-radius: 3px; }
 #custom-search-form2 .search-query {margin-top:15px; margin-bottom:15px; padding:6px; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; right:0px; width:250px; margin-left:0px; margin-left:50px;}
#custom-search-form2 button { border: 0;  background: none; padding: 6px 5px; top: 2px;  position:relative;  left:20px; top:0px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
 border-radius: 3px; }
.search-query:focus + button { z-index: 3;}
.form-inline label, .form-search label  {display:none;}
.form-inline {font-size:12px; line-height:18px}

/* bootstrap overwrites *********************************************************************/

.row {width:1000px; height:100%;}
.span12 {  height:100%; text-align:left; width:1000px }  
.span9 {width:70%; }  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:49%; margin-top:20px; }  
.span3 {width:28%;  text-align:center; padding-top:10px  }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  


@media screen and (max-width: 1024px) {
.container { width:980px} 
.span12 {  height:100%; text-align:left; width:980px; margin-left:-20px }  
.span9 {width:69%;}  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:48%; margin-top:20px; margin-left:0px }  
.span3 {width:25%;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
.footer {padding: 25px 10px 0px 40px;}
#custom-search-form .search-query {margin-top:15px; margin-bottom:15px; padding:6px; margin-bottom: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position:relative; right:0px; width:630px; margin-left:0px; margin-left:15px; font-size:16px;}
#custom-search-form button { border: 0;  background: none; padding: 6px 5px; top: 2px;  position:relative;  left:350px; top:-35px; -webkit-border-radius: 3px; -moz-border-radius: 3px;
 border-radius: 3px; }
}

@media screen and (max-width: 768px) {

.container { width:720px} 
.span12 {  height:100%; text-align:left; width:720px; margin-left:0px }  
.span9 {width:67%; float:right;  }  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:47%; float:left; margin-top:20px; }  
.span3 {width:27%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:400px; }
#custom-search-form .search-query { width:440px; }
#custom-search-form button {  left:260px; top:-35px; }
.btn1 {margin:20px 0px 5px 10px}
.btn2 {margin:0px 0px 5px 10px}
.btn3 {margin:0px 0px 0px 10px }
.footer{width:720px; }
.featured { width:80%; }


@media screen and (max-width:685px)  {

.container { width:620px} 
.span12 {  height:100%; text-align:left; width:620px }  
.span9 {width:70%; float:right; }  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:46%; float:left; margin-top:20px; }  
.span3 {width:27%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:400px; }
#custom-search-form .search-query { width:390px; }
#custom-search-form button {  left:210px; top:-35px; }
.btn1 {margin:20px 0px 5px 0px}
.btn2 {margin:0px 0px 5px 0px}
.btn3 {margin:0px 0px 0px 0px }
.footer{width:620px; }

}		


@media screen and (max-width:600px)  {
	
.container { width:550px} 
.span12 {  height:100%; text-align:left; width:550px }  
.span9 {width:70%; float:right; }  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:46%; float:left; margin-top:20px; }  
.span3 {width:27%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:300px; }
#custom-search-form .search-query { width:350px; }
#custom-search-form button {  left:220px; top:-35px; }
.btn1 {margin:20px 0px 5px 0px;  font-size:14px; }
.btn2 {margin:0px 0px 5px 0px;  font-size:14px; }
.btn3 {margin:0px 0px 0px 0px;  font-size:14px; line-height:14px }
.featured {font-size:18px; line-height:18px}
.new {font-size:18px; line-height:18px}
h1 {font-size:18px; line-height:18px}
.footer{width:550px; }
}

@media screen and (max-width: 568px)  {
.container { width:500px} 
.span12 {  height:100%; text-align:left; width:500px }  
.span9 {width:70%; float:right; }  
.span8 {width:62%; padding-top:20px; }  
.span6 {width:46%; float:left; margin-top:20px; }  
.span3 {width:27%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:250px; }
#custom-search-form .search-query { width:310px; }
#custom-search-form button {  left:210px; top:-35px; }
.btn1 {margin:20px 0px 5px 0px;  font-size:14px; }
.btn2 {margin:0px 0px 5px 0px;  font-size:14px; }
.btn3 {margin:0px 0px 0px 0px;  font-size:14px; line-height:14px }
.featured {font-size:18px; line-height:18px}
.new {font-size:18px; line-height:18px}
h1 {font-size:18px; line-height:18px}
.footer{width:500px; }
}

@media screen and (max-width: 480px)  {
.container { width:430px} 
.span12 {  height:100%; text-align:left; width:500px }  
.span9 {width:90%; float:left; }  
.span8 {width:100%; padding-top:20px; }  
.span6 {width:90%; float:left; margin-top:20px; margin-left:10px }  
.span3 {width:90%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:400px; }
#custom-search-form .search-query { width:395px; }
#custom-search-form button {  left:200px; top:-35px; }
.btn1 {margin:20px 0px 5px 0px;  font-size:14px; width:90% }
.btn2 {margin:0px 0px 5px 0px;  font-size:14px;  width:90%}
.btn3 {margin:0px 0px 0px 0px;  font-size:14px;  width:90%; line-height:14px }
.featured {font-size:18px; line-height:18px}
.new {font-size:18px; line-height:18px; margin:0px 0px  0px 0px}
h1 {font-size:18px; line-height:22px}
.box {width:90%;padding:10px 10px; text-align:left; border-bottom:1px dotted #999999 }
.box2 {width:90%;padding:10px 10px;margin-left:0px; margin-top:10px; text-align:left; border-bottom:1px dotted #999  }
.footer {padding: 25px 10px 0px 20px; width:350px; text-align:left; float:left}

}

@media screen and (max-width: 380px)  {
.container { width:360px} 
.span12 {  height:100%; text-align:left; width:380px }  
.span9 {width:90%; float:left; }  
.span8 {width:100%; padding-top:20px; }  
.span6 {width:90%; float:left; margin-top:20px; }  
.span3 {width:90%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:360px; }
#custom-search-form .search-query { width:250px; margin-left:10px}
#custom-search-form button {  left:-40px; top:8px; }
.btn1 {margin:20px 0px 5px 0px;  font-size:14px; width:90% }
.btn2 {margin:0px 0px 5px 0px;  font-size:14px;  width:90%}
.btn3 {margin:0px 0px 0px 0px;  font-size:14px;  width:90%; line-height:14px }
.featured {font-size:18px; line-height:18px}
.new {font-size:18px; line-height:18px; margin:0px 0px  0px 0px}
h1 {font-size:18px; line-height:22px}
.box {width:90%;padding:10px 10px; text-align:left; border-bottom:1px dotted #999999 }
.box2 {width:90%;padding:10px 10px;margin-left:0px; margin-top:10px; text-align:left; border-bottom:1px dotted #999  }
.footer{width:300px; padding:25px 10px 0px 10px; }
}

@media screen and (max-width: 320px)  {
.container { width:320px} 
.span12 {  height:100%; text-align:left; width:320px }  
.span9 {width:90%; float:left; }  
.span8 {width:100%; padding-top:20px; }  
.span6 {width:90%; float:left; margin-top:20px; }  
.span3 {width:90%; float:left;  text-align:center; padding-top:10px; }
.span3 p {font-size:12px; line-height:20px}  
.span4 {width:30%; padding:20px; text-align:center  }  
form { width:320px; }
#custom-search-form .search-query { width:200px; margin-left:10px}
#custom-search-form button {  left:-40px; top:8px; }
.btn1 {margin:20px 0px 5px 0px;  font-size:14px; width:90% }
.btn2 {margin:0px 0px 5px 0px;  font-size:14px;  width:90%}
.btn3 {margin:0px 0px 0px 0px;  font-size:14px;  width:90%; line-height:14px }
.featured {font-size:18px; line-height:18px}
.new {font-size:18px; line-height:18px; margin:0px 0px  0px 0px}
h1 {font-size:18px; line-height:22px}
.box {width:90%;padding:10px 10px; text-align:left; border-bottom:1px dotted #999999 }
.box2 {width:90%;padding:10px 10px;margin-left:0px; margin-top:10px; text-align:left; border-bottom:1px dotted #999  }
.footer{width:280px; padding:25px 10px 0px 10px; }

}