body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	padding:0px;
}
h1 {
	font-size: x-large;
	margin-top: 5px;
}
h2 {
	font-size: large;
	margin-top: 5px;
}
h3 {
	font-size: medium;
}
h4 {
	font-size: small;
}
p {
	font-size: small;
}
.img-left {
	float: left;
	padding: 5px 5px 5px 0px;
}
.img-right {
	float: right;
	padding: 5px 0px 5px 5px;
}

.pos-logo {
	position: relative;
	width: auto;
	left: 1%;
	top: 10px;
}
.pos-logo2 {
	position: relative;
	width: auto;
	left: 1%;
	top: 5px;
}
.home {
	position: relative;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-small;
}
.pos-search {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	position: absolute;
	text-align: right;
	width: auto;
	top: 25px;
	right: 1%;
	z-index: 100;
}
.pos-a-z {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: right;
	position: absolute;
	width: auto;
	right: 1%;
	top: 60px;
}
.hdg-JANET {
	font-family: Arial, Helvetica, sans-serif;
	font-size: xx-large;
	padding-left: 2%;
	width: auto;
}
.hdg-description {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	padding-left: 2%;
	width: auto;
}
.community a, .services a, .dev a, .about a, .latest a {
	text-decoration: none;
	color: #FFFFFF;
}
.community a:hover, .services a:hover, .dev a:hover, .about a:hover, .latest a:hover {
	color: #FFFF00;
}
.community-bar {
	background-color: #6186d7;
	position: absolute;
	color: #6186d7;
	top: 100px;
	left: 1%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.community-bar-2 {
	background-color: #6186d7;
	position: absolute;
	color: #6186d7;
	top: 100px;
	right: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.services-bar {
	background-color: #5b6b82;
	position: absolute;
	color: #5b6b82;
	top: 100px;
	left: 1%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.services-bar-2 {
	background-color: #5b6b82;
	position: absolute;
	color: #5b6b82;
	top: 100px;
	right: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.dev-bar {
	background-color: #669900;
	position: absolute;
	color: #669900;
	top: 100px;
	left: 1%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.dev-bar-2 {
	background-color: #669900;
	position: absolute;
	color: #669900;
	top: 100px;
	right: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.about-bar {
	background-color: #cc3300;
	position: absolute;
	color: #cc3300;
	top: 100px;
	left: 1%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.about-bar-2 {
	background-color: #cc3300;
	position: absolute;
	color: #cc3300;
	top: 100px;
	right: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.latest-bar {
	background-color: #3b3c41;
	position: absolute;
	color: #3b3c41;
	top: 100px;
	left: 1%;
	width: 90%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.latest-bar-2 {
	background-color: #3b3c41;
	position: absolute;
	color: #3b3c41;
	top: 100px;
	right: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-large;
	z-index:1;
}
.community {
	background-color: #6186d7;
	position: absolute;
	top: 100px;
	left: 1%;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
	z-index:2;
} 
.services {
	background-color: #5b6b82;
	position: absolute;
	left: 20%;
	top: 100px;
	width: 20%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
	z-index:2;
}
.dev {
	background-color: #669900;
	position: absolute;
	right: 40%;
	top: 100px;
	width: 22%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
	z-index:2;
}
.about {
	background-color: #cc3300;
	position: absolute;
	top: 100px;
	width: 22%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
	right: 20%;
	z-index:2;
}
.latest {
	background-color: #3b3c41;
	position: absolute;
	top: 100px;
	width: 21%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	text-align: center;
	right: 1%;
	z-index:2;
}
.banner {
	height: 120px;
}
.nav-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	background-color: #5b6b82;
	font-weight: bold;
}
.sj5-nav-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}
.sj5-nav-hdr a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FFFFFF;
	font-weight: bold;
}
.sj5-nav-hdr a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #FF9900;
	font-weight: bold;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
dt {
	padding-bottom: 10px;
}
.submenu-indent {
	position: relative;
	left: 5%;
	padding-bottom: 5px;
	width: 95%;
}
.submenu-indent a {
	color: #000000;
	text-decoration: none;
}
.submenu-indent a:hover {
	color: #FF9900;
	text-decoration: none;
}
#dev-nav-inner, #about-nav-inner, #community-nav-inner, #services-nav-inner, #latest-nav-inner {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	position: absolute;
	left: 1%;
	width: 14%;
	top: 150px;
	background: #FFFFFF;
	font-weight: bold;
}
#dev-nav-inner dt a:hover, #about-nav-inner dt a:hover, #community-nav-inner dt a:hover, #services-nav-inner dt a:hover,  #latest-nav-inner dt a:hover {
	color: #FF9900;
}
#community-nav-inner dt a {
	color: #6186d7;
	text-decoration: none;
}
#services-nav-inner dt a  {
	color: #5b6b82;
	text-decoration: none;
}
#dev-nav-inner dt a {
	color: #669900;
	text-decoration: none;
}
#about-nav-inner dt a {
	color: #cc3300;
	text-decoration: none;
}
#latest-nav-inner dt a {
	color: #3b3c41;
	text-decoration: none;
}
.centre-content {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 65%;
	margin-left: 20%;
	margin-right: 10%;
}
.centre-content-archive {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	width: 65%;
	margin-left: 20%;
	margin-right: 10%;
 	background-image: url(http://www.ja.net/assets/images/archive.gif);
  	background-repeat: no-repeat;
}
.centre-menus {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.centre-menus a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
.shortcut-text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	position: absolute;
	right: 10px;
	border: none #CCCCCC;
	top: 150px;
	width: 10%;
	padding-left: 2px;
	background-color: #FFFFFF;
}
.dev-shortcut-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #669900;
}
.about-shortcut-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #cc3300;
}
.community-shortcut-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #6186d7;
}
.services-shortcut-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #5b6b82;
}
.latest-shortcut-hdr {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: bold;
	color: #3b3c41;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
	padding-top: 50px;
}
.sj5-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	text-align: center;
	position: absolute;
	width: 100%;
	top: 580px;
}