﻿/* RESET ---------------------- */
* {outline:none;}body{margin:0;padding:0;height:100%;}a:link, a:visited, a:hover, a:active{text-decoration: none;}ul, ol{margin:0;padding:0;list-style-type: none;}form{margin:0px;padding:0px;}a img {border:0;}.clearfix:after{ content: ".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{min-width:0;display:inline-block;display:block;}* html .clearfix{height:1%;}.left{float:left;}.right{float:right;}.textleft{text-align:left;}.textright{text-align:right;}.textcenter{text-align:center;}.center{margin-right:auto;margin-left:auto;}textarea{overflow:auto;}
/* COMMON ---------------------- */
.clear{clear:both;line-height:1px;height:1px;}
a:link, a:visited{
	color: #000080;
}
a:hover{text-decoration:none;color:#a22e2e;}
/* HEADING TAGS ---------------------- */
h1, h2 ,h3, h4, h5, h6, p{margin:0;padding:0;}h1{font-size:2.4em;}h2{font-size:2.2em;}h3{font-size:2.0em;}h4{font-size:1.8em;}h5{font-size:1.6em;}h6{font-size:1.4em;}
/* LAYOUT ---------------------- */
body{
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #191919;
	font-size: 15px;
}
.box{
	background: #FFFFFF;
	width: 960px;
	margin: 0px auto;
	padding: 0px;
}
/* HEADER ---------------------- */
#header{
	background: #FFFFFF repeat-x;
	width: 100%;
	float: left;
}
#header_wrap{
	width: 100%;
	height: 141px;
	float: left;
}
#logo{width:260px;height:88px;float:left;padding:53px 18px 0 0;}
#tagline{width:260px;float:left;color:#b3c6f1;font-size:18px;font-style:italic;padding:58px 0 0 0; font-family:Georgia, "Times New Roman", Times, serif;}
/* MAIN MENU ---------------------- */
#nav_bar{width:100%;height:58px;border-bottom:solid 1px #dfdede;}
ul#menu{
	font: normal normal bolder medium Arial, Helvetica, sans-serif;
	background: url("../../images/divider_nav.gif") no-repeat left center;
	width: auto;
	float: left;
	padding: 10px 0;
}
ul#menu li{background:url("../../images/divider_nav.gif") no-repeat right center;font-size:18px;float:left;}
ul#menu li a{display:block;line-height:38px;padding:0 25px;}
ul#menu li a.active{
	color: #A22E2E;
	text-decoration: none;
}
#social{
	width: 200;
	float: left;
	text-align: center;
	padding: 12px 0 0 0;
}
#social img{margin-left:12px;}

#container{width:100%;}
.gray_container{
	background: #efefef url('../images/greyboxbackground.jpg');
	width: 100%;
	border-bottom: solid 5px #dfdede;
	padding: 45px 0 15px 0;
}
.white_container{width:100%;padding:40px 0 10px 0;}
.common_box{width:295px;float:left;padding:0 37px 0 0;}
.common_box.last{padding:0;}
.common_box .imgbox{background:#dfdede;border:solid 1px #c9c8c8;margin:0 0 18px 0;padding:4px;}
.common_box h3{
	font: normal normal bolder 21px Arial, Helvetica, sans-serif;
	color: #1E497E;
	padding: 0 0 5px 0;
}
.common_box p, #leftcol p{line-height:22px;padding:0 0 20px 0;}
ul.news{padding:10px 0 0 0;}
ul.news li{width:100%;font-size:14px;color:#666;line-height:22px;padding:10px 0;}
ul.news li a, ul.news li a:visited{color:#a22e2e;font-weight:bold; display:block;}
ul.news li a:hover{color:#000;text-decoration:none;}

#footer{width:100%;height:54px;border-top:solid 1px #dfdede;font-size:14px;color:#191919;}
#footer ul li{float:left;line-height:54px;margin:0;padding:0 10px 0 0;}
#footer .foot_logo{
	font-size: medium;
	color: #0F1363;
	font-weight: bold;
	padding: 0 45px 0 0;
	line-height: normal;
	float: left;
}

#white_container.inner{border-top:solid 5px #efefef;padding:40px 0 20px 0;}
#leftcol{width:660px;float:left;padding:0 40px 0 0;}
#leftcol h1{
	font-size: 24px;
	font: normal normal bolder x-large Arial, Helvetica, sans-serif;
	color: #1E497E;
	padding: 0 0 25px 0;
}
#rightcol{width:260px;float:left;}
#rightcol .common_box{width:100%;}
#rightcol h3{
	font-size: 24px;
	font: normal normal bolder x-large "Myriad Pro";
	color: #1E497E;
	padding: 0 0 0px 0;
}
#rightcol ul.news li{
	color: #191919;
}
/* =Hoverbox Code
----------------------------------------------------------------------*/

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
	display: block;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
}

.hoverbox img
{
	background: #fff;
	border-color: #aaa #ccc #ddd #bbb;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	padding: 2px;
	vertical-align: top;
	width: 230px;
	height: 112px;
}

.hoverbox li
{
	list-style: none;
	background: #eee;
	border-color: #ddd #bbb #aaa #ccc;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	display: block;
	float: left;
	margin: 3px 1em 1em 3px;
	padding: 0px;
	position: relative;
}

.hoverbox .preview
{
	border-color: #000;
	width: 320px;
	height: 200px;
}
/* =Internet Explorer Fixes
----------------------------------------------------------------------*/

.hoverbox a
{
	position: relative;
}

.hoverbox a:hover
{
	display: block;
	font-size: 100%;
	z-index: 1;
}

.hoverbox a:hover .preview
{
	top: -38px;
	left: -50px;
}

.hoverbox li
{
	position: static;
}
/* Basic jQuery Slider essential styles
---------------------------------------------------------------------- */

ul.bjqs{
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	display: none;
	width: 283;
}
li.bjqs-slide{display:none;position:absolute;}

ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}

ol.bjqs-markers{list-style:none;margin:0;padding:0;z-index:9999;}
ol.bjqs-markers li{float:left;}

p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

/* demo styles */

body{
	font-family: Arial, Helvetica, sans-serif;
}

#containerslider{
	width: auto;
	padding: 100px 0;
	margin: 0 auto;
	overflow: hidden;
}

#banner {
	height: 150;
	width: 283;
	margin: 0 auto;
	position: relative;
	background: #FFFFFF;
}

 ul.bjqs-controls li a{
	font: normal normal bold 100% serif;
	display: block;
	padding: 5px 10px;
	position: absolute;
	color: #333366;
	text-decoration: none;
	text-transform: uppercase;
}

a.bjqs-prev{
  left:0;
}

a.bjqs-next{
  right:0;
}

 p.bjqs-caption{
	font: normal normal bold small Arial, Helvetica, sans-serif;
	background: rgba(51, 51, 102, 0.7);
	color: #FFFFFF;
	text-align: center;
}

 ol.bjqs-markers{
  position:absolute;
  bottom:-50px;
}

 ol.bjqs-markers li{
  float:left;
  margin:0 3px;
}

 ol.bjqs-markers li a{
	display: block;
	height: 10px;
	width: 10px;
	border: 4px solid #fff;
	overflow: hidden;
	text-indent: -9999px;
	background: rgba(0,0,0,0.5);
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

ol.bjqs-markers li.active-marker a{
	background: #A22E2E;
}

