/*****************************************************************************
//-> CORE ELEMENTS
*****************************************************************************/
html, body {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0; }

body {
	font-size: 14px;
	color: #666;
	background-image: url(/images/body-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	overflow-x:hidden;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

body.inner {
	background-image: url(/images/body-bg2.jpg); }

#wrapper {
	position: relative;
	margin: 0 auto;
	/*min-height: 100%;*/
	width: 960px;
	text-align: center;
	background: url(/images/wrapper-bg.jpg) no-repeat left bottom; }

#wrapper.inner {
	background:transparent url(/images/wrapper-bg2.jpg) no-repeat left bottom; }

	/*.msie6 #wrapper { height: 100%; }*/

/*****************************************************************************
//-> GENERAL ELEMENTS
*****************************************************************************/
strong { font-weight: bold; }

h1, h2, h3 {
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: bold; }

h2 {
	font-size: 25px;
	font-weight: normal;
	line-height: 16px; }

h3 {
	font-size: 14px;
	font-weight: normal; }

h4 {
	font-size: 16px;
	font-weight: bold; }

h1 a, h2 a, h3 a {
	color: #666;
	font-style: normal;
	font-weight: normal;
	text-decoration: none; }

h1 a:hover, h2 a:hover, h3 a:hover { text-decoration: underline; }

a {
	color: #595959;
	font-weight: normal;
	text-decoration: none; }

	a:hover {
		color: #595959;
		text-decoration: none; }

script {
	visibility: hidden;
	overflow: hidden;
	display: none;
	width: 0;
	height: 0;
	outline: none; }

object, a, a:focus { outline: none; }

object {
	margin: 0;
	padding: 0; }

* :focus{outline:none;}

abbr{text-decoration:underline;}

/*****************************************************************************
//-> PAGE ELEMENTS
*****************************************************************************/
#header {
	position: relative;
	width: 740px;
	height: 25px;
	background: url(/images/logo.jpg) no-repeat left top;
	z-index: 20; }


	#header img.innerImg {
		position:absolute;
		top:80px;
		z-index:-1;}

	#header a#logo {
		position: absolute;
		top:0;
		width: 195px;
		height: 110px; }

	#header ul#menu-top{
		position:absolute;
		top:0;
		color:#999;
		z-index: 20;}

	.msie6 #header ul#menu-top,
	.msie7 #header ul#menu-top{
		position:relative;
		top:-85px; }

	#header ul#menu-top a{
		color:#999;
		font-size: 14px; }

	#header ul#menu-top a:hover{
		text-decoration:underline; }

		#header ul#menu-top li {
			height: 25px;
			line-height: 25px;
			display: inline-block; }

		#header ul#menu-top li.topsep {
			margin: 0;
			padding: 0 5px;
			width: 5px;
			background-image: none; }

	#header div#menu-holder{
		position:absolute;
		bottom:0;
	width: 740px;
		z-index: 200000;}

	#header ul#menu{
		color:#999;
		z-index: 200000;}

	.msie6 #header ul#menu,
	.msie7 #header ul#menu{
		overflow:visible;
		bottom:0px; }

	#header ul#menu li {
		height: 25px;
		line-height: 25px;
		display:inline-block;
		text-align: center;
		color: #FFF;
		font-family:Arial, Helvetica, sans-serif;
		background-image: url(/images/menu_btn.jpg);
		background-position: 0 50px; }

	.msie6 #header ul#menu li {
		white-space: nowrap;
		width:1%; }

		#header ul#menu li:hover,
		#header ul#menu li.selected{
			color: #FFF;
			font-size: 14px;
			background-position: 0 25px; }

		#header ul#menu li.selected a{
			color: #000; }

		#header ul#menu li a {
			display: block;
			padding:0 15px;
			height: 25px;
			line-height: 25px;
			color: #333;
			font-weight:bold;
			font-size: 13px;
			text-decoration: none; }

			#header ul#menu li a:hover { color: #FFF; }

		#header ul#menu li.sep {
			margin: 0;
			padding: 0;
			white-space: nowrap;
			width: 11px;
			background-image: none;
			border-bottom:0px none; }

#slider {
	position: relative;
	width: 960px;
	height: 195px;
	overflow: hidden;
	background: url(/images/slide-bg.png) no-repeat center;
	z-index: 0; }

#main {
	position: relative;
	width: 930px;
	min-height:148px;
	padding:10px 15px 0 15px;
	z-index: 0; }

