

/* @group GLOBAL */

body, #sermons{ 
	background:#4d3724
	url(/_img/bg_body.gif) repeat-x top center;
	margin:0;
	padding:0;
	font-size:62.5%; 
	font-family:"Lucida Grande", arial, helvetica, sans-serif;
	color:#2A3135; 
	}
	
hr	{
	display: none; 
	}

#skip	{
	position: absolute;
	text-indent: -9999px;
	list-style: none;
	overflow-x:hidden;
	}
	
#container	{
	margin:5px 0 0 0;
	width:770px;
	}
	
#mainContent {
	background-color: #e1d7c3;
	padding: 10px 0 10px 0;
	}
 
a	{ 
	overflow: hidden;
	}
						
img{
	border: 0;
	outline: 0;
	text-decoration: none;
	}
						
						
#outer_bkgrd  { 
	margin-left:auto;
	margin-right:auto;
	background: url(/_img/bg_header.jpg) repeat-x top center;
	}
	
#banner  { 
	text-align: center;
	margin-bottom: 10px;
	overflow: hidden;
	border: solid  6px #120a05;
	background-color: #120a05;
	}

/* @end */

/* @group HEADER */


#header {
	height:129px;
	}

#NPClogo {
	padding:20px 0 0 0;
	}
	
#header h7 {
	font-size:12px
	}

/* = Sitemap Dropdown
---------------------------------------------------------------------
*/	

.sitemap_button {

	padding: 8px 12px;
	padding-bottom:18px;

	cursor: pointer;
	position: relative;
	margin:1px;
	background: url(/_img/btn_sitelinks.gif) no-repeat right top ;
	height:25px
	font-size: 12px;
	float:right; 
	display:block;
	}
	
.sitemap_button a{
	color:#D0C29D;
	text-decoration: none;
	  margin-left:50px;
		font-size: 12px;
	}
	
	.sitemap_button .logout{
	 margin-right:25px;
	   margin-left:55px;
	}
	
.sitemap_button .welcome{
font-size: 12px;
Float:left; 
display:inline-block;
	}
	
.sitemap_button a:hover{
	color:#fff;
 	}
 	


/* = Homepage Banner
---------------------------------------------------------------------
*/


/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:286px;	width: 790px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 40px; right: -7px;
	width: 178px; height:47px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	line-height: 40px;
	background: url(paging_bg2.png) no-repeat;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 5px;
	text-decoration: none;
	color: #fff;
}
.paging a.active {
	font-weight: bold;
	background: #920000;
	border: 1px solid #610000;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}



/* @end */

	

/* = Search Box
---------------------------------------------------------------------
*/	

#searchForm {
	padding:23px 0 0 0 ;
	margin-right:0px;
	margin-left: 50px;

	}

#searchForm input {
	color:#766548;
	font-size:1.1em;
	height:18px;
	padding:2px 4px;
	width: 200px;
	}

#searchForm .mcmsSearch{
	background-image:url(/_img/button4.gif);
	padding:6px;
	text-decoration: none;
	text-align: center;
	color: #fff;

	}
/* @end */




/* = Main Navigation
---------------------------------------------------------------------
*/

#nav, #nav * {
	list-style:none;
	margin:0;
	padding:0;
	
	}
	
#nav {
	height:55px;
	}
	
#nav li {
	float:left;
	border-right:1px solid #2A3034;
	}
	
#nav li.current a, 		
#nav li.current:hover a {
	background:#f7f7f7 url(/_img/button3.gif);
	color:#fff;
	}
	
#nav li a {
	float:left;
	display:block;
	font-size:1.2em;
	/* padding:0 30px; */
	padding:0 15px;
	line-height:55px;
	color:#e1d7c3;
	text-decoration:none;
	}
	
#nav li:hover a {
	background:#55636b	url(/_img/button4.gif);
	color:#fff;
	}
	


/* @end */


/* = Sub Navigation
---------------------------------------------------------------------
*/



#subnav{   background-color: #e1d7c3;
   list-style: none;
   margin: 0;
      padding: 15px;

}

#subnav li{
border-bottom: dotted 1px #120a05;;
	list-style-type: none;
	list-style-image: none;
	padding: 0;


}

#subnav li a{
   background-color: #e1d7c3;
   display: block;
   color: #464243; /* Change this to the right color */
   text-decoration: none;
	text-align: left;
	text-transform: uppercase;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 9px 10px 5px 5px;
	background:  transparent url(../_img/bg_nav.jpg) no-repeat left bottom;

}

#subnav li a:hover{

	text-decoration: underline;
}
#subnav li.open a{
	background-position: left -2px;

}

#subnav li ul{
	background: #999894 url(../_img/bg_nav-sub.jpg) no-repeat 0 top;

	}

#subnav li ul{
	padding-top: 10px;
	padding-bottom: 10px;	

}

#subnav li li a{
	background-image: none;
	color: #fff;
	padding: 5px 10px 5px 10px;
	font: .65em "Lucida Grande", Lucida, Verdana, sans-serif;

}

#subnav li li.current a{
	   color: #999894;
	   background-color: #464243;

}






#subnav li  li {
border-bottom: none;
	list-style-type: none;
	list-style-image: none;
	padding: 0;

}


#subnav li li a:hover{
	
	text-decoration: underline;
}
#subnav li li.open a{
	background-position: left -2px;

}

#subnav li li ul{
	background: #999894 url(../_img/bg_nav-sub.jpg) no-repeat 0 top;

}

#subnav li li ul{
	padding: 0px 0 0px 20px;
	font: 1em "Lucida Grande", Lucida, Verdana, sans-serif;

}

#subnav li li li a{
	background-image: none;
	color: #fff;
	padding-top: 5px;
	padding-left: 12px;
	padding-bottom: 5px;
	font: .65em "Lucida Grande", Lucida, Verdana, sans-serif;
		border-bottom:none;
}

#subnav li li li.current a{
	   color: #fff;
	   background-color: #464243;
}









/* =Sidebar
---------------------------------------------------------------------
*/

#sidebar{
   float: left;
   display: inline;
   border: solid  6px #120a05;

  width: 100%;
   background: url(/_img/bg_content.gif) no-repeat right top;
}


	


/* = Home Information Containers
---------------------------------------------------------------------
*/

#infobox-news,
#infobox-events,
#infobox-posts {
	background: #ded3bc url(/_img/bg_box.gif) top left repeat-x;
	border: solid 1px #695640;
	min-height: 550px;
	}
	

#infobox-news h3,
#infobox-events h3,
#infobox-posts h3 {
	border-bottom-color: #663300;
	margin: 0;
	font-size: 1.2em;
	border-bottom: solid 1px;
	font-weight:lighter;
	background-color: #120a05;
	padding:10px;
	color: #e1d7c3;
	}

.featured-content {
	height:auto !important;
	min-height:395px;
	padding-top:10px;
	}
	
.newsitem {
	background:transparent url(/_img/bg_home_newsitem.gif) no-repeat scroll center bottom;
	padding:2px 13px 13px;

	}

	
.newsitem.first{
	margin-top:0;
	padding-top:0;
	padding:5px 13px 13px;
	}

	
.newsitem.last,
.event.last {
	background-image:none;
	border-bottom:medium none;
	padding:10px 13px 5px;
	}

#infobox-news p.date {
	background:transparent url(/_img/bg_date.png) no-repeat scroll 0 0;
	color: #fff;
	float:left;
	font-size:1.9em;
	height:40px;
	line-height:1;
	margin:0 8px 5px -2px;
	padding:8px;
	text-align:center;
	width:35px;
	}

#infobox-news p.date b {
	color: #fff;
	display:block;
	font-size:2.5em;
	font-weight:normal;
	}
	
#infobox-news h4 {
	font-size:1.4em;
	line-height:1.2em;
	margin-bottom:4px;
	padding-top:3px;
	}
	
#infobox-news h4 a {
	color:#663300;
	text-decoration:none;
	}
	
#infobox-news p, #infobox-events p, #infobox-posts p {
	color:#333;
	line-height:1.5;
	margin-bottom:0.75em;
	}
	
#infobox-news .newsitem p {
	font-size:1.1em;
	}
	
#infobox-news p.more {
	margin-bottom:0;
	}
	
.viewmore {
	border-bottom:1px solid #302116;
	border-right:1px solid #302116;
	border-left:1px solid #302116; 
	text-align:center;
		padding-top:10px;
		padding-bottom: 2px;

	}
	
.viewmore p {
	font-size:1.2em;
	text-align:center;
	}
	
.viewmore a {
	background: transparent url(/_img/bg_home_viewmore_a.gif) no-repeat scroll right 3px;
	color:#302116;

	font-size:1.083em;
	text-decoration:none;
	}
	
.viewmore a:hover {
	text-decoration:underline;
	}
	
#infobox-events #calwrap {
	background:#2C1F15 url(/_img/bg_home-events_calwrap.gif) repeat-x scroll left top;
	margin:5px 15px 0 14px;
	padding:0 3px 5px;
	position:relative;
	width:260px;
	}
	
#infobox-events table.calendar {
	border-collapse:collapse;
	color:#8A7C5B;
	margin:0 auto;
	width:257px;
	}
	
#infobox-events table.calendar caption {
	background:transparent url(/_img/bg_calcaption.gif) no-repeat scroll right 10px;
	color:#D0C29D;
	font-size:1.4em;
	font-weight:bold;
	margin:0 -6px 0 10px;
	padding-bottom:15px;
	padding-top:9px;
	position:relative;
	text-align:left;
	border-bottom: medium 1px black;
	}
	
#infobox-events table.calendar caption span.calendar-prev {
	position:absolute;
	right:30px;
	top:8px;
	}
	
#infobox-events table.calendar caption span.calendar-next {
	position:absolute;
	right:10px;
	top:8px;
	}
	
#infobox-events table.calendar caption span img {
	vertical-align:bottom;
	}
	
#infobox-events table.calendar th {
	background:transparent url(/_img/bg_home-events_th.gif) no-repeat scroll 50% 0;
	border:medium none;
	color:#D0C29D;
	font-size:1.2em;
	padding:7px 0 8px;
	text-align:center;
	}
	
#infobox-events table.calendar td {
	color:#8A7C5B;
	font-size:1.2em;
	padding:0.5em 0;
	text-align:center;
	}
	
#infobox-events table.calendar td.linked-day {
	padding:0;
	}
	
#infobox-events table.calendar a {
	background: transparent url(/_img/bg_date.png) no-repeat scroll 0.3em 0.1em;
	color:#FFFFFF;
	display:block;
	padding:0.5em 0;
	text-decoration:none;
	}
	
#infobox-events table.calendar a:hover {
	text-decoration:underline;
	}
	
#infobox-events #eventlist {
	clear:both;
	display:block;
	margin:12px 13px;
	min-height: 396px;
	}
	
.event {
	border-bottom:1px dotted #302116;
	clear:left;
	margin:0;
	padding:1px 0 1px 0;
	}
	
#infobox-events #eventlist h4 {
	float:right;
	font-size:1.2em;
	font-weight:normal;
	line-height:1.2em;
	width:215px;
	margin: 10px 0 0 0;
	}
	
	#infobox-events #eventlist p {
	float:right;
	font-size:1.1em;
	font-weight:normal;
	line-height:1.2em;
	width:215px;
	margin: 10px 0 0 0;
	}
	
	
	
#infobox-events p.more {
	margin-bottom:0;
	}
	
	
#infobox-events #eventlist h4 a {
	color:#663300;
	text-decoration:none;
	}
	
#infobox-events #eventlist h4 a:hover {
	text-decoration:underline;
	}
	

	

#infobox-events #eventlist p.date {
	background:transparent url(/_img/bg_date.png) no-repeat scroll 0 0;
	color: #fff;
	float:left;
	font-size:1.7em;
	height:40px;
	line-height:1;
	margin:0 8px 5px -2px;
	padding:8px;
	text-align:center;
	width:35px;
	}

#infobox-events #eventlist p.date b {
	color: #fff;
	display:block;
	font-size:1.3em;
	font-weight:normal;
	}








#infobox-posts .post {
	border-bottom:1px dotted #302116;
	margin:15px 13px 6px 13px;
	padding-bottom:6px;
	}
	
#infobox-posts .post h4 {
	color:#663300;
	font-size:1.5em;
	line-height:1.2;
	}
	
#infobox-posts .post.first {
	margin:6px 13px 6px 13px;
	}

	
#infobox-posts .post h4 a {
	color::#663300;
	font-weight:normal;
	text-decoration:none;
	}
	
	
#infobox-posts .featured-content p {
	color:#333;
	font-size:1.1em;
	margin:0 20px;
	}
	

	




/* @Mini Calendar Trail */

#traildiv{
   position: absolute;
   background:#4D3726 none repeat scroll 0 0;
   top: 3px;
   left: 0px;
  padding:3px;
   z-index: 999;
   visibility: hidden;
   min-width: 100px;
   min-height: 50px;
   max-height: 250px;
   max-width: 150px;
   width: auto;
   height: auto;
   color: #FFF;

}

#traildiv ul {
	background:#4D3726 none repeat scroll 0 0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:left;
	}

#traildiv ul li {
	margin:0.5em;
	   font-size: 0.80em;
	   line-height: 1em;
	}

#traildiv ul li a {
	color:#EBE9D8;
	text-decoration:none;
	}

/* @Mini Calendar Trail */



/* = Shadow
---------------------------------------------------------------------
*/

#alpha-shadow {
	background: url(/_img/bg_shadow.png) no-repeat top left;
	margin: 0px 12px 12px 2px;
	width:700px;
	height:315px;
	}

#alpha-shadow .border {
	border: solid 5px #fff;
	overflow: hidden;
	width:680px;
	height:295px;
	}

#alpha-shadow img {
	border: solid 5px #fff;
	overflow: hidden;
	width:680px;
	height:295px;
	}
	

/*--- BREADCRUMBS ----*/
#breadcrumbs {
	font-size:1.0em;
	color:#363F45;
	margin:0;
	padding:10px;
	margin-bottom: 10px; 
	border: dotted 1px #000;
	}

/*--- HEADINGS ----*/
h1 {
	font-size:1.6em;
	
	color:#fff;
	margin:0;
	padding:0;
	}
	
h1 a {
	text-decoration:none;
	color:#fff;
	}
	
h2 {

	background:#120a05;
	font-size:1.4em;
	color: #e1d7c3;
	padding:14px;
	border-top:1px solid #695640;
	}
	
h3 {
	font-size:1.6em;
	}
	
#intro h3 {
	background:#FFF9D1;
	font-size:1.2em;
	color:#31393E;
	margin:0px;
	padding:20px;
	border:2px
	solid #F1E48F;
	border-width:2px 0;
	}

#sidebar h3 {
	margin:0;
	padding:0;
	color:#31393e;
	border-top:1px solid;
	}

h4 { font-size:1.4em;
	color:#663300;
	font-weight:normal;
	}

h5 { font-size:1.2em; }

/* @group PRIMARY CONTENT */
 #primaryContent {
	background: white url(/_img/bg_box.gif) top left repeat-x;
	background-color: none;
	}
	
	.content {
	border: solid 1px #695640;
	padding:20px 45px 45px 45px ;
	background-color:#fff
	}
	
	
#intro {
	background:#f7f7f7;
	margin:-14px -14px 0;
	padding:14px;
	}
	
p  { 
	margin:0 0 20px 0;
	padding:0;
	}
	
p, ol, ul{ 
	font-size:1.3em;
	line-height: 1.6em;

	}
ol, ul{ 
	margin:0;
	padding:0;
	}
p a, 
li a {
	color:#027CC9;
	}
	
p a:hover, 
#primaryContent li a:hover { 
	color:#55636B;
	}
	 
br {
	margin:0;
	padding:0;
}

li {
	
	margin:0;
	padding: 0 0 12px 12px;
	}
	
#primaryContent ul
{
	margin:0 0 20px 20px;
	padding:0;
	}
	
#primaryContent ol
	{
	margin:0 0 20px 20px ;
	padding:0;
	}
/* 	
@end */

/* @group SECONDARY CONTENT for sidebar */
#secondaryContent			{
   padding: 15px;
margin: 0;
  } 
/* @end */

/* @group FOOTER 
#footer	 {
	padding: 10px;
	border-top: 6px solid #0c0805; 
	background: #4d3724 url(/_img/bg_body.gif) repeat-x  25px ;
	color: #fff;
	
	overflow: auto;
	text-align: center;
	color: #e1d7c3;
	text-decoration: none;*/
	#footer {
padding-bottom:64px;
width:100%;
}
	
	
}
#footer	 p {

	color: #e1d7c3;
	font-size: 1.1em;
	text-decoration: none;
	
}
#footer a {
	color: #e1d7c3;
	text-decoration: none;
	
}

#footer a:hover{

	color: #fff;
	
}


#footer{
   clear: both;
}


#footerdiv {
position:relative;
z-index:0;
margin:0 auto;
text-align:left;
}

#sitemap {
font-size:11px;
line-height:1.6em;
padding:12px 0;
}
#sitemap ol, #sitemap ol ol, #sitemap ul, #sitemap ul ul, #sitemap li, #sitemap li li{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


#sitemap li {
float:left;
margin-right:5px;
}

#sitemap ul ul {
float:none;
margin:0;
padding: 0;
}

#sitemap li a, #sitemap li a:visited, #sitemap li a:link {
color:#FFFFFF;
text-decoration:none;
}
#sitemap li a:hover {
color:#E9E9EB;
text-decoration:underline;
}

#sitemap li li {
float:none;
font-size:10px;
margin:0;
width: 100px;
padding: 0;
line-height:1.4em;
}

#sitemap li li a, #sitemap li li a:visited, #sitemap li li a:link {
color:#E9E9EB;
}


#sitemap_news-and-events {
display: none;

}

.supportfooter {
position:absolute;
right:0;
text-align:right;
top:25px;
width:370px;
}

.supportfooter p {
color:#DDDDDD;
font-size:11px;
}

.supportfooter p a, 
.supportfooter p a:visited,
.supportfooter p a:link {
color:#FFFFFF;
}

a.supportnumber {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url() no-repeat scroll -142px -363px;
display:block;
height:32px;
margin-bottom:20px;
width:137px;
}

.fl-right {
float:right;
}

a {
color:#005E8F;
text-decoration:none;
}
/*
a em, .hide {
left:-9999em;
position:absolute;
}
*/
.cl-right {
clear:right;
}


#twitterlink {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_img/twitter.png) no-repeat scroll 0 0;
display:block;
float:right;
height:16px;
margin:0 -3px -2px 5px;
position:relative;
text-decoration:none;
width:16px;
}

#Linkedin {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_img/linkedin.png) no-repeat scroll 0 0;
display:block;
float:right;
height:16px;
margin:0 -3px -2px 5px;
position:relative;
text-decoration:none;
width:16px;
}

#facebook {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_img/facebook.png) no-repeat scroll 0 0;
display:block;
float:right;
height:16px;
margin:0 -3px -2px 5px;
position:relative;
text-decoration:none;
width:16px;
}

#twitterlink span {
left:-9999em;
position:absolute;
}

element.style {
display:none;
left:-117px;
opacity:0;
top:-35px;
}

#twitterlink strong {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/_img/twitter.png) no-repeat scroll 0 0;
display:block;
height:49px;
left:-9999em;
position:absolute;
width:141px;
}

