/* Load Embedded Fonts
*********************************************/

@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700|Raleway:400,300,700);


/* Headings
*********************************************/

h1 {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:25px; color:#333; text-align:left; padding-top:0px; padding-bottom:0px; font-weight:normal;}
h2 {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:20px; color:#333; font-weight:normal; }

h2 a:link{text-decoration:none; color:#333;}
h2 a:active{text-decoration:none; color:#333;}
h2 a:hover{text-decoration:none; color:#e6bc00 !important;}
h2 a:visited{text-decoration:none; color:#333;}

h3 {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:22px; padding-top:6px; color:#fff; font-weight:100; background-color:#ccc; padding:4px; border-radius:3px; text-transform:uppercase;}

h3 a:link{text-decoration:none; color:#fff;}
h3 a:active{text-decoration:none; color:#fff;}
h3 a:hover{text-decoration:none; color:#666 !important;}
h3 a:visited{text-decoration:none; color:#fff;}

h4 {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:50px; color:#333; text-transform:uppercase; font-weight:100; margin-top:10px; margin-bottom:10px;}

/* Website Text and General Fonts
*********************************************/

.extranav { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999; text-align:left; text-transform:capitalize;}

.extranav a:link {color: #999; text-decoration: none;}
.extranav a:visited {text-decoration: none;color: #999;}
.extranav a:hover {text-decoration: none;color: #8ccd20 !important;}
.extranav a:active { color: #999; text-decoration: none;}


.buttons { font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:18px; color:#fff; background-color:#333; padding:8px; width:auto; height:auto; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; -ms-border-radius:6px; margin-top:20px;  text-transform:uppercase; border:#CCC 1px solid inset;}

.buttons a:link {color: #fff; text-decoration: none;}
.buttons a:visited {text-decoration: none;color: #fff;}
.buttons a:hover {text-decoration: none;color: #ccc !important;}
.buttons a:active { color: #fff; text-decoration: none;}


.boxtitle {margin-top:80px; padding-left:10px; display:block; height:35px; background-color:#0b0a0a; font-family: 'OSPDIN', Arial, Helvetica, sans-serif; font-size:27px; color:#FFF; overflow:hidden; padding-top:10px; padding-bottom:10px; opacity:0.9; -moz-opacity:0.9; -webkit-opacity:0.9; text-transform:uppercase;}

.boxtitle a:link { text-decoration:none !important; color:fff;}
.boxtitle a:visited { text-decoration:none !important; color:fff;}
.boxtitle a:active{ text-decoration:none !important; color:fff;}
.boxtitle a:hover { text-decoration:none !important; color:#ec008c !important ;}


.subnavigation {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:14px; color:#666 text-align:left; margin-right:10px; }

.navigtext {font-family: 'Raleway', Arial, Helvetica, sans-serif; font-size:14px; color:#666 text-align:left; margin-right:10px; }


.subnavigation ul{ display:inline-block; list-style:none; padding:5px; }

.subnavigation li{display:inline-block; list-style:none; padding-top:2px; padding-bottom:5px; border-right:1px #ddd solid; padding-left:10px; padding-right:10px;}
.subnavigation li li {display:inline-block; list-style:none; padding-top:2px; padding-bottom:5px; font-size:12px; border-right:1px #ddd solid;}

.subnavigation ul li:last-child { 
    border:none; 
  } 

.subnavigation li a:hover {color:#000!important; background-color:#8ccd20; padding:6px; text-decoration:none;}
.subnavigation li li a:hover {color:#8ccd20 !important;text-decoration:none;}

.subnavigation li a:active {color:#fff ; padding:6px; padding-top:25px; padding-bottom:25px; text-decoration:none;}
.subnavigation li a:link {color:#fff ;  padding:6px;padding-top:25px; padding-bottom:25px; text-decoration:none;}
.subnavigation li a:visited {color:#fff ; padding:6px; padding-top:25px; padding-bottom:25px;text-decoration:none;}

@media screen and (max-width: 55em) {

.navigtext ul{ display:list-item !important; list-style:none; padding:5px; }

.navigtext li{ display:list-item !important; list-style:none; border-top:1px #ddd solid; padding-top:10px; padding-bottom:10px;}
.navigtext li li {display:list-item !important; list-style:none;font-size:12px; border-bottom:1px #ddd solid;}



.navigtext li a:hover {color:#8ccd20 !important;text-decoration:none;}

.navigtext li a:active {color:#fff ; padding:6px; padding-top:25px; padding-bottom:25px; text-decoration:none;}
.navigtext li a:link {color:#fff ;  padding:6px;padding-top:25px; padding-bottom:25px; text-decoration:none;}
.navigtext li a:visited {color:#fff ; padding:6px; padding-top:25px; padding-bottom:25px;text-decoration:none;}

}