/* CSS Document */

html, body {
    height: 100%;
}
	
body {
	  padding: 0;
	  margin: 0;
	  
	  font-family: Verdana, Arial, Helvetica, sans-serif;
	  
	}
	
a 
{
	font-weight: bold;
	color: #023f79;
	text-decoration: none;	
}

a:hover 
{
	text-decoration: none;
	border-bottom: 1px dotted #adadad;
}

p 
{
	font-size: 12px;
}
	
#main-bg 
{
	background: #ffffff url(/images/main-bg.jpg) repeat-x top left;
	  width: 100%;
	  height: 100%;	
}
	
#wrapper-large 
{
	padding: 0;
	margin: 0;
	background: url(/images/bg.jpg) no-repeat center top;
	width: 100%;
	display: table;
}

.bodytext {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #666666;
		font-size: 12px;
		height: 100%;
	}

.pagetitle {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #424242;
		font-size: 18px;
		height: 100%;
		font-weight: bold;
	}

.AbtHeader {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000066;
		font-size: 12px;
		font-weight: bold;
		height: 100%;
	}
	
	h1 
	{
		font-size: 26px;
	}
	
	.heading1 
	{
		font-size: 26px;
		font-weight: bold;
	}
	
	h2 
	{
		font-size: 24px;
		color: #949494;
		font-weight: normal;
	}
	
	.heading2 
	{
		font-size: 24px;
		color: #949494;
		font-weight: normal;
	}
	
	h3 
	{
		font-size: 16px;
		color: #6f986c;
		font-weight: bold;
	}
	
	.heading3 
	{
		font-size: 16px;
		color: #6f986c;
		font-weight: bold;
	}
	
	h4 
	{
		font-size: 14px;
		color: #424242;
		font-weight: bold;
	}
	
	.heading4 
	{
		font-size: 14px;
		color: #424242;
		font-weight: bold;
	}
	
	img 
	{
		border: none;
	}
	
	.required 
	{
		color: Red!important;
		font-size: 10px!important;
		font-weight: normal!important;
	}
	
	#wrapper {
	width: 980px;
	margin: 0 auto 0 auto;
}
	
	.main-body {
		width: 940px;
		
		margin: 20px auto 0 auto;
	}
	
	.sharethis {
		width: 100px;
		height: 15px;
		float: right;
	}
	
	.printerfriendly-link 
	{
		background: url(/images/printerfriendly.jpg) no-repeat top left;
		height: 18px;
		padding-left: 35px;
		
	}
	
	.left-sidebar {
		width: 210px;
		float: left;
		border-right: 1px solid #eeeeee;
	}
	
	.right-sidebar {
		width: 220px;
		float: right;
	}
	
	#header {
		width: 980px;
		height: 180px;
		margin-bottom: 5px;
	}	
	
	.home-link {
	display: block;
	
	width: 225px;
	height: 115px;
	float: left;
	
	margin: 45px 0 0 20px;
}

a.home-link:hover 
{
	border-bottom: none;
}

.top-nav {
	text-align: right;
	width: 550px;
	float: right;
}

.top-nav ul{
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
}

.top-nav li {
	display: inline;
}

.top-nav li a {
	font-size: 10px;
	color: white;
	text-decoration: none;
	margin-left: 15px;
	font-weight: normal;
}

.top-nav li a:hover {
	border-bottom: 1px dotted #adadad;	
}

.login-box {
	width: 340px;
	height: 38px;
	padding: 0 10px 0 10px;
	
	float: right;
	
	color: white;
	font-size: 12px;
	vertical-align: middle;
	margin-top: 66px;
	margin-bottom: 50px;
}

.login a
{
	color: White;
	text-decoration: none;
	font-weight: normal;
}

.login a:hover 
{
	border-bottom: 1px dotted #adadad
}

.login {
	height: 38px;
	text-align: left;
	float: left;
	line-height: 38px;
}

