@import url("reset.css");

div#wrapper-1 {
	background: url("../images/body-top.png") center 0 no-repeat;
	padding: 36px 0 0 0;
	width: 100%;
}

div#wrapper-2 {
	background: url("../images/body-bottom.png") center bottom no-repeat;
	padding: 0 0 36px 0;
	width: 100%;
}

div#wrapper-3 {
	background: url("../images/body-bg.png") center 0 repeat-y;
	padding: 0;
	width: 100%;
}

div#masthead {
	height: 65px;
	margin: 0 auto;
	position: relative;
	width: 988px;
	z-index: 300;
}

	div#masthead h1 a {
		background: url("../images/logo-new.png") 0 0 no-repeat;
		bottom: 20px;
		display: block;
		float: left;
		height: 96px;
		left: 3px;
		position: relative;
		/*margin: 0 7px 0 5px;*/
		text-indent: -999999px;
		width: 322px;
	}
	
	div#masthead h2 {
		/*color: #065DB2;*/
		font-size: 0.1em;
		line-height: 1px;
		/*font-weight: 100;*/
		text-indent: -999999px;
	}
	
	div#masthead ul {
		/*bottom: 10px;
		left: 105px;
		position: absolute;*/
		float: right;
		margin-right: 10px;
		z-index: 300;
	}
	
		div#masthead ul li {
			display: inline;
			position: relative;
		}
		
			div#masthead ul li span.nav-parent {
				cursor: default;
			}
			
			div#masthead ul li span.nav-parent,
			div#masthead ul li a,
			div#masthead ul li a:link,
			div#masthead ul li a:visited {
				color: #065DB2;
				font-family: Arial Black;
				font-size: 1.3em;
				padding: 0 5px;
				text-decoration: none;
			}
	
			div#masthead ul li a:hover,
			div#masthead ul li a:active {
				color: #C31014;
			}
	
			div#masthead ul li span.nav-divider {
				color: #065DB2;
				font-size: 1.4em;
			}
			
				div#masthead ul li ul {
					display: block;
					height: auto;
					left: -5px;
					position: absolute;
					top: 10px;
					visibility: hidden;
					width: 175px;
					z-index: 300;
				}
				
					div#masthead ul li ul li {
						display: block;
						height: 25px;
						position: relative;
						z-index: 300;
					}
					
					div#masthead ul li ul li.first-drop {
						padding: 3px 0 0 0;
					}
					
					div#masthead ul li ul li.last-drop {
						background: transparent url("../images/drop-bottom.png") center bottom no-repeat;
						padding: 0 0 12px 0;
					}
					
						div#masthead ul li ul li a,
						div#masthead ul li ul li a:link,
						div#masthead ul li ul li a:visited {
							background: transparent url("../images/drop-bg.png") 0 0 repeat;
							display: block;
							font-family: Arial, Helvetica, sans-serif !important;
							font-weight: 100;
							height: 15px;
							padding: 5px 0 5px 10px;
							position: relative;
							width: 165px;
							z-index: 300;
						}

						div#masthead ul li ul li a:hover,
						div#masthead ul li ul li a:active {
							background-color: #333;
							color: #900;
							text-decoration: underline;
						}

				div#masthead ul li:hover ul {
					visibility: visible;
					z-index: 300;
				}
			
div#banner {
	clear: both;
	margin: 15px auto;
	position: relative;
	width: 981px;
	z-index: 100;
}

	div#banner object {
		position: relative;
		z-index: 100;
	}
	
