@charset "utf-8";
/* CSS Document */

body{
	background-image:url(../images/bg/top_background.jpg);
	background-repeat:repeat-x;
}
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,ul,ol,li,a{
	margin:0;
	padding:0;
	font-family: Verdana;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	outline:none;
}
.hidden{
	display:none;
}
.pointer{
	cursor:pointer;
}
.vocal-blue{
	text-decoration:none;
	color:#0066A4;
}
.vocal-blue-link{
	text-decoration:none;
	color:#0066A4;
	font-size:12px;
}
.vocal-blue-link:hover{
	text-decoration:none;
	color:#0066A4;
	font-size:12px;
}
.vocal-blue-link:visited{
	text-decoration:none;
	color:#0066A4;
	font-size:12px;
}

.footer a{
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#333;
}
.footer a:hover{
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#111;
}
.footer a:visited{
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#333;
}
.secondary-contentarea ul {
	color: #666666;
	text-align: left;
}
.secondary-contentarea li {
	line-height: 18px;
	margin-left: 45px;
	padding-left: 5px;
}
.sub-nav-text{
	text-decoration:none;
	font-family:Helvetica;
	font-size:11px;
	color:#0066A4;
	padding-right:30px;
}
.sub-nav-text:hover{
	text-decoration:none;
	font-family:Helvetica;
	font-size:11px;
	color:#0099FF;
	padding-right:30px;
}
.sub-login-text{
	text-decoration:none;
	font-family:Helvetica;
	font-size:11px;
	color:#0066A4;
}
.home-content-link{
	font-size:12px;
	color:#111;
}
.home-content-link:hover{
	font-size:12px;
	color:#09F;
}
.home-news a.home-link {
	font-family:tahoma, helvetica, verdana;
	font-size:16px;
	color:#0066A4;
	text-decoration:none;
}
.home-news a.home-link:hover {
	font-family:tahoma, helvetica, verdana;
	font-size:16px;
	color:#0066A4;
	text-decoration:none;
}
.home-news a.home-link:visited {
	font-family:tahoma, helvetica, verdana;
	font-size:16px;
	color:#0066A4;
	text-decoration:none;
}
h1{
	font-family:tahoma, helvetica, verdana;
	font-size:16px;
	color:#0066A4;
} 
h2{
	font-family:tahoma, helvetica, verdana;
	font-size:14px;
	color:#0066A4;
} 
h3{
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#006699;
} 
h4,h5,h6{
	font-size:153.9%;
	font-weight:normal;
	color:#0066A4;
}
p{
	color: #666666;
	line-height: 18px;
	font-size:12px;
}
ul.about-vocal{
	color: #333;
	text-align: left;
	font-size:12px;
}
li.about-vocal{
	line-height: 18px;
	margin-left: 20px;
	padding-left: 5px;
	font-size:12px;
}
.wrapper{
	margin:0px;
	padding:0px;
	width:960px;
	height:100%;
	margin:0 auto;
}
.container{
	text-align:left;
	width:960px;
	height:100%;
}
.header{
	width:960px;
	height:109px;
}
.header-top{
	width:960px;
	height:66px;
	float:left;
}
.logo{
	width:67px;
	height:58px;
	padding-top:4px;
	float:left;
}
.header-menu{
	width:890px;
	height:66px;
	float:left;
}
.header-bottom{
	width:960px;
	height:44px;
	float:left;
}
.sub-nav{
	width:400px;
	height:29px;
	z-index:1;
	padding-top:15px;
	float:left;
}
.login{
	width:560px;
	height:44px;
	padding-top:15px;
	text-align:right;
	float:left;
}
.LoginFormBox{
	width: 120px;
	color: #666666;
	font-size: 11px;
	height: 15px;
}
.login-btn{
	width:100px;
	height:25px;
	background-image:url(../images/login-btn.jpg);
	background-repeat:no-repeat;
	border: none;
	font-size: 11px;
	margin-top:-5px;
	padding-top:2px;
	margin-bottom: 0;
	margin-left: 0;
	vertical-align: top;
	cursor: pointer;
	background-color:#f2f2f2;
}
.join-btn{
	width:100px;
	height:25px;
	background-image:url(../images/join-btn2.png);
	background-repeat:no-repeat;
	border: none;
	font-size: 11px;
	margin-top:-5px;
	padding-top:2px;
	margin-bottom: 0;
	margin-left: 0;
	vertical-align: top;
	cursor: pointer;
	background-color:#f2f2f2;
}
.home-banner{
	width:960px;
	height:260px;
	float:left;
}
.info-bar{
	width:960px;
	height:3px;
	margin-top:2px;
	float:left;
	border-bottom:1px dotted #ccc;
	font-size:11px;
}
.home-content{
	width:720px;
	height:100%;
	float:left;
}
.home-news{
	width:210px;
	height:100%;
	float:left;
	padding:6px;
	font-size:11px;
}
.home-news h3{
	line-height:28px;
}
.home-news p{
	color:#333;
}
.home-content-about{
	width:188px;
	height:100%;
	float:left;
	padding-top:6px;
	padding-left:3px;
	padding-right:3px;
	margin-bottom:0px;
	font-size:12px;
	bottom:0px;
}
.home-content-main{
	width:700px;
	height:100%;
	float:left;
	padding:6px;
	border-right:1px #CCCCCC dotted;
	border-left:1px #CCCCCC dotted;
}
.footer_container{
	position:relative;
	bottom:0px;
	margin:0px;
	padding:0px;
	width:100%;
	height:160px;
	margin:0 auto;
	background-image:url(../images/bg/footer-bg.png);
	background-repeat:repeat-x;
}
.footer{
	text-align:center;
	position:absolute;
	width:960px;
	height:118px;
	left:50%;
	margin-left:-480px;
	padding-top:20px;
	font-size:11px;
	line-height:24px;
	color:#666;
}
.secondary-contentarea{
	width:660px;
	height:auto;
	padding-bottom:20px;
	float:left;
}
.advert-2{
	width:692px;
	height:94px;
	border:1px dotted #ccc;
	margin-top:6px;
	margin-top:10px;
	padding:3px;
}
.advert-1{
	width:176px;
	height:94px;
	border:1px dotted #ccc;
	margin-top:105px;
	padding:3px;
}

