/* COMMON STYLE

--------------------------------------------------------- */

img, div { behavior: url(iepngfix.htc) }

html, body {

	margin: 0;
	padding: 0;

}



body {

	color: #333333;
	background-color:#000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 150%;
}



body#bd {

	color: #333333;
	background: #000000;

}



body.contentpane {

	width: auto; /* Printable Page */
	margin: 1em 2em;
	background: #FFFFFF;
	color: #000000;
	font-size: 12pt;
	font-family: serif;
	line-height: 140%;

}



body.fs1 {

	font-size: 9px;

}



body.fs2{

	font-size: 10px;

}



body.fs3{

	font-size: 11px;

}



body.fs4{

	font-size: 12px;

}



body.fs5{

	font-size: 13px;

}



body.fs6{

	font-size: 14px;

}



/* Normal link */

a {

	color: #032580;
	text-decoration: none;

}



a:hover, a:active, a:focus {

	color: #032580;
	text-decoration: underline;

}

a.foot {
 color:#FFFFFF;
 }
 
a.foot:hover {
	color:#90F801;
	}


/* Title text */

.contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {

	font-weight: bold;

}


/* CONTENTSLIDER
---------------------------------------------------------*/

.contentslide{
border: 0px;
padding: 0px 0px 0px 0px;
width: 986px;
height: 312px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;

}

.contentslide .contentdiv{
display: none;
}

.contentdiv1{
border: 0px;
width: 986px;
height: 312px;
padding: 0px 0px 0px 0px;
background-image:url(../slides/images/1.gif);
background-position:center;
background-repeat:no-repeat;
}

.contentdiv2{
border: 0px;
width: 986px;
height: 312px;
padding: 0px 0px 0px 0px;
background-image:url(../slides/images/2.gif);
background-position:center;
background-repeat:no-repeat;
z-index: 1;
}

.contentdiv3{
border: 0px;
width: 986px;
height: 312px;
padding: 0px 0px 0px 0px;
background-image:url(../slides/images/3.gif);
background-position:center;
background-repeat:no-repeat;
}

#nav {
position:relative;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 986px; /*IE5 width*/
width: 1002px; /*IE6 width*/
}

.pagination a{
padding: 2px 2px 2px 2px;
color: #036DD2;
text-decoration: none; 
font-weight:bold;
font-family:Arial, Helvetica;
font-size:12px;
}

.pagination a:hover, .pagination a.selected{
color: #3FA1FF;
text-decoration: none;
font-weight:bold;
font-family:Arial, Helvetica;
font-size:12px;
}

#paginate-slider1 {
position:absolute;
background-image:url(../slides/images/blubg.png);
text-align:center;
width:56px;
height:15px;
left:920px;
top:10px;
z-index:50;
}



/* HEADER
--------------------------------------------------------- */

#ja-headerwrap {

	clear: both;
	position: relative;
	height: 86px;

}



#ja-header {

}



h1.logo {

	float: left;
	margin: 0;
	padding: 0;
	width: 431px;
	display: block;
	font-size: 300%;
	height: 100px;

}



h1.logo a {

	width: 431px;
	float: left;
	display: block;
	background: url(../images/logo.gif) no-repeat;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: -4000px;
	height: 100px;
	outline: none;

}

/* Clearfix */

.clearfix:after {

	clear: both;
	display: block;
	content: ".";
	height: 0px;
	visibility: hidden;

}

* html > body .clearfix {

	width: 100%;
	display: block;

}

* html .clearfix {

	height: 1%;

}



/* Firefox Scrollbar Hack - Do not remove */

html {

	margin-bottom: 1px;
	height: 100%!important;
	height: auto;

}

textarea.war {
	background-color: Transparent; 
	border:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	cursor:default;
	}

.style1 {color: #000033}
.style2 {
	font-size: 12px;
	color: #000000;
}
.style3 {color: #000000}

a.warlink {
color: #000000;
text-decoration: none;
font-weight: bold;
}

a.warlink:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;
}
	