ul {
	padding:0px;
	margin:0px;
}

body{
	padding-left: 8px;
	padding-right: 8px;
}

.clearfix:before, .clearfix:after {
	display:table;
	content:" ";
}
.clearfix:after {
	clear:both;
}
.clearfix {
  *zoom: 1;
}
.nav{
	display: block;
	width: 100%;
}
.nav > ul{
	padding: 0 5px;
	display: block;
	float: right;
}
.nav ul li{
	float: left;
	display: inline-block;
	margin: 0;
}
.nav > ul > li{
	padding-left: 0;
	position: relative;
}

.nav p{
	padding-top: 0.54em;
}

.mid .nav p{
	padding-top: 0.54em;
}
.large .nav p{
	padding-top:0.54em;
}

.nav > ul > li > a{
	padding: 0.54em 15px 6px;
	display: block;
	text-decoration: none;
	-webkit-transition: color .3s;
    transition: color .3s;
}


.mid .nav > ul > li > a{
	padding: 0.54em 0.5em 6px;
}

.large .nav > ul > li > a{
	padding: 0.54em 0.5em 6px;
}
.nav > ul > li:after{
	content: '';
	height: 52%;
	top: 24%;
	right: 0;
	width: 1px;
	background-color: #000000;
	opacity: .4;
	position: absolute;
}
.nav > ul > li:last-child:after{
	display: none;
}

.nav  ul  li  ul{
	padding: 0 10px;
}
.nav  ul  li  li{
	padding-left: 0;

	background: transparent;
}

.nav  ul  li  li a{
	text-decoration: none;
	padding: 3px 5px;
	display: inline-block;
	-webkit-transition: color .3s;
    transition: color .3s;
}
.nav  ul  li  li a.small_font{
	font-size: 1em;
	padding: 0.54em 0.5em 0;
}

.nav  ul  li  li a.mid_font{
	font-size: 1.3em;
	padding: 0.21em 0.5em 0;
}

.nav  ul  li  li a.large_font{
	font-size: 1.6em;
	padding: 0 0.5em;
}



.mid .nav  ul  li  li a.small_font{
	padding: 0.54em 0.5em 0;
}
.mid .nav  ul  li  li a.mid_font{
	padding: 0.21em 0.5em 0;
}
.mid .nav  ul  li  li a.large_font{
	padding: 0 0.5em;
}


.large .nav  ul  li  li a.small_font{
	padding: 0.54em 0.5em 0;
}
.large .nav  ul  li  li a.mid_font{
	padding: 0.21em 0.5em 0;
}
.large .nav  ul  li  li a.large_font{
	padding: 0 0.5em;
}

.nav  ul  li a.selected,
.nav  ul  li a:hover{	
	text-decoration: underline !important;
}

.small,
.small td,
.small  div{
	font-size:0.9em;
}

.mid,
.mid td,
.mid  div{
	font-size:1em;
}

.large,
.large td,
.large  div{
	font-size:1.1em;
}

table td{
width: 100%;
word-wrap: break-word;
height: auto;
}

table ol li{
    white-space: normal;
    width: 100%;
    height: auto;
    word-wrap: break-word;
	margin-bottom: 0.9em;
	list-style-type: decimal;
	display:list-item;
}

.mid table ol li{
	margin-bottom: 1em;
}

.large table ol li{
	margin-bottom: 1.1em;
}

table{
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

@media screen and (max-width : 526px) {
    .small .nav p{
		display:inline-block;
		padding-top:0;
    }
	
}

@media screen and (max-width : 694px) {
    .mid .nav p{
		display:inline-block;
		padding-top:0;
    }
	
}


@media screen and (max-width : 868px) {
    .large .nav p{
		display:inline-block;
		padding-top:0;
    }
	
}