/* @end */

#pagination {
 border-bottom: 2px solid black;
 
 }
 
#pagination a  {



text-align: center;
padding: 2px;
margin:2px;
display:block;
width:auto;
height:20px;
float: left;
 }
  
#pagination #off   {
color:#999;
text-decoration: none;
padding: 2px;
margin:2px;
display:block;
width:auto;
height:20px;
float: left;
 }

#pagination #current {
background-color: black;
color:#fff;
text-decoration: none;
text-align: center;
padding: 2px;
margin:2px;
display:block;
width:20px;
height:20px;
float: left;
 }

#pagination #next {
text-align: center;
padding: 2px;
margin:2px;
display:block;
width:auto;
height:20px;
float: left;
 }

/* @group event RSVP */

#rsvpbutton a {
	background-image:url(/mediafiles/rsvp-button.jpg);  
	display: block;
	height:90px;
	margin-left:3px;
	padding-top:6px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width:95px;
	z-index: 1;
	}
	#rsvpbutton a:hover {
	background-image:url(/mediafiles/rsvp-button2.jpg);  
	display: block;
	height:90px;
	margin-left:3px;
	padding-top:6px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	width:95px;
	z-index: 1;
	}
#rsvpbutton {
text-align: left;
font-size: 1px;

 }



/* END */


/* @group SERMONS */
#filter								{ margin-top:2em; }
#filter select						{ width:100px; margin-left:10px; }
#filter a							{ margin-left:20px; }
#primaryContent .sermonlist h4		{ margin:0; padding:10px 0; }
.sermonbox							{ position:relative; padding:10px 0; border-top:1px solid #efefef; }
.sermonbox a						{ text-decoration:underline; }
.sermonbox a:hover					{ text-decoration:none; }

#primaryContent .sermonbox h5		{ margin:0;}
#primaryContent .sermonbox h5 span	{ font-size:10px; margin-left:10px; }
.sermonbox h5 a 					{ font-weight:bold; color:#027cc9;}
.sermonbox h5 a:hover 				{ color:#556c6b }
#primaryContent .sermonbox p		{ margin:0;}

.sermonbox ul					{ position:absolute; top:20px; right:10px; margin:0; padding:0; list-style: none;}
.sermonbox li					{ float:left; display:inline; margin-right:5px; }
.sermonbox li a					{ display:block; width:16px; height:16px; text-indent:-999em; }
.sermonbox li.sl_listen a		{ background:url(/_img/play_icon.gif) no-repeat; }
.sermonbox li.sl_download a		{ background:url(/_img/download_icon.gif) no-repeat; }
.sermonbox li.sl_notes a		{ background:url(/_img/notes_icon.gif) no-repeat; }
.sermonbox li.sl_video a		{ background:url(/_img/video_icon.gif) no-repeat; }
.sermonbox li a:focus			{ outline:none; }

	/* @group MEDIA BOX */
	#text						{  }
	#byline						{ margin:10px 0 0; padding:0; list-style:none; }
	#mediabox					{ float:right; padding:10px; margin:-25px 0 0 10px; list-style:none; border:1px solid #f4f4f4; }
	#mediabox li 				{ padding:2px 0 2px 20px; }
	#mediabox li#mb_links		{ background:#f4f4f4; color:#19140d; margin:-10px -10px 10px; padding:10px; }
	#mediabox li#mb_jukebox		{ background:url(/_img/play_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_download	{ background:url(/_img/download_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_notes		{ background:url(/_img/notes_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_video		{ background:url(/_img/video_icon.gif) no-repeat left 2px; }
	#mediabox li#mb_podcast		{ background:url(/_img/feed_icon.gif) no-repeat left 2px; }
	/* @end */


	/* @group HOW IT WORKS */
	#how-it-works  				{ height: 30px;  background:#efefef; border:2px solid #ccc; }
		#how-it-works ul 				{list-style:none;}
	#how-it-works li			{ padding-left:20px; font-size:1em; display:block; line-height:30px; margin-right:20px; float:left; }
	#how-it-works li#how		{ font-weight:bold; 	padding:0 0 0 20px;  }
	#how-it-works li#play		{ background:url(/_img/play_icon.gif) no-repeat left center;  	padding:0 0 0 20px; }
	#how-it-works li#notes		{ background:url(/_img/notes_icon.gif) no-repeat left center; 	padding:0 0 0 20px;  }
	#how-it-works li#video		{ background:url(/_img/video_icon.gif) no-repeat left center;	padding:0 0 0 20px;  }
	#how-it-works li#save		{ background:url(/_img/download_icon.gif) no-repeat left center; 	padding:0 0 0 20px; }
	/* @end */
	
	/* @group SORTING */
	#sorting h3					{ }
	#sorting label 				{ font-size:1em; display:block; margin-bottom: .25em; font-weight:bold; }
	#sorting select				{ width:90%; display:block; margin-bottom: 1.3em; }
	#sorting a:hover			{ text-decoration: none; }
	/* @end */

/* @end */


/* @group TABLE */

table tbody tr td{
font-size:1.3em;
padding: 2px 2px 5px 0;



}


/* @end */



/* @group CALENDAR */
#primaryContent table.calendar { 
	margin:1px; 
	border-collapse:separate;
	
	}
#primaryContent table.calendar caption {
	padding-bottom: 10px;
	color: #302116;
	font-size: 2em;
	text-align:left;
	}
#primaryContent table.calendar th { 
	padding: 6px ; 
	background:#302116; 
	color:#fff;  
	font-size: 1.5em; 
	font-weight: normal;
	border: 1px solid #302116; 
	}
