@charset "UTF-8";
/* CSS Document */

/* Tabs for content */
#tabs {
	border: 1px solid #DEDEDE;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	min-height: 300px;
	position: relative;
	overflow: hidden;
	margin: 25px;
}

.tabs-content {
	padding: 25px;
	min-height: 120px;
	overflow: hidden;
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
}
.tabs {
	overflow: hidden; 
	background: #e1e1e1; 
	background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1);
	background: -o-linear-gradient(center top , #f2f2f2, #e1e1e1); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0; 
	-webkit-box-shadow: 0 1px 0 #FFF inset; 
	-moz-box-shadow: 0 1px 0 #FFF inset; 
	box-shadow: 0 1px 0 #FFF inset;
}
.tabs a {
	display: block; 
	float: left; 
	font: 15px/35px Arial, Helvetica, Sans-serif; 
	padding: 0 20px 0 40px; 
	color: #999; 
	text-shadow: 0 1px 0 #FFF;
	border-left: solid 1px rgba(0,0,0,0.05);
	border-right: solid 1px rgba(255,255,255,0.7);
	position: relative;
	overflow: hidden;
}
.tabs a:first-child {
	border-left-width: 0;
}
.tabs a:last-child {
	border-right-width: 0;
}
.tabs a:after {
	/* Content for the shape of the circle  */
	content: '✔';
	position: absolute;
	top: 0;
	left: 10px;
	line-height: 21px;
	font-size: 10px;
	width: 21px; 
	text-align: center; 
	margin: 7px 10px 5px 0; 
	background: #000; 
	font-size: 12px; 
	-moz-border-radius: 21px; 
	-webkit-border-radius: 21px; 
	border-radius: 21px; 
	background: #bdbdbd; 
	background: -moz-linear-gradient(center top , #d4d4d4, #bdbdbd); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d4d4d4), color-stop(100%,#bdbdbd)); 
	-webkit-box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
	-moz-box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
	box-shadow: 0 1px 0 0 #FFF, 0 1px 0 0 rgba(0,0,0,0.25) inset; 
	text-shadow: 0 1px 0 #999; 
	color: #ffffff;
}
#tab1:after { content: '1'; }
#tab2:after { content: '2'; }
#tab3:after { content: '3'; }
#tab4:after { content: '4'; }
#tab4 { border-right-width: 0; }
.tabs a:target {
	background: #FFF;
	border-left-color: #CCC;
}
.tabs a:target:after {
	/* Content for the gradient of the circles */
	background: #038bd5; 
	background: -moz-linear-gradient(center top , #2dc3fc, #038bd5); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2dc3fc), color-stop(100%,#038bd5)); 
	text-shadow: 0 1px 0 #096c9e; 
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85)
}
.tabs a:target + section.tabs-content {
	display: block;
}

.tabs a:hover:after {
	background: #038bd5; 
	background: -moz-linear-gradient(center top , #2dc3fc, #038bd5); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2dc3fc), color-stop(100%,#038bd5)); 
	text-shadow: 0 1px 0 #096c9e; 
	-webkit-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
	-moz-box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85); 
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.45), 0 1px 0 0 rgba(0, 0, 0, 0.25) inset, 0 0 5px 0 rgba(0,148,255,0.85)
}

.column {
	padding: 10px 2.5%;
	width: 45%;
	float: left;
	text-align:justify;
	top: 0px;
}

/* Tabs for page nav */
ul#tabnav { /* general settings */
	text-align: right; /* set to left, right or center */
	font: 18px/20px Arial, Helvetica, Sans-serif; /* set font as desired */
	/*border-bottom: 1px solid #e1e1e1; /* set border COLOR as desired */
	list-style-type: none;
	padding: 10px 0px 3px 0px; /* THIRD number must change with respect to padding-top (X) below */
	height: 6px;
	margin: 0px;
	margin-top: 10px;
	/*
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	min-width: 800px;
	max-width: 1024px; */
	
	background: #ddd; 
	background: -moz-linear-gradient(center top , #e1e1e1, #ddd); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ddd), color-stop(100%,#aaa)); 
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0;
	
	-webkit-box-shadow: 0 1px 0 #FFF inset; 
	-moz-box-shadow: 0 1px 0 #FFF inset; 
	box-shadow: 0 1px 0 #FFF inset;
}

ul#tabnav li { /* do not change */
	display: inline;
}

body#navtab1 li.navtab1, body#navtab2 li.navtab2, body#navtab3 li.navtab3, body#navtab4 li.navtab4, body#navtab5 li.navtab5, body#navtab6 li.navtab6{ /* settings for selected tab */
	/*border-bottom: 1px solid #fff; /* set border color to page background color */
	/*background-color: #fff; /* set background color to match above border color */
}

body#navtab1 li.navtab1 a, body#navtab2 li.navtab2 a, body#navtab3 li.navtab3 a, body#navtab4 li.navtab4 a, body#navtab5 li.navtab5 a, body#navtab6 li.navtab6 a { /* settings for selected tab link */
	/*background-color: #fff; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	bottom: 14px;
	padding-top: 3px; /* must change with respect to padding (X) above and below */
	
	
	background: -moz-linear-gradient(center top , #fff, #fff); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#fff));
	
	text-decoration: none;
}

body#navtab1 li.navtab1 a:hover, body#navtab2 li.navtab2 a:hover, body#navtab3 li.navtab3 a:hover, body#navtab4 li.navtab4 a:hover, body#navtab5 li.navtab5 a:hover, body#navtab6 li.navtab6 a:hover { /* settings for selected tab link */
	color: #1E6296;
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 10px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid #DDD; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #cfc; /* set unselected tab background color as desired */
	color: #666; set unselected tab link color as desired */
	text-decoration: none;
	border-bottom: none;
	
	text-decoration: none;
	position: relative;
	bottom: 14px;
	
	background: #e1e1e1; 
	background: -moz-linear-gradient(center top , #f2f2f2, #e1e1e1); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e1e1e1)); 
	-moz-border-radius: 4px 4px 0 0; 
	-webkit-border-radius: 4px 4px 0 0; 
	border-radius: 4px 4px 0 0; 
	-webkit-box-shadow: 0 1px 0 #FFF inset; 
	-moz-box-shadow: 0 1px 0 #FFF inset; 
	box-shadow: 0 1px 0 #FFF inset;
	
	margin-right: 2.5%; /* set additional spacing between tabs as desired */
	margin-left: -2.0%;
	
}
ul#tabnav a:hover { /* settings for hover effect */
	background: #efefef; /* set desired hover color */
	/*border-bottom: 1px solid #e1e1e1; */
	color: #1E6296;
	
}