/* 
   CSS Layout Styles 
*/

body{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:22px;background: url('../images/shortBG.jpg') repeat-x top;}
div{position:relative;}
ul{}
ul li{}
img{}
.floatLeft{float:left;}
.clear{clear:both;}
.nopad{padding:0 !important;}
.nospace{margin:0 !important;padding:0 !important;}

/*---element and divider styling*/
	.element{padding-top:45px;}	
	
	/*blockquote*/
	blockquote {margin: 15px 15px 0 30px;padding-right: 15px;background: url('../images/closeQuote.jpg') no-repeat bottom right;}
	blockquote p {background: url('../images/openQuote.jpg') no-repeat top left;padding-left: 30px;}
	
	/*table styling*/
	thead th {background-color:#322417;border-bottom:1px solid #e7e1ed;color:#e7e1ed;}
	table th, table td {padding:6px 10px;text-align:left;vertical-align:top;border-bottom:1px solid #e7e1ed;}
	tr.accentRecord{background:#7f756b;border-bottom:1px solid #e7e1ed;color:#e7e1ed;}
	tr:hover td {background:#fa681f;color:#fff;}
	
	/*dividers*/
	.blockDividerWide{display:block;width:570px;height:6px;background:url('../images/blockDividerWide.jpg') no-repeat;clear:both;margin: 35px 0;}
	.footerDivider{display:block;height:2px;background:url('../images/footerDivider.jpg') repeat-x;clear:both;margin:30px 0 20px 0;}
	.separator{border-bottom:1px solid #7f756b;margin-bottom:5px;padding-bottom:3px;}
	
	/*messages*/
	.infoMessage{display:block;min-height:30px;padding-left:15px;padding-top:12px;width:450px;color:#fff;font-size:16px;margin-bottom:5px;border-left:5px solid #2c1c10;}
	.infoMessage span{font-weight:bold;}
	.infoMessage.error{background:#bf2b33;border-left:5px solid #fff;}	
	.warning{background:#f15a22;border-left:5px solid #fff;}	
	.message{background:#30BCFA;border-left:5px solid #fff;}

	
	/*input styling*/
	label{padding-bottom:5px;display:block;color:#fff;}
	input{border:none;padding:0;margin:0;}
	.input{padding:10px;background:#fff;display:block;color:#7f756b;width:218px;border:1px solid #fff;float:left;}
	.submit{width:80px;height:37px;background: #fa681f;padding:40px 0 0;overflow:hidden;cursor:pointer;border:none;float:left;}
	textarea{background:#000;color:#fff;border:none;padding:7px;width:590px;border:1px solid #222;}
	fieldset{border:none;padding:0;margin:0;}
	input.inputError{}	/*for form validation*/
	label.inputError{float:none;margin:0 !important;padding:0 !important;border:none;}

/* general */
#page{}
#homePage{background: url('../images/bg.jpg') repeat-x;}

#wrapper{width:960px;margin:0 auto;background:url('../images/bodyCenterBG.jpg') no-repeat;background-position:80px 535px;}
#blogPage #wrapper{background-position:80px 335px;}
#map{display:block;width:550px;float:left;padding:5px;margin:0 10px 10px 0;}
#media-player{display:block;width:560px;float:left;padding:5px;margin:0 10px 10px 0;}

/* header */
#header{min-height:150px;}
.logo {float:left;}
.logo a{display:block;width:332px;height:58px;background:url('../images/logo.jpg') no-repeat;margin-top:40px;}
.logo a span{margin-left:-9999px;}

#topNav{float:right;height:44px;}
#topNav li{display:block;float:left;margin-right:10px;font-size:11px;}
#topNav li a{display:block;float:left;height:44px;line-height:50px;padding: 0 10px;}
#topNav li.active{color:#fff;background:url('../images/topNavRightDoor.jpg') top right no-repeat;}
#topNav li.active a {display:block;background:url('../images/topNavLeftDoor.jpg') top left no-repeat;color:#fff;}

/* main navigation */
#navigation{clear:both;height:47px;margin-bottom:30px;}
#navigation li{display:block;float:left;}
#navigation li.first a{}
#navigation li a{float:left;color:#fff;padding:14px 30px;margin-right:1px;font-size:13px;line-height:21px;}
#homePage #navigation{margin-bottom:0;}

/* accent pannel */
#accentPannel{min-height:264px;clear:both;background:url('../images/accentPannelGlow.jpg') no-repeat center top;margin-bottom:70px;}
#accentPannel #leftPannel{width:570px;float:left;margin-right:30px;color:#f0eee1;padding-top:10px;}
#accentPannel #rightPannel{width:360px;float:left;}

/*slider*/
#slider {width: 960px;position: relative;color:#f0eee1;padding-top:10px;}
#slider p.title{font-size:28px;line-height:36px;font-weight:normal;padding-top:15px;}
#slider p{font-size:24px;line-height:28px;font-weight:normal;padding:0;}
#slider .viewVideo{float:right;}
#slider .leftCol{width:570px;float:left;margin-right:30px;}
#slider .rightCol{width:360px;float:left;}
.scroll {height: 264px;width: 960px;overflow: hidden;position: relative;clear: left;}
.scrollContainer div.panel {height: 264px;width: 960px;}
.navShadow{display:block;width:960px;background:url('../images/accentPannelShadow.png') bottom no-repeat;height:11px;position:absolute;bottom:-4px;z-index:0;}/* change z-index to 20 if you want the shadow under the tab*/
ul.navigation {list-style: none;margin: 0;padding: 0;position:absolute;bottom:-48px;z-index:20;clear:both;}
ul.navigation li {display: inline;margin-right: 10px;}
ul.navigation a {text-decoration: none;width:170px;height:59px;float:left;text-align:center;line-height:65px;font-size:14px;font-weight:bold;}
ul.navigation a:hover {display:block;background:url('../images/accentPannelTab.jpg') bottom center no-repeat;}
ul.navigation a.selected {display:block;background:url('../images/accentPannelTab.jpg') bottom center no-repeat;}
ul.navigation a:focus {outline: none;}
.hide {display: none;}
#slider .accentImagePane{width:380px;height:228px;background:url('../images/accentPannelImageBG.jpg') no-repeat center top;position:absolute;top:5px;left:-20px;}
#slider .accentImage{display:block;width:340px;height:205px;margin:0 auto; padding-top:12px;margin-right:15px;overflow:hidden;}
.viewVideo a{display:block;width:143px;height:51px;background:url('../images/readFullStoryButton.jpg') no-repeat;}
.viewVideo span{margin-left:-9999px;}

/* body content */
#rightCol{width:570px;display:block;float:left;}
#rightCol p{font-size:14px;}
#rightCol .col1{width:250px;float:left;margin-right:40px;}
#rightCol .col2{width:280px;float:left;}
#rightCol p.title{font-size:30px;line-height:34px;padding-bottom:15px;font-weight:normal;}
#rightCol p.title span{font-weight:bold;}
#ourFriends li{border-bottom:1px solid #7f756b;margin-bottom:5px;padding-bottom:3px;}
#featuredEvent .eventImage{display:block;float:left;padding:5px;margin:0 10px 10px 0;}
#featuredEvent .big{font-size:24px;line-height:30px;font-weight:bold;}

#leftCol{display:block;width:360px;float:left;margin-right:30px;}
#leftCol .module{width:360px;background:url('../images/moduleCenterBG.jpg') repeat-y;clear:both;margin-bottom:10px;}
#leftCol .module .moduleTop{width:360px;height:11px;background:url('../images/moduleTopBG.jpg') no-repeat;}
#leftCol .module .moduleBottom{width:360px;height:13px;background:url('../images/moduleBottomBG.jpg') no-repeat;position:absolute; bottom:0;}
#leftCol .module .content{width:320px;margin:0 auto;}
#leftCol .module li{line-height:24px;border-bottom:1px solid #d1cad9;padding-bottom:5px;margin-bottom:5px;display:block;width:320px;}

#leftCol p.title{font-size:22px;padding:0 0 20px 0;}
#leftCol p.title span{font-weight:bold;}
#leftCol #searchModule{width:360px;height:127px;margin-bottom:10px;}
#leftCol #searchModule #searchForm{width:320px;margin:0 auto;}
#leftCol .content{width:320px;margin:0 auto; padding:20px 0;display:block;}
#leftCol #newsletterModule{width:360px;height:170px;}
#leftCol #newsletterModule #newsletterForm{width:320px;margin:0 auto;}
#leftCol #signupForm .submit{background:url('../images/signupButtonBG.jpg') no-repeat;}
#leftCol .signup{padding-bottom:0 !important;}
#leftCol .subtext{padding-bottom:20px;}

/* blog index styling */
.blogFeature{width:570px;margin-bottom:35px;}
.blogFeature p{}
.blogFeature .postImage{display:block;float:left;padding:5px;margin:0 10px 10px 0;}
.blogFeature .title{}
.blogFeature .title a{}
.blogFeature .title a:hover{}
.blogFeature .meta{}
.blogFeature .text{}
.blogFeature .socialIcons{}
.blogFeature .authorInfo{display:block;width:540px;padding:15px;clear:both;}
.blogFeature .authorInfo p {width:450px;display:block;float:left;padding:0;font-style:italic}
.blogFeature .authorInfo p span{}
.blogFeature .authorInfo .authorName{font-size:14px;padding-bottom:10px;font-style:normal;}
.blogFeature .authorInfo .authorName span{font-weight:bold;}
.blogFeature .authorImage{width:80px;height:80px;float:right;display:block;}
.blogFeature .date{font-weight:bold;}
.recentPosts a{}
.recentPosts a:hover{}
.recentPosts li{border-bottom:1px solid #dcd6e2;margin-bottom:5px;padding-bottom:3px;display:block;float:left;clear:both;}

/*contact form styling*/
#contactForm{margin-top:10px;border-top:1px solid #7f756b;padding-top:25px;}
#contactForm .input{width:400px;display:block;margin-bottom:10px;clear:both;border:1px solid #f0ebf4;}
#contactForm label{display:block;width:500px;clear:both;}
#contactForm label.textArea{margin-top:5px;}
#contactForm textarea{border:1px solid #7f756b;width:90%;overflow:auto;font-family:Arial;font-size:12px;line-height:18px;}
#contactForm .submit{margin-top:10px;float:right;margin-right:43px;background-image:none;background:#fa681f;color:#fff;width:95px;}
#contactForm .requiredFields{margin-top:10px;display:block;}
.emailIcon{display:block;height:32px;width:32px;float:right;padding:10px 355px 0 0;background:url('../images/emailIcon.jpg') no-repeat;margin-top:4px;}

.contactInfo .title{font-size:16px;line-height:22px;border-bottom:1px solid #7f756b;display:block;padding-bottom:5px;width:570px;}
.contactInfo .title span{font-weight:bold;}
.padTop{padding-top:10px;}

/* footer */
#footerWrapper{display:block;clear:both;min-height:340px;margin-top:50px;}
#footer{width:960px;margin:0 auto;}
#footer .col1,#footer .col2{width:270px;float:left;margin-right:30px;}
#footer .col3{width:360px;float:left;}
#footer .title{font-size:20px;line-height:22px;padding:30px 0 20px 0;}
#footer li{margin-bottom:5px;}
#footer #copyright{clear:both;padding-bottom:5px;}
#footer .logo{margin-bottom:30px;}
#footer .logo a{background:url('../images/footerLogo.jpg') no-repeat;width:305px;height:70px;margin-top:15px;}
#footer .bigTitle{font-size:24px;line-height:36px;padding:0;clear:both;}
#footer .bigTitle span{font-weight:bold;}

/* main navigation menu */
.menu {clear:both;height:47px;margin-bottom:30px; z-index:100;}
#homePage .menu{margin-bottom:0;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {padding:0;margin:0;list-style-type:none;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {display:block;float:left;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {float:left;color:#f0eee1;padding:14px 27px;margin-right:1px;font-size:13px;line-height:21px;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:46px;left:0; width:110px;}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#322417;float:left;padding:14px 30px;margin-right:1px;font-size:13px;line-height:21px;width:110px;height:auto;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {color:#f0eee1;background:url('../images/mainNavActiveBG.jpg') repeat-x 0 1px;}
.menu ul ul :hover > a {background:#322417;color:#fa681f;}
.menu :hover > a {color:#f0eee1;background:url('../images/mainNavActiveBG.jpg') repeat-x 0 1px;}


/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }