.demo_container { width:980 px; margin:0 auto;}
#demo_top_wrapper { margin:0 0 0px 0; }
#demo_top { height:100px; padding:10px 0 0 0; }
#my_logo { font:70px Georgia, serif; }

#sticky_navigation_wrapper { width:100%; height:40px; }
#sticky_navigation { width:100%; height:40px; background: #063; z-index: 1;}
#sticky_navigation ul {
	list-style: none;
	margin: 0 auto;
	background: #063;
	padding-bottom: 0px;
	padding-top: 0;
	padding-left: 8px;
	padding-right: 0;
	border-radius: 0px;
	list-style: none;
	position: relative;
	display: inline-block;
	width:1140px;
	line-height:8px;	
	vertical-align: middle;
		}
#sticky_navigation ul:after { content: ""; clear: both; display: block; }
#sticky_navigation ul ul { display:none; }
#sticky_navigation a {padding: 0px 0px; display:inline-block; font-size:13px;}
#sticky_navigation ul li:hover > ul {display: block; }
#sticky_navigation ul li {
	margin-left:0px;
	margin-right:0px;
	float: left;
	height:41px;
	vertical-align: middle; 
	*display:inline; /* ie7 fix */
	}

#sticky_navigation ul li:hover { background:#CCc; display: block; height:41px; }
#sticky_navigation ul li:hover a {
	color: #fff;
	vertical-align: middle;
	line-height: 4px;
	display: block;
	font-size:13px;
	height:41px;
	
}
#sticky_navigation ul li a {
	display: inline-block;
	height:41px;
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
	padding-top: 20px;
	padding-right:17px;
	padding-bottom: 17px;
	padding-left: 20px;
	text-align:left;
	font-size:13px;
}

 #sticky_navigation ul ul {background:#063 ; border-radius: 0px; padding: 0;position:absolute;; /*top: 100%;*/
	width:auto;
	line-height:10px;
	
}
#sticky_navigation ul ul li {float: none;border-top: 1px solid #6b727c;border-bottom: 1px solid #575f6a;position: relative;
		width:auto;}
#sticky_navigation ul ul li a {padding: 15px 40px;color: #fff;}	
#sticky_navigation ul ul li a:hover {background: ##CCC;	}
#sticky_navigation ul ul ul {position: absolute; left: 100%; top:0; width:auto;}

/*#sticky_navigation ul li a:hover, #sticky_navigation ul li a.selected { color:#fff; background:#111; }
	.content {
  position: absolute;
  top: 28px;
  left: 0;
  background: white;
  right: 0;
  bottom: 0;
  padding: 15px;
  border: 1px solid #ccc; 
} */
[type=radio]:checked ~ label {
  background: white;
  border-bottom: 1px solid white;
  z-index: 2;
}
[type=radio]:checked ~ label ~ .content {
  z-index: 1;
}

hr {
   border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999; 
}

/* end */

/* custom theme + Bootstrap resets */
@import url('http://fonts.googleapis.com/css?family=Open+Sans:300,400');

header {
	min-height:180px;
  	margin-bottom:5px;
	margin-top: 10px;
	
}

/* only apply sticky columns on wider screens */
@media (min-width: 1140px) {
  #sidebar {
 	margin-left:15px;

  }
 #sidebarstatic {
 	margin-left:15px;

  }
  #content {
 	padding-right:15px;
  }

  #sidebar.affix-top {
      position: static;
  }
  
  #sidebar.affix {
      position: fixed !important;
      top: 70px;
      width:200px;
  }

  #midCol.affix-top {
      position: static;
  }

  #midCol.affix-bottom {
      padding-top:0;
  }
  
  #midCol.affix {
      position:fixed !important;
  	  top: 20px;
  	  width:292px;
  }
}

.affix {
      position:static;
}
body {
  font-family: 'Open Sans',Arial,Helvetica,Sans-Serif;
  font-weight:300;
  color:#676767;
  background-color:#efefef;
  
}

a,a:hover {
	color:#437eb0;
  	text-decoration:none;
}