#main.inner {
	width: 945px;
	margin-top:64px;
	background:transparent url(/images/main-bg.gif) repeat-y scroll 0 0px; }

#main div.floating_content{
	position: relative;
	width: 190px; }

#col_a,
#col_b,
#col_c,
#col_d{
	position: relative;
	width: 540px;
	z-index: 20; }

#col_b{
	position: relative;
	width: 390px;
	z-index: 20; }

#col_a ul#bullets{
	margin-top:10px;  }

	#col_a ul#bullets li{
		margin-bottom:4px;
		font-size:16px;
		letter-spacing:-0.5px;
		list-style-position:outside;
		list-style-type:none;
		font-weight:normal;
		background:transparent url(/images/bullet-bg.gif) no-repeat scroll 0 7px; }

		#col_a ul#bullets li.l2{ background-position:25px 7px; }
		#col_a ul#bullets li.l3{ background-position:45px 7px; }
		#col_a ul#bullets li.l4{ background-position:65px 7px; }

#col_a img.hp-img{
	margin-top:30px;}

#col_b div#hp-text{
	position: relative;
	margin-top:50px;
	z-index: 20; }

#col_c{
	position: relative;
	width: 189px;
	z-index: 20; }

#col_c ul li{
	width: 189px;
	height:30px;
	line-height:30px;
	overflow:hidden;
	font-size:12px;
	margin-bottom:1px;
	background:#e7e7e7; }

#col_c ul li.selected,
#col_c ul li.selected a{
	font-weight:bold;
	background:#d7d7d7; }

#col_c ul li a{
	width: 176px;
	height:30px;
	display:block; }

#col_c ul li a:hover{
	background:#d7d7d7; }

#col_d{
	position: relative;
	width: 730px;
	z-index: 20; }

	#col_d a {
		color: #F07122;
		font-weight: normal;
		text-decoration: underline; }

		#col_d a:hover {
			color: #595959;
			text-decoration: none; }

#FooterTop {
	margin: 0 auto;
	padding: 0;
	font-size: 110px;
	line-height: 110px;
	height: 110px;
	width: 100%; }

#Footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 55px;
	margin: -55px 0;
	text-align: center; }

.mac.opera10 #Footer { bottom: -22px; }

#links {
	position: relative;
	margin: 0 auto;
	padding:0 15px;
	width: 930px;
	height: 55px;
	line-height: 55px;
	text-align: center; }

#Footer a {
	color: #999;
	font-weight: normal;
	text-decoration: none; }

	#Footer a:hover { text-decoration: underline; }

/*****************************************************************************
//-> CONTACT FORM
*****************************************************************************/
div.contact-form { width: 520px; }

.contact-form label {
	position:relative;
	display: inline-block;
	padding-right:5px;
	float: left;
	width: 150px;
	top:10px; }

	.contact-form label.sm {
		float: none;
		height: auto;
		line-height: normal;
		width: auto; }

.contact-form input, textarea, select {
	font-family: Georgia, "Times New Roman", Times, serif;
	width: 350px;
	margin: 0;
	padding: 5px;
	color: #666;
	background: #f5f5f5;
	border-color: #E9E9E9 #ccc #ccc #E9E9E9;
	border-style: solid;
	border-width: 1px;
	margin: 5px 0; }

textarea{
	height:120px;
	overflow:auto; }