#primaryContent table.calendar td {
	height: 105px;
	width: 112px;
	padding: 5px;
	border: 1px solid #302116;
	text-align:left;
	
	border-top: 0;
	background:#ded3bc;
	color:#302116;
	font-size: 1.8em;
	vertical-align: top; 
	}
#primaryContent table.calendar td a			{ text-decoration: none; }
#primaryContent table.calendar td ul		{ margin: .5em 0 0 0; font-size: 60%; list-style: none; }
#primaryContent table.calendar td li		{ font-size: 1.0em; line-height: 1.2;	padding:  0 0 .5em .5em; }
#primaryContent table.calendar td li a		{ text-decoration: underline; }
#primaryContent table.calendar td li a:hover{ text-decoration: none; }
/* @end */

/* @group PrimaryContent FORM */
#primaryContent form 				{padding:20px; background-color:#ded3bc;  list-style:none; }
#primaryContent form p				{  margin:0; padding:0; }
#primaryContent form fieldset			{ margin:0; padding:0; border:0; width:90%; }
#primaryContent form label		{ width:100%; padding:10px 0 0 0; margin:0;  color:#302116; font-size:1.0em; font-weight:bold; }
#primaryContent form label a		{ font-weight:normal; font-size:11px; }
#primaryContent form input.text	{ width:100%; }
#primaryContent form textarea		{ width:100%; height:100px; }
#primaryContent form fieldset.submit	{ background:#efefef; padding:10px; width: 20%; }
#primaryContent form fieldset input.submit	{ margin-left:25%; }
/* @end */




/* @group EINVITE FORM */
form ol 				{ margin:0; padding:0; list-style:none; }
form fieldset			{ margin:0; padding:0; border:0; width:75%; }
form ol li 				{ padding:5px 0; margin-bottom:1.5em; }
form ol li label		{ float:left; width:25%; padding-top:5px; font-size:1.3em; font-weight:bold; }
form ol li label a		{ font-weight:normal; font-size:11px; }
form ol li input.text	{ float:right; width:74%; }
form ol li textarea		{ float:right; width:74%; height:100px; }
form fieldset.submit	{ background:#efefef; padding:10px; }
form fieldset input.submit	{ margin-left:25%; }
/* @end */




/* @group Jquery */
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			ul#icons span.ui-icon {float: left; margin: 0 4px;}
/* @end */