div.content {
	clear: both;
	margin: 0 auto;
	width: 981px;
}

	div.content div.inside-banner {
		display: block;
		height: 200px;
		margin-bottom: 20px;
		padding-left: 390px;
		padding-right: 10px;
		text-align: justify;
		width: 580px;
	}

		div.content div.inside-banner h4 {
			padding-top: 3px;
		}
		
		div.content div.inside-banner p {
			letter-spacing: normal;
		}

	div.content h3, div.content h4 {
		color: #065DB2;
		margin: 0;
		padding: 10px 0 15px 0;
	}
	
	div.content h3 {
		font-size: 1.6em;
		padding-bottom: 5px;
	}
	
	div.content h4 {
		font-size: 1.3em;
	}
	
	div.content ul {
		margin-left: 40px;
	}
	
		div.content ul li {
			margin-bottom: 10px;
		}

	div#l-col {
		border-right: 1px solid #999;
		float: left;
		padding-right: 15px;
		width: 465px;
	}

	div#r-col {
		/*border-left: 1px solid #999;*/
		float: left;
		margin: 0 0 0 15px;
		/*padding-left: 15px;*/
		width: 460px;
	}
	
		div.content-box {
			height: auto;
			margin: 0 0 15px 0;
			width: 465px;
		}
		
			div.content-box img {
				float: left;
				margin: 0 10px 0 0;
			}
			
			div.content-box h3 {
				margin-top: 0;
				padding-top: 0;
			}
		
			div.content-box p {
				padding-bottom: 15px;
				text-align: justify;
			}
			
			div.content-box div#slider {
				position: relative;
				width: 100%;
				z-index: 200;
			}
			
			div.content-box div#slider span {
				background: transparent url("../images/slider-btn.png") 0 0 no-repeat;
				color: #FFF;
				cursor: pointer;
				display: inline-block;
				font-weight: 900;
				height: 21px;
				margin-right: 12px;
				padding: 7px 0 0 0;
				text-align: center;
				width: 105px;
			}
			
			div.content-box div#slider-wrapper {
				border: 2px solid #CCC;
				bottom: 2px;
				position: relative;
				z-index: 100;
			}
			
			div.content-box div#slider span.slider-selected {
				background: transparent url("../images/slider-active.png") 0 0 no-repeat;
				color: #000;
			}
			
			div.content-box div#slides div {
				margin: 0 auto;
				width: 460px;
			}
			
			div.content-box span.slider-prev, span.slider-next {
				cursor: pointer;
			}
			
			span.slider-last {
				margin-right: 0 !important;
			}
			
	a.learn-btn {
		background: transparent url("../images/learn-btn.png")  0 0 no-repeat;
		display: block;
		float: right;
		height: 39px;
		text-indent: -999999px;
		width: 120px;
	}
			
div#footer {
	margin: 0 auto;
	padding: 15px 0;
	width: 988px;
}

	div#footer ul {
		text-align: center;
	}
	
		div#footer ul li {
			display: inline;
		}
		
			div#footer ul li a,
			div#footer ul li a:link,
			div#footer ul li a:visited {
				color: #065DB2;
				font-size: 1.3em;
				padding: 5px;
				text-decoration: none;
			}
			
			div#footer ul li a:hover,
			div#footer ul li a:active {
				color: #900;
			}
			
			div#footer ul li span.nav-divider {
				bottom: 2px;
				position: relative;
			}
			
	div#footer p#copyright {
		color: #666;
		font-size: 1.2em;
		margin: 15px 0 0 0;
		text-align: center;
	}
	
#featured {  
	width: 260px;  
	padding-right: 225px;  
	position: relative;  
	height: 248px;  
	background: #FFF;  
}

#featured ul.ui-tabs-nav {
	position: absolute;
	top: 0; 
	left: 260px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 225px;
}

#featured ul.ui-tabs-nav li {
	padding: 1px 0;
	padding-left: 13px;
	font-size: 12px;
	color: #666;
	margin: 0;
}

#featured ul.ui-tabs-nav li span {
	font-size: 11px;
	font-family: Verdana;
	line-height: 18px;
	padding: 0 3px 0 0;
}

#featured .ui-tabs-panel {
	width: 260px;
	height: 248px;
	background: #999;
	position: relative;
    overflow: hidden;
}

#featured .ui-tabs-hide {
	display: none;
}

#featured li.ui-tabs-nav-item a { /*On Hover Style*/
	display: block;
	height: 60px;
	color: #333;
	background: #FFF;
	line-height: 20px;
	outline: none;
	text-decoration: none
}

#featured li.ui-tabs-nav-item a:hover {
	background: #F2F2F2;
}

#featured li.ui-tabs-selected { /*Selected tab style*/
	background: url('../images/selected-item.gif') top left no-repeat;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a {
	background: #CCC;
}

#featured ul.ui-tabs-nav li img {
	float: left;
	margin: 2px 5px;
	background: #FFF;
	padding: 2px 0;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}

#featured .ui-tabs-panel .info {
	position: absolute;
	top: 170px;
	left: 0;
	height: 80px;
	width: 260px;
	background: url('../images/transparent-bg.png');
}

#featured .info h2 {
	font-size: 18px;
	font-family: Georgia, serif;
	color: #FFF;
	padding: 5px;
	margin: 0;
	overflow: hidden;
}

#featured .info p {
	padding: 0 5px;
	font-family: Verdana;
	font-size: 11px;
	line-height: 15px;
	color:#F0F0F0;
}

#featured .info a {
	text-decoration: none;
	color: #FFF;
}

#featured .info a:hover {
	text-decoration: underline;
}