.contact-form input:focus, textarea:focus, select:focus {
	border-color: #E9E9E9 #ccc #ccc #E9E9E9;
	border-style: solid;
	border-width: 1px;
	background-color: #fff;
	color: #333; }

.contact-form input.submit {
	width: 90px;
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	cursor: pointer;
	border: 0px none;
	background-image: url(/images/submit.gif);
	background-position: 0 -25px;
	background-color: transparent;
	color: #333; }

	.contact-form input.submit:hover {
		background-image: url(/images/submit.gif);
		background-position: 0 0;
		color: #000;}


.msie .contact-form input.submit,
.safari .contact-form input.submit,
.chrome .contact-form input.submit { line-height: 16px; }

.contact-form input[type="submit"][disabled] { background: #888; }

.contact-form input#verify { width: 30px; }

.contact-form span.required {
	position:absolute;
	font-size: 13px;
	color: #ff0000;
	top:3px;
	left:-10px; }

.contact-form span.mandatory {
	font-size: 13px;
	color: #ff0000; }

#message {
	margin: 10px 0;
	padding: 0; }

.error_message {
	display: block;
	height: 22px;
	line-height: 22px;
	background: #FBE3E4 url('/images/error.gif') no-repeat 10px center;
	padding: 3px 10px 3px 35px;
	color: #8a1f11;
	border: 1px solid #FBC2C4; }

.loader { padding: 0 10px; }

.contact-form #success_page h1 {
	background: url('/images/success.gif') left no-repeat;
	padding-left: 22px; }

.contact-form input.clear {
	background: none;
	border: 0px none;
	padding: 0;
	margin: 0;
	width: auto; }

/*****************************************************************************
//-> MODULES
*****************************************************************************/
.event{
	position: relative;
	padding-bottom:10px;
	margin-bottom:10px;
	z-index: 20; }

.event:after{
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both; }

	.event span.date{
		display:block;
		font-size:0.9em;
		color:#3C3C3C;
		font-weight:bold;
		text-decoration:none;
		font-style:italic;
	}
	.event h3{
		color:#F36E1F;
		font-weight:bold;
		text-decoration:none;
		font-size:1.0em;
		line-height:1.5em;
	}
	.event img{
		/*width:100px;
		height:100px;*/
		border:1px solid #ccc;
	}
	.event a.read-more{
		color:#F36E1F;
		font-size:0.9em;
		text-decoration:none;
	}
	.event a.read-more:hover{
		text-decoration:underline;
	}

.faq{
	position: relative;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
	z-index: 20; }

	.faq h3{
		color:#F36E1F;
		font-weight:bold;
		text-decoration:none;
		font-size:1.25em;
		line-height:1.5em;
	}
	.faq a{
		text-decoration:underline;
	}
	.faq a.read-more:hover{
		text-decoration:none;
	}
	.faq span.q,
	.faq h3 span.q,
	.faq span.a{
		display:inline;
		font-size:16px;
		line-height:16px;
		color:#000;
		font-weight:bold;
		text-decoration:none;
	}
a.download,
a.download2{
	font-weight:bold;
	background:transparent url(/images/page_white_put.png) no-repeat 0px 0px; }

a.download2 {
	background:transparent url(/images/page_white_put.png) no-repeat 100% 0px; }

a.download:hover,
a.download2:hover{
	color:#000; }


/*****************************************************************************
//-> BREADCRUMBS
*****************************************************************************/
#Breadcrumbs ul {
	position: relative;
	margin-bottom: 5px; }

	#Breadcrumbs ul li {
		width: auto;
		display: inline; }

		#Breadcrumbs ul li a {
			text-decoration: underline;
			font-size: 11px; }

			#Breadcrumbs ul li a:hover {
				background-color: #FA7F21;
				color: #FFF;
				text-decoration: none; }

/*****************************************************************************
//-> SLIDE MENU
*****************************************************************************/
.jqueryslidemenu{
width: 100%;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/

.jqueryslidemenu ul li a{
display: block;
color: white;
padding:0 10px;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
.jqueryslidemenu ul ul li a{
background: #efefef; /*background of tabs (default state)*/
text-align:left;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: #333;
}

.jqueryslidemenu ul ul li a:hover{
background: #F46F22; /*tab link background during hover state*/
color: white;
}

.jqueryslidemenu ul li a:hover{
color: black;
}

/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
border-bottom: 1px solid #fff;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
font-weight:normal;
font-size:12px;

}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 8px;
left: 5px;
}

/*****************************************************************************
//-> GENERAL CLASSES
*****************************************************************************/
.clearboth {
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both; }

.clear {
	border: none;
	background: none; }

.left { float: left; }

.right { float: right; }

.Stamp {
	position: relative;
	font-size: 11px;
	top: 5px;
	margin: 0; }

.low {
	position: relative;
	top: 3px; }

.validation {
	position: relative;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	background-color: #FFC;
	color:#F00; }
.msg {
	position: relative;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #ccc;
	background-color: #FFC;
	display: none; }

	.msg strong {
		font-weight: bold;
		font-size: 14px; }

	.msg img {
		position: relative;
		top: 2px;
		display: inline; }

.lower {
	position: relative;
	top: 5px; }

.sep {
	display: block;
	height: 1px;
	line-height: 1px;
	border-bottom: 1px dotted #ccc;
	margin: 5px 0; }

.l-img {
	width:189px; }

.seperation {
	border-bottom:1px solid #efefef;
	display:block;
	height:1px;
	line-height:1px;
	margin:5px auto;
	text-align:center;
}