.highlight-bk {
	background-color:#77CCDD;
    padding:1px;
    width:100%;
}

.highlight {
	color:#77CCDD;
}
  
h3.highlight  {
	padding-top:13px;
    padding-bottom:14px;
  	border-bottom:2px solid #77CCDD;
}

.navbara {
	background-color:#efefef; 
  	color:#ffffff;
  	border-radius:0;
}
.navbarb {
background-color:#666;
  	color:#ffffff;
	width:auto;
  	/* border-radius:0; */
}
.navbar-nav > li > a {
  	color:#fff;
  	padding-left:20px;
  	padding-right:20px;
  	border-left:1px solid #fff;
}
.navbar-nav > li:last-child > a {
  	border-right:1px solid #fff;
}

.navbar-nav li a:hover {
  	background-color:#8c8b8b;
}

.navbar-nav > .open > a, .navbar-nav > .open > a:hover, .navbar-nav > .open > a:focus {
	color: #666;
  	opacity:.9;
}
.navbar-brand {
	color:#fff;
}
.navbar-brandsel {
	color:#CCC;
}

.accordion-group {
	border-width:0;
}

.dropdown-menu {
	min-width: 250px;
}

.caret {
	color:#666;
}

.navbar-toggle {
	color:#666;
    border-width:0;
}
  
.navbar-toggle:hover {
	background-color:#8c8b8b;
}

.panel,.panel-heading {
  	border-radius:0;
  	border-width:0;
  	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.09);
	box-shadow: 0 3px 3px  rgba(0, 0, 0, 0.09);
}

.thumbnail {
	margin-bottom:8px;
	border-radius:0;
}

.well {
  	border-radius:0;
}

.accordion-heading .accordion-toggle, .accordion-inner, .nav-stacked li > a {
	padding-left:1px;
}
footer {
	height:50px;
  	background-color:#dfdfdf;
  	color:#888;
  	margin-top:30px;
}

@media (min-width: 992px) {
  .no-gutter.row > div[class*='col-md'] {
    padding-left: 0;
    padding-right: 0;
  }
  .no-gutter.row > .col-md-12 {
    width: 99.99999999999999%;
    *width: 99.93055555555554%;
  }
  .no-gutter.row .col-md-11 {
    width: 91.66666666666666%;
    *width: 91.59722222222221%;
  }
  .no-gutter.row > .col-md-10 {
    width: 83.33333333333331%;
    *width: 83.26388888888887%;
  }
  .no-gutter.row > .col-md-9 {
    width: 74.99999999999999%;
    *width: 74.93055555555554%;
  }
  .no-gutter.row > .col-md-8 {
    width: 66.66666666666666%;
    *width: 66.59722222222221%;
  }
  .no-gutter.row > .col-md-7 {
    width: 58.33333333333333%;
    *width: 58.263888888888886%;
  }
  .no-gutter.row > .col-md-6 {
    width: 49.99999999999999%;
  }
  .no-gutter.row > .col-md-4 {
    width: 33.33333333333333%;
  }
  .no-gutter.row > .col-md-3 {
    width: 24.999999999999996%;
    *width: 24.930555555555554%;
  }
  .no-gutter.row > .col-md-2 {
    width: 16.666666666666664%;
    *width: 16.59722222222222%;
  }
  .no-gutter.row > .col-md-1 {
    width: 8.333333333333332%;
    *width: 8.263888888888888%;
  }
}

nav {
    width:100%;
    position: -webkit-sticky;
    top: 0px;
    z-index: 1;
}

p, li {
	font-size:16px;
}
li {
	text-align:left;
	margin-left:0;
	font-size:16px;
	}
	
.top {
    width: 100%;
    height: 92px;
}
.left {
    width: 20%;
    height: 100%;
    
}
.main {
    display: block;
    height: 100%;
    width: 75%;
 }	

@media ( max-width: 1140px ) and ( min-width: 1140px ) {
.sticky_navigation .sticky_navigation>li>a {
padding: 0 0.5em !important;
}
}