.login ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.login li {
	display: inline;
	margin-right: 10px;
}

.login li a {
	color: white;
	text-decoration: none;
	font-weight: normal!important;
}

.login li a:hover {
	border-bottom: 1px dotted #adadad;
}

.follow-us {
	width: 160px;
	height: 38px;
	text-align: right;
	float: right;
	line-height: 38px;
}

.social-btn {
	margin-left: 5px;
	line-height: 38px;
	float: left;	
}

#nav-area {
	width: 900px;
	height: 50px;
	padding: 0 20px 0 20px;
	margin: 0 auto 0 auto;
	
	clear: both;
}



#main-nav {
	float: left;
	height: 50px;
		
}

#main-nav ul{
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 50px;
}

#main-nav li {
	display: inline;
}

#main-nav li a {
	font-size: 14px;
	color: white;
	text-decoration: none;
	margin-right: 30px;
	font-weight: normal;
}

#main-nav li a:hover {
	border-bottom: 1px dotted #adadad;
}

.search-area {
	width: 212px;
	height: 50px;
	float: right;
	text-align: right;
}

.search-box {
	border: none;
	background: url(/images/search_bg.jpg) no-repeat top left;
	width: 153px;
	height: 25px;
	font-size: 14px;
	color: #adadad;
	padding-left: 25px;
	padding-top: 3px;
	margin-top: 12px;
	float:left;
}

.submit-search {
	float:right; 
	margin-top: 12px;
}	

.main-content {
	width: 940px;
	min-height: 500px;
	margin: 20px auto 0 auto;
	clear: both;
	font-size: 12px;
	color: #424242;
	overflow: hidden;
}

.main-content a {
	color: #023f79;
	font-weight: bold;
	text-decoration: none;
}

.main-content a:hover {
	border-bottom: 1px dotted #adadad;
}

.content-section {
	clear: both;
	border-bottom: 1px dotted #adadad;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

.sub-content-area-wide 
{
	width: 680px; 
	padding: 0 10px 0 0; 
	float: left; 
	font-size: 12px;
	color: #424242;
}

.sub-content-area {
	width: 480px; 
	padding: 0 10px 0 10px; 
	float: left; 
	font-size: 12px;
	color: #424242;
}

.sub-content-area a {
	font-weight: bold;
	color: #023f79;
	text-decoration: none;
}

.sub-content-area-wide a {
	font-weight: bold;
	color: #023f79;
	text-decoration: none;
}

.sub-content-area a:hover {
	border-bottom: 1px dotted #adadad;
}

.sub-content-area-wide a:hover {
	border-bottom: 1px dotted #adadad;
}



.block-title {
	color: #ffffff;
	font-size: 16px;
	background: #8dc38a;
	line-height: 31px;
	padding-left: 10px;
}

.hot-block-title {
	color: #ffffff;
	font-size: 16px;
	background: #3e5b7d;
	line-height: 31px;
	padding-left: 10px;
}

.content-block {
	border: 1px solid #dedede;
	padding: 10px;
}

.content-block ul {
	margin: 0 0 0 15px;
	padding: 0;
	color: #e35848;
}

.contentblock ul li {
	margin-bottom: 10px;
}

.hot-block p {
	margin: 5px 0 5px 0;
	padding: 0;
}

.big-number {
	color: #cfcfcf;
	font-size: 28px;
	margin-right: 10px;
}

.hot-block {
	padding: 0 10px 10px 10px;
}

.hot-block a {
	font-size: 12px;
	line-height: 30px;
}

.tabbed-feature {
	width: 620px;
	float: left;
}
 
.left-block {
	float: left;
	width: 300px;
	margin-right: 20px;
}

.middle-block {
	float: left;
	width: 300px;
}

.right-block {
	float: right;
	width: 300px;
}

.content-block .sf_videoList 
{
	text-align: center;
}

.sf_postTitle a
{
	font-size: 12px;
}

h3.sf_postTitle 
{
	margin: 0!important;
	padding: 0!important;
}

.dashboard a:hover
{
	border-bottom: none!important;
}

.dashboard-button 
{
	background: #ffffff url(/images/dashboard_btn_bg.jpg) repeat-x bottom left;
	width: 50%;
	height: 60px;
	border: 1px solid #adadad;
	line-height: 60px;
	padding: 0 10px 0 10px;
}

.dashboard-button a 
{
	font-size: 14px;
	text-decoration: none;
}

.dashboard-button a:hover 
{
	border-bottom: none!important;
}

#footer {
	width: 980px;
	height: 164px;
	background: white url(/images/footer_bg.jpg) no-repeat top left;
	margin: 0 auto 20px auto;
	clear: both;
}

