@charset "utf-8";
body {
 background: url(../images/sj2.jpg) no-repeat center center fixed;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
	background-color: transparent;
	font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
	font-size: medium;
	font-weight: 400;
	color: #000000;
 
 
 }

html{height:100%;width:100%}
 
  h1, h2, h3,
h4, h5, h6 {
    color: #000;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    margin-bottom: 0;
    padding-bottom: 0;
    font-weight:bold;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.75em;
}

h3 {
    font-size: 1.2em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

  h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
  }
 .currentpage{
            color: #333;
            text-decoration: none;

}

.transparent{
  background:rgba(255,255,255,0.6);
}

.indent {padding:33px 50px 33px 48px;}
.padding1 {
    padding-left:20px;
    padding-right:20px;
}

.col-1 {
	width:650px;
	margin: 0 auto;
}                
 
 .content-wrapper {
    margin: 0 auto;
    max-width: 960px;
}

.logoHeader {
	margin-top: 10px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

/* --- Nav Bar Style --- */
.navbar {
	text-shadow: none;
	/*background-color: rgba(255,255,255,0.1);*/
	background-color: transparent !important;
	border: none;
	-webkit-box-shadow: none;
 -moz-box-shadow: none;
	  box-shadow: none;/*these remove shadow inside around menu item text*/
	  color: #FFFFFF;
	border-radius: 4;
}

.navbar-default {
	
    background-image:none !important;
	/*border-color: #000000;*/
}

 .navbar-default .navbar-brand {
	color: #FFFFFF;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
	color: #FfFfFf;
}

.navbar-default .navbar-nav > li > a {
	color: #FfFfFf;
	padding-top: 30px !important;
	font-size: 2.5em;
	background:none;
	background-color: transparent;
	display: inline-block;

	
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
	color: #ff6a00;
}

/*background and foreground of active menuitem*/
.nav .active a { 
    color:#ff6a00 !important;
    background:none !important; 

}

/*.navbar-default .navbar-nav .active{
	color: #ff6a00;
	background: none;
	
}
*/
.navbar-default .navbar-nav .active > a, 
.navbar-default .navbar-nav .active > a:hover, 
.navbar-default .navbar-nav .active > a:focus {
	color: #ff6a00;
	background: none;
	border: thin none #F5F4F4;	
	-webkit-box-shadow: none;
 -moz-box-shadow: none;
	  box-shadow: none;
}

.navbar-default .navbar-nav .open > a, 
.navbar-default .navbar-nav .open > a:hover, 
.navbar-default .navbar-nav .open > a:focus {
	padding-top: 5px !important;
	color: #ff6a00;
	background: none;	
	
}

.navbar-default .navbar-nav .open > a .caret, 
.navbar-default .navbar-nav .open > a:hover .caret, 
.navbar-default .navbar-nav .open > a:focus .caret {
	padding-top:5px !important;
	border-color: #000000;	
	border-width: thin;
	border-style: none;
}

.navbar-default .navbar-nav > .dropdown > a .caret {
	border-top-color: #ecf0f1;
	border-bottom-color: #ecf0f1;
}

.navbar-default .navbar-nav > .dropdown > a:hover .caret, 
.navbar-default .navbar-nav > .dropdown > a:focus .caret {
	border-top-color: #ffbbbc;
}

.navbar-default .navbar-toggle {
	border-color: black;  /* Change border color around this button */
    background: black;   /* Change background for button itself */
}

.navbar-default .navbar-toggle:hover, 
.navbar-default .navbar-toggle:focus {
	background-color: #585555;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #FfFfFf;   /* Change color for horizontal lines */
}

.navbar-brand {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	height: 90px;
	line-height: 20px !important;
	display:inline-block;
}

.navbar {min-height:90px !important;}

.collapsing, .in {background-color: rgba(255,255,255,0.1);}
.collapsing ul li a, .in ul li a {color: #FfFfFf!important; text-decoration: none; display: inline-block;
}
.collapsing ul li a:hover, .in ul li a:hover {color: #ff6a00 !important;}
.collapsing ul li a:active, .in ul li a:active {color: #ff6a00 !important;}
.collapsing ul li a:focus, .in ul li a:focus {color: #ff6a00 !important;}

.nav ul{
	margin:0;
}

.nav .nav-divider {
  height: 1px;
  margin: 1px 0;
  overflow: hidden;
  background-color: #000000;
}

footer a { color: #efefef; }


.active
{
	color: #ff6a00;

}
.auto-style4 {
		font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
	font-size: large;
	font-weight: 700;
	color: #000000;
}
header, section, footer, aside, article, figure {
	display: block;
}

/*a.one:link {color:#ff0000;}
a.one:visited {color:#0000ff;}
a.one:hover {color:#ffcc00;}
	*/


@media (max-width: 1200px){
	
	    .col-1 {
        width:650px;
        margin: 0 auto;
    }                
	
}

@media (max-width: 992px){

.navbar-default {
	background-image: none !important;
	border: thin solid #000000;
    }                
	
	    .col-1 {
        width:520px;
        margin: 0 auto;
    }                

}

@media (max-width: 560px){
	
.navbar-default {
	background-image: none !important;
	border: thin solid #000000;
	
}

    .col-1 {
        width:340px;
        margin: 0 auto;
    }                
	
	
}

@media (max-width: 320px){
	
.navbar-default {
	background-image: none !important;
	border: thin solid #000000;
	
}

.padding1 {
    padding-left:10px;
    padding-right:10px;
}

    .col-1 {
        width:290px;
        margin: 0 auto;
    }                
	
}