/** Styles from previous version **/

.contact-link{
	color: #666666;
	font-weight:bold;
	font-size:12px;
}
.txt-orange{
	line-height:14px;
	color: #ff6600;
	text-decoration: none;
}
.para-txt-blue{
	line-height:14px;
	color: #336699;
	text-decoration: none;
}
.small-txt{
	font-size:10px;
	line-height:14px;
	color: #666666;
	text-decoration: none;
}
.small-txt:hover{
	font-size:10px;
	line-height:14px;
	color: #333333;
	text-decoration: none;
}
.small-txt-form{
	font-size:10px;
	line-height:14px;
	text-align:left;
	padding:0 0 0 6px;
	color: #666666;
	text-decoration: none;
}
.light-blue-link-txt{
	color:#6699cc;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana;
}
.light-blue-link-txt:hover{
	color:#09F;
	text-decoration: none;
	font-size: 12px;
	font-family: verdana;
}
.blue-title-txt{
	font-family:myriad pro, arial, verdana;
	font-size:16px;
	color:#336699
}
.white-title-txt{
	font-family:myriad pro, arial, verdana;
	font-size:22px;
	color:#FFFFFF
}
.para-txt{
	color:#666666;
	line-height:18px;
	font-size: 12px;
	font-family: verdana;
}
.white-para-txt{
	color: #ffffff;
	line-height:14px;
}
.back-to-top{
	width:595px;
	vertical-align: bottom;
	background-image: url(../images/btn-back-to-top.png);
	background-repeat: no-repeat;
	padding: 0 0 20px 25px;
	margin: 30px 0 0 0px;
	float: left;
}
.right-nav-contain{
	width:283px;
	margin: 15px 0 0 15px;
	padding-bottom:20px;
	float: left;
}
.right-nav-top{
	width:255px;
	height:27px;
	background-image:url(../images/side-nav/top.png);
	background-repeat:no-repeat;
	padding: 18px 0 0 28px;
}
.right-nav-on{
	width:215px;
	height:35px;
	background-image:url(../images/side-nav/on.png);
	background-repeat:no-repeat;
	padding: 10px 20px 0 50px;
}
.right-nav-off{
	width:215px;
	height:35px;
	background-image:url(../images/side-nav/off.png);
	background-repeat:no-repeat;
	padding: 10px 20px 0 50px;
}
.right-nav-on-1line{
	width:215px;
	height:29px;
	background-image:url(../images/side-nav/on.png);
	background-repeat:no-repeat;
	padding: 16px 20px 0 50px;
}
.right-nav-off-1line{
	width:215px;
	height:29px;
	background-image:url(../images/side-nav/off.png);
	background-repeat:no-repeat;
	padding: 16px 20px 0 50px;
}
.right-archive{
	width:233px;
	height:23px;
	background-image:url(../images/side-nav/archive_bg.png);
	background-repeat:no-repeat;
	padding: 10px 0 0 50px;
}
.right-archive-header{
	width:255px;
	height:23px;
	background-image:url(../images/side-nav/archive_header_bg.png);
	background-repeat:repeat-y;
	padding: 18px 0 4px 28px;
}
.right-nav-sub{
	width:215px;
	height:35px;
	background-image:url(../images/side-nav/sub.png);
	background-repeat:no-repeat;
	padding: 7px 0 0 68px;
}
.right-nav-sub-on{
	width:215px;
	height:35px;
	background-image:url(../images/side-nav/subon.png);
	background-repeat:no-repeat;
	padding: 7px 0 0 68px;
}
.right-nav-sub-1line{
	width:215px;
	height:23px;
	background-image:url(../images/side-nav/sub.png);
	background-repeat:no-repeat;
	padding: 16px 0 0 68px;
}
.right-nav-sub-on-1line{
	width:215px;
	height:23px;
	background-image:url(../images/side-nav/subon.png);
	background-repeat:no-repeat;
	padding: 16px 0 0 68px;
}
.right-nav-bottom{
	width:283px;
	height:30px;
	background-image:url(../images/side-nav/bottom.png);
	background-repeat:no-repeat;
}
.dark-blue-link-txt {
	color:#336699;
	text-decoration: none;
}
.banner-holder{
	width:652px;
	height:195px;
	padding: 15px 0 0 0;
}
.bread-crumb{
	width:620px;
}
.promo-holder{
	width:278px;
	height:30px;
	float:left;
	margin: 6px 0 0 340px;
}
.mailing-list{
	width:200px;
	padding: 15px 0 0 20px;
	display:none;
	background-color:#f2f2f2;
	z-index:1;
}
.signup-btn{
	cursor:pointer;
}
.mail-bar-input{
	width:205px;
	height:25px;
	background-image:url(../images/search-bar.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#f2f2f2;
	vertical-align: middle;
	padding: 12px 0 0 5px;
	font-size: 11px;
	color:#999999;
	margin: 0 0 0 0;
	border: solid 0px #f2f2f2;
}
.join-btn{
	width:61px;
	height:25px;
	background-image:url(../images/join-btn.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	vertical-align: middle;
	border: solid 0px #f2f2f2;
	color: #ffffff;
	font-size:11px;
}
.search-bar-input{
	width:218px;
	height:24px;
	background-image:url(../images/search-bar.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	background-color:#f2f2f2;
	vertical-align: middle;
	padding: 9px 0 0 5px;
	font-size: 11px;
	color:#999999;
	margin: 0 0 0 0;
	border: solid 0px #f2f2f2;
}
.search-btn{
	width:31px;
	height:25px;
	background-image:url(../images/search-btn.jpg);
	background-repeat:no-repeat;
	cursor: pointer;
	vertical-align: middle;
	border: solid 0px #f2f2f2;
}

/** Panels CSS **/

.search-panel{
	position:absolute;
	height:0px;
	width:300px;
	margin-top:-1px;
	padding-left:8px;
	background:#f2f2f2;
	float:left;
	z-index:2;
	overflow:hidden;
}
.search-panel-close{
	font-size:11px;
	font-family:Helvetica;
	color:#666;
	cursor:pointer;
}

.login-panel{
	position:absolute;
	margin-left:480px;
	height:0px;
	width:470px;
	margin-top:-1px;
	padding-left:11px;
	background:#f2f2f2;
	float:left;
	z-index:2;
	overflow:hidden;
	color:#666;
	font-family:Helvetica;
	font-size:11px;
}
.login-panel-text{
	color:#666;
	font-family:Helvetica;
	font-size:11px;
}
.login-panel-close{
	font-size:11px;
	font-family:Helvetica;
	color:#666;
	text-align:right;
	cursor:pointer;
}

/** Accordion **/

.accordion {
	width: 700px;
}
.accordion h2 {
	background: #f2f2f2 url(../images/arrow-square.gif) no-repeat right -51px;
	padding: 7px 15px;
	margin: 0;
	font-family:tahoma, helvetica, verdana;
	font-size:16px;
	color:#0066A4;
	border-bottom: none;
	cursor: pointer;
	border-bottom:1px #CCCCCC dotted;
	border-left:1px #CCCCCC dotted;
	border-right:1px #CCCCCC dotted;
	margin-bottom:1px;
}
.accordion h2:hover {
	background-color: #f2f2f2;
}
.accordion h2.active {
	background-position: right 5px;
}
.accordion p {
	background: #ffffff;
	color:#333;
	margin: 0;
	padding: 10px 15px 20px;
}
.accordion a {
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#0066A4;
}
.accordion a:hover {
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#0066A4;
}
.accordion a:visited {
	font-family:tahoma, helvetica, verdana;
	font-size:12px;
	color:#0066A4;
}

/** Drop Down Menu **/

/* 
	LEVEL ONE
*/
ul.dropdown                         { position: relative; list-style: none; padding:0px; margin:0px; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 148px; visibility: hidden; position: absolute; top: 100%; left: 0; color: #0066a4; list-style: none; z-index:1 }
ul.dropdown ul li 					{ font-weight: normal; background: #ffffff; color: #0066a4; 
									  border-bottom: 1px dotted #333; border-left: 1px dotted #333; border-right: 1px dotted #333; float: none; font-family:helvetica; font-size:11px; padding-left:5px; padding-top:4px; padding-bottom:4px; padding-right:5px; width: 136px; z-index:1 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color:#0066A4; font-size:11px; font-family:helvetica; z-index:1 }
ul.dropdown ul li:hover				{ background-color:#0066A4; z-index:1}
ul.dropdown ul li:hover a			{ border-right: none; width: 100%; display: inline-block; color:#FFF; font-size:11px; font-family:helvetica; z-index:1 }

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

/** Contact Form **/

.contact-form-top {
	z-index:0;
	width:600px;
	height:35px;
	margin-top:20px;
	padding:10px;
	border:1px dotted #CCC;
}
.contact-form-top option {
	color:#0066A4;
}
.contact-form-top select {
	color:#0066A4;
}
.contact-form-right-text {
	position:absolute;
	z-index:1;
	width:428px;
	height:46px;
	background:#fafafa;
	margin-left:170px;
	margin-top:-44px;
	padding-left:10px;
	padding-top:5px;
	font-family:helvetica, tahoma;
	font-size:11px;
	color:#999999;
}