.footer-links {
	width: 278px;
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	float: left;
	height: 124px;
	color: white;
	font-size: 11px;
}

.footer-links ul {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
}

.footer-links li {
	line-height: 16px;
}

.footer-links li a, .footer-company-info a {
	color: white;
	text-decoration: none;
	font-weight: normal;
}	

.footer-links li a:hover, .footer-company-info a:hover {
	border-bottom: 1px dotted #adadad;
}

.links-left {
	width: 55%;
	float:left;
	
}

.links-right {
	float:right;
}

.footer-newsletter {
	width: 298px;
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	float: left;
	border-left: 1px dotted #adadad;
	border-right: 1px dotted #adadad;
	height: 124px;
	color: white;
}



.footer-newsletter a:hover
{
	border-bottom: none;
}

.footer-company-info {
	width: 278px;
	padding: 0 20px 0 20px;
	margin: 20px 0 20px 0;
	float: right;
	height: 124px;
	text-align: right;
	color: white;
	font-size: 11px;
}

.footer-company-info p, .footer-newsletter p {
	line-height: 16px;
	font-size: 11px;
}

.footer-title {
	font-size: 18px;
}

.newsletter-submit {
	font-size: 12px;
	color: #adadad;
	padding: 4px 0 4px 0;
}

.pasic-tab 
{
	width: 618px;
	height: 231px;
	background: url(/images/homepage_tabs/pasic_tab_bg.jpg) no-repeat top left;
}


.drumset-tab 
{
	width: 618px;
	height: 231px;
	
}


.pasic-tab a:hover 
{
	border-bottom: none!important;
}

.video-tab 
{
	width: 618px;
	height: 231px;
	background: #000000;
}

.video-tab a 
{
	color: #ffffff;
}

.video-tab a:hover 
{
	border-bottom: none!important;
}

.events-tab 
{
	width: 618px;
	height: 231px;
	background: url(/images/homepage_tabs/events_tab_bg.jpg) no-repeat top left;
	color: #424242;
}

.events-tab a:hover 
{
	border-bottom: none!important;
}

.members-tab 
{
	width: 618px;
	height: 231px;
	background: url(/images/homepage_tabs/members_tab_bg.jpg) no-repeat top left;
	color: #ffffff;
	font-size: 13px;
}

.members-tab a
{
	color: #ffffff;
	font-weight: bold;
}

.members-tab ul 
{
	margin: 40px 0 0 10px;
	padding: 0;
}

.members-tab ul li 
{
	padding-bottom: 20px;
}




/*********  Right Nav   *********/

.RadPanelBar RadPanelBar_  {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size: 12px!important;
		
}

.RadPanelBar .rpRootGroup {
border-style: hidden!important;
}

.rpLink, .rpSelected {
	color: #023f79!important;
	border: none!important;
	font-size: 12px!important;
	font-weight: bold;
}

.rpText {
	padding: 0!important;
}

.rpOut {
	border: none!important;
}

.rpRootGroup ul {
	border-right: 1px solid #eeeeee!important;
}

.rpRootGroup li a:hover {
	background: url(/images/menu_hover.jpg) repeat-y top right!important;
	padding: 10px 0 9px 0;
	
}

.rpRootGroup li:hover 
{
	border-bottom: none!important;
	
}

.rpRootGroup li a {
	padding: 10px 0 10px 0;
	margin: 0!important;
	
}


.rpRootGroup {
	border: none!important;	
}

.rpSelected {
	background: url(/images/menu_hover.jpg) repeat-y top right!important;
	border-top: 1px solid #eeeeee!important;
	border-bottom: 1px solid #eeeeee!important;
	padding: 10px 0 10px 0!important;
}

/********  Tabbed Feature **********/


		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			
		}
		
		

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 260px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 1px solid #adadad; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 618px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 230px;
			clear: both;
			background: #fff;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 230px;
			position: relative;
			width: 618px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			width: 640px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
			margin: 0;
			padding: 0;
		}
		
		.stripNav ul li {
			float: left;
			border-top: 1px solid #adadad;
			width: 155px;
		}
		
		.stripNav a { /* The nav links */
			font-size: 12px;
			text-align: center;
			line-height: 31px;
			background: #c6e3ff;
			color: #fff;
			text-decoration: none;
			display: block;
			
		}
		
		.stripNav li.tab1 a { background: #6e6e6e; border-left: 1px solid #adadad; border-right: 1px solid #adadad; }
		.stripNav li.tab2 a { background: #6e6e6e; border-right: 1px solid #adadad;}
		.stripNav li.tab3 a { background: #6e6e6e; border-right: 1px solid #adadad; }
		.stripNav li.tab4 a { background: #6e6e6e; border-right: 1px solid #adadad; }
		
		.stripNav li a:hover {
			background: #6e6e6e;
			border-bottom: none!important;
		}
		
		.stripNav li a.current {
			background: url(/images/tab_bg.jpg) repeat-x top left;
			color: #003d78;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			display: none;
		}
		
.tabs-pasic-buttons a:hover {
	border-bottom: none!important;
	
}
		
		
/******* Accordian Styles *******/

.applemenu{
margin: 20px 0;
padding: 0;
width: 300px; /*width of menu*/
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}

.applemenu div.silverheader a{
background: #eeeeee;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
color: #666666;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 10px;
padding-left: 8px;
text-decoration: none;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}


.applemenu div.silverheader a:active
{
	background: #8dc38a;
color: white;
}


.applemenu div.selected a{
background: #8dc38a;
color: white;
}

.applemenu div.submenu{ /*DIV that contains each sub menu*/
background: white;
padding: 10px;
height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
font-size: 12px;
color: #424242;
}

.applemenu div.submenu a {
	color: #023f79;
	text-decoration: none;
}

.applemenu div.submenu a:hover {
	border-bottom: 1px dotted #adadad;
}

.applemenu div.submenu ul {
	margin: 0 0 0 15px;
	padding: 0;
	color: #e35848;
}

.applemenu .submenu ul li {
	margin-bottom: 10px!important;
}


/******** News **********/

.sf_newsList h2 {
	font-size: 12px!important;
	margin: 0!important;
	padding: 0!important;
}

.sf_newsList {
	list-style: disc!important;
}

.sf_newsList li {
	list-style: disc!important;
	margin: 10px!important;
}

.sf_postBookmark img {
	border: none!important;
}

.sf_postBookmark a:hover {
	border-bottom: none!important;
}

.sf_newsDate {
	font-size: 10px!important;
	color: #adadad!important;
}
		
p.sf_newsDate {
	margin-top: 0!important;
}




/*********  Custom App Styles  **********/

.lbltext 
{
}

.lblbold 
{
	font-weight: bold!important;
}

.ddtext 
{
}

.textred 
{
	color: Red!important;
	font-weight: bold!important;
}

.MyCalendar .ajax__calendar_container { border: solid 1px green; background-color: #D0D8E8; color: #4F81BD;}
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { color: Black;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: Navy;}

.MyCalendar .ajax__calendar_dayname {color: Purple; font-family: Helvetica, Arial, sans-serif; font-weight: bold;}


.sf_videoList img 
{
	float: left;
	padding: 2px;
	border: 1px solid #eeeeee!important;
	margin-right: 10px;
	margin-bottom: 10px;
}

ol.sf_pager 
{
	margin-bottom: 40px!important;
	display: inline;
}

ul.sf_videoList li 
{
	clear: both!important;
	padding: 20px 0 20px 0!important;
	display: inline;
	float: left;
	width: 100%;
	border-bottom: 1px dotted #eeeeee;
	margin: 0!important;
}

h3.sf_postTitle a 
{
	font-size: 14px!important;
	line-height: 17px!important;
}

.sf_videoCategory a
{
	font-size: 10px;
}

.category-menu 
{
	padding: 10px;
	background: #e9f4ff;
	border: 1px solid #cae5ff;
	margin-bottom: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

ol.sf_pager 
{
	width: auto!important;
	padding: 10px!important;
	background: #e9f4ff;
	border: 1px solid #cae5ff;
	font-size: 11px!important;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.required-box 
{
	background: #ffe6e6; 
	border: 1px solid #ff7474; 
	width: 150px; 
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.content-block ul.sf_videoList img 
{
	margin-left: 30px;
}

/*********  Zoom App Styles  **********/

.zoomsearch-content-area 
{
	width: 650px; 
	padding: 0 10px 0 0; 
	float: left; 
	font-size: 12px;
	color: #424242;
}

.zoomsearch-content-area a {
	font-weight: bold;
	color: #023f79;
	text-decoration: none;
}

.zoomsearch-content-area a:hover {
	border-bottom: 1px dotted #adadad;
}

		.highlight { background: #FFFF40; }
		.searchheading { font-weight: bold; }
		.summary { font-style: italic; }
		.suggestion {  }
		.results {  }
		.category { color: #999999; }
		.sorting { text-align: right; }

		.result_title {  }		
		.description {  color: #008000; }
		.context {  } 
		.infoline {  font-style: normal; color: #808080;}

		.zoom_searchform {  }
		.zoom_results_per_page {  margin-left: 10px; display: none; }
		.zoom_match {  margin-left: 10px;}				
		.zoom_categories {  }
		.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
		.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }
		
		.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
		.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }		
		
		input.zoom_button {  }
		input.zoom_searchbox {  }		
		
		.result_image { float: left; display: block; }
		.result_image img { margin: 10px; width: 80px; border: 0px; }

		.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
		.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
		
		.result_pages {  }
		.result_pagescount { font-size: 100%; }
		
		.searchtime {  }
		
		.recommended 
		{ 
			background: #DFFFBF; 
			border-top: 1px dotted #808080; 
			border-bottom: 1px dotted #808080; 
			margin-top: 15px; 
			margin-bottom: 15px; 
		}
		.recommended_heading { float: right; font-weight: bold; }
		.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
		.recommend_title {  }
		.recommend_description {  color: #008000; }
		.recommend_infoline {  font-style: normal; color: #808080;}
		.recommend_image { float: left; display: block; }
		.recommend_image img { margin: 10px; width: 80px; border: 0px; }
		
		
/**** Login ****/

.pas-login 
{
	width: 400px;
	background: #E9F4FF;
	border: 1px solid #CAE5FF;	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 20px;
	margin: 0 auto;
}

.pas-login-buttons a:hover 
{
	border-bottom: none!important;
}

.adminlabel 
{
	font-weight: bold;
	line-height: 17px;
}

.forgot-password 
{
	padding-left: 10px;
}

.forgot-password a 
{
	font-style: italic;
	font-weight: normal!important;
}

.errorbox 
	{
		color: Red!important;
		font-size: 10px!important;
		font-weight: normal!important;
		background: #ffe6e6; 
		 
		
		
	}