/*-----------------------------------------------------------------------------

KBC Template - Default Theme
nktcommunications@kadampa.net

-----------------------------------------------------------------------------*/

	
/* -------------------------------------------------------------- 
   global
-------------------------------------------------------------- */

body { background: #fdfde3 url(/images/368.jpg) no-repeat top center;
 
/*background: url(/images/331.jpg) repeat top center;
	background-color:#e5f4f8;#e5f4f8;*/

	}

#container {
	width: 780px;
	margin: 20px auto;
	border: 1px solid #19628f;
	background: #ffffff; /*url(/images/371.png) repeat-x;	*/
	}

a:hover {
	text-decoration: underline;
	}

a {
	color: #151B54;
	text-decoration: none;
	}

/* -------------------------------------------------------------- 
   branding
-------------------------------------------------------------- */

#branding {
	clear:both;
	height: 190px;
	position: relative;
	background: #fff url(images/387.jpg);
	}

.calendar #branding{
background: #fff;
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

/*
.calendar #branding{
background: #ffffff;/* transparent url(/images/174.gif)*/
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.information #branding{
background: transparent url(/images/172.gif)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.bookstore #branding{
background: transparent url(/images/171.gif)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.kadampa-buddhism #branding{
background: transparent url(/images/170.gif)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.special-events #branding{
background: #ffffff;
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.Miami #branding{
background: transparent url(/images/378.jpg)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.weekly-classes #branding{
background: transparent url(/images/354.jpg)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}

.buddhist-center #branding{
background: transparent url(/images/166.gif)
no-repeat scroll center bottom;
clear: both;
height: 190px;
position: relative;
}*/

/* ----- Sitename ---- */

#branding h1 {
	font-size: 0px;/*23px; trying to make it disappear*/
	position: absolute;
	top: 60px; 
	left: 20px;
	font-weight: normal;
	}

#branding h1 a:hover {
	text-decoration: none;
	}

#branding h1 a {
	color: #FFFFFF;/*872D00; This is the center title in the banner*/
	}

#branding h2 { /*this is the "subtitle"*/
	font-size: 0px;/*14px; trying to make it disappear*/
	font-weight: normal;
	letter-spacing: 0.7px;
	position: absolute;
	color: #FFFFFF;
	top: 90px;
	left: 100px;	
	}


/* Phone number and email */

dl.vcard {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #FFFFFF;
	margin-bottom: 5px;
	text-transform: lowercase;
	}

.vcard dd {
	float: left; 
	margin: 0 20px 0 0; 
	padding: 0;
	}

/* Top right links*/

#nav_quicklinks {
	position: absolute;
	right: 0px;
	top: 5px;
	height: 20px;
	text-transform: lowercase;
        font-color:#ffffff;
        font-weight: bold;	
	}

#nav_quicklinks li {
	margin-left: 20px;
	}	
	
/* -------------------------------------------------------------- 
   nav main
-------------------------------------------------------------- */
	
#nav_main {
	font-size: 12px;
        background: url(/images/374.png) repeat-x;
	text-transform: lowercase;
        height:30px;

	}	

#nav_main li {
  	position: relative;
	}
	
#nav_main a:hover {
	background: url(images/373.png) repeat-x;
	text-decoration: underline;
	}

#nav_main a {
	padding: 4px 16px;
	text-decoration: none;
	color: #fff;
	}

#nav_main a.current {
	background: url(/images/373.png) repeat-x;
	color:#fff;
	}

.default #nav_main a.current {
	background-color: transparent;
	}
	
/* Drop down menus */

#nav_main ul li ul a:hover {
	width: 174px;
	padding: 4px 0 4px 1em;
}

#nav_main ul li ul a {
	font-size: 11px;
	font-weight: normal;
	width: 174px;
	padding: 4px 0 4px 1em;
    text-transform: none;
    display: block;
}

#nav_main ul li ul {
	position: absolute;
	top: -999em;
  	left: 0;
	width: 185px;
	margin: 0;
	padding: 4px 0;
	border-top: 2px solid #134e96;/*#852611*/
        z-index: 100;
}

#nav_main ul li:hover ul, 
#nav_main ul li.sfhover ul {
	top: 26px;
	background-color: #134e96;/*#CA611D*/;

}		

/* Breadbcrumbs and Search Box
-------------------------------------------------------------- */

#nav_find {
	padding: 5px 20px;
	height: 20px;
	clear:both;
	letter-spacing: 0.5px;
	line-height: 2;
	background-color: #FFFFF7;
	}

#nav_find p {
	font-size:11px;
	margin:0;
	color:#333;
	}

#site_search {
	float:right;
	}

input.search_box {
	font-size: 11px;
	width: 145px;	
	}

input.btn {
	font-size: 11px;
	}

/* -------------------------------------------------------------- 
   sub nav
-------------------------------------------------------------- */

#nav_sub {
	width: 28%;
	float: right;
	margin: 20px 0 20px 10px;
border-left: 1px solid #eee;
padding-left: 15px;
	}

#nav_sub li {
	list-style-type: none;
	padding: 5px;
	}

#nav_sub a:hover {
	text-decoration: underline;
	}

#nav_sub a {
	text-decoration: none;
	}

#nav_sub h3 {
	margin: 0 0 10px 0;
	padding: 5px 5px 3px 5px;
	color: #333;
	}

#content #nav_sub h3 a {
	color: #4C1900;
	}
	
#nav_sub h4,
#content_feature h4 {
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 1px;
	color: #333;
        margin: 20px 0 3px 0;
	}

ul.nav_items {
	margin: 0 0 90px 0;
	list-style-type:none;
	}

#nav_sub li.current a {
	font-weight: bold;
	color:#4C1900;
	}

/* Homepage
-------------------------------------------------------------- */

#content_feature {
	width: 28%;
	float: right;
	margin: 20px 0 20px 10px;	
	}

#content_feature li {
	list-style-type: none;
	margin: 5px;
	}

/* Event boxes */	

#content_feature legend {
	font-size: 14px;
	color: #BB271D;
	}
		
#today {
	padding: 5px;
	border: 1px solid #268fbc;/*#D6824A;*/
	}

#upcoming-events {
	padding: 5px;
	margin: 20px 0 30px 0;
	border: 1px solid #268fbc;/*#D6824A;*/
	}
	
.events_list p {
	margin: 0 5px;
	}

ul.vcalendar {
	margin: 0 0 10px 0;
	}
		
/* Branches Scrollbox */	

#class_scrollbox {
	border: 1px solid #268fbc;/*#D6824A;*/
	height: 200px;
	overflow-y: auto;
	}

ul#class_scrollbox {
	margin: 0 0 10px 0;
	}
	
#class_scrollbox ul {
	list-style:circle;
	padding:0; 
	}

#class_scrollbox li { 
	padding: 3px 0 3px 10px; 
	margin: 0; 
	color: #555;
	}


#class_scrollbox li.county { 
	font-size: 13px;
	padding: 1px 0 0 5px; 
	color: #000;
	letter-spacing: 1px;
	}
	
/* Tharpa Logo */	

#tharpa {
	padding: 10px 5px 0 70px;
	background: url(/images/372.png) no-repeat 0px 10px;
	background-color: transparent;
	}

#tharpa h3 {
	color:#993300;
	margin-bottom: 10px;
	}

#tharpa p {
	margin-bottom: 10px;
	}
	
/* -------------------------------------------------------------- 
   content
-------------------------------------------------------------- */

#content {
	padding-top: 20px;
	margin: 0 20px 30px 20px;
	line-height: 1.7;
	}

#content h1 { 
	font-size: 1.7em;
	font-weight: normal; 
	}

#content h2 { 
	font-size: 14px; 
	font-weight: normal;
	}

#content h3 {
	font-size: 15px;
	font-weight: normal;
	}
	
#content h4 {
	font-weight: normal;
	}


/* Content Main
-----------------------------------------*/

#content_main {
	float: left;
	width: 65%;
	}

#content_main a:hover {
	background-color:#993300; 
	color:#fff;
	}
	
#content_main a {
	border-bottom: 1px solid #ddd;
	}

/* -------------------------------------------------------------- 
   promotion links (footer)
-------------------------------------------------------------- */

#nav_promote {
	clear:both;
	margin: 30px 0 0 0;
	padding: 5px 15px;
	}		
	
#nav_promote li {
	margin: 5px 15px 0 0;
	}	

#nav_promote a:hover {text-decoration: underline;}
#nav_promote a {text-decoration: none;}

/* -------------------------------------------------------------- 
   Newsletter and RSS links
-------------------------------------------------------------- */

#subscribe {
	clear: both;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid #F0F2EF;
	text-align: right;
	margin: 0 20px;
	height: 20px;
	}

#subscribe span {
	margin: 0 10px;
	}

#subscribe .email {
	background: url(/css/img/email.gif) no-repeat center left;
	padding-left: 18px;
	}

/* -------------------------------------------------------------- 
   site info (copyright and stuff)
-------------------------------------------------------------- */

#site_info {
	background: url(/images/10.gif) no-repeat 10px 10px;
	padding: 10px 20px 20px 85px;
	clear:both;
	margin: 0;
	color:#333;
	}	

#site_info h5 {
	margin-bottom: 0.5em;
	}

#site_info p {
	margin-bottom: 0.6em;
	}

#site_info .vcard {
	float: right;
	width: 246px;
	text-align: right;
	}

#nav_misc {
    float:right;
	clear:right;
	margin-bottom: 0.5em;
	}

/* -------------------------------------------------------------- 
   Misc. Pages
-------------------------------------------------------------- */

.rss {
	background: url(/css/img/feed.gif) no-repeat center left;
	padding-left: 18px;
	}

/* =Center Search listings 
-----------------------------------------*/

#center_search_list {

	margin-top: 20px;

	}

.kemCity {


	font-size: 1.6em;

	}

.kemWebsite {

	margin-bottom: 1.1em;
	}

.kemBranch {
	text-transform: capitalize;
	font-size: 11px;
	}	

/* =Kadampa News
-----------------------------------------*/

.kn_date {
	font: italic 95% corbel, georgia, serif;
	color: #5D697E;
	margin: 0 0 10px 0;	
	}

#content .kadampa_news ul {
	padding: 0;
	margin: 0;
	}

#content .kadampa_news li {
	list-style: none;
	clear:both;
    margin: 0 0 10px 0;
	}

.kn_subscribe_link img {
	border:none;
	}

.kn_image {
    padding: 4px;
    border: 1px solid #eee;
    float:left;
    margin: 0 10px 10px 0;
	}

.kn_headline {
	display: block;
	clear:both;
	font-size: 120%;
	margin-top: 20px; 
	}

/*-----------------------------------------------------------------------------
	Calendar
-----------------------------------------------------------------------------*/

/* Year at a glance page */

#at-a-glance h3 {
	letter-spacing: 1px; 
	margin: 30px 10px 20px 0;
	}

#at-a-glance .days {
	float:left;
	}

#at-a-glance .event_info {
	border-left: 1px solid #ddd; 
	margin-left: 60px; 
	padding-left: 10px;
	}

/* Full Calendar */

#event_calendar * { padding: 0; margin: 0; }

#event_calendar { 
	clear:both;
	color: #134e96;
	text-align: center;
    margin: 20px 0;
	}

#event_calendar .vevent {
	margin-bottom: 5px; 
	border-bottom: 1px solid #888; 
	background-color:#BAE1FF;
	}

.nav_back a:hover {color: #623144;}
.nav_back a {color: #9f5070;}

#event_calendar caption {
	margin: 0 auto;
	text-align: center;
	font: 25px Tahoma, sans-serif;
	background-color: #FFFFFF;
	color: #134e96;;
	}

#event_calendar ul li { 
	list-style-type: none;
	text-align: left;
}

#event_calendar table {
	border-bottom: 1px solid Silver;
	border-right: 1px solid Silver;
	margin: 0 auto;
	}

#event_calendar th, #event_calendar td {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	font-family: Verdana, sans-serif;
	padding: 0 2px;
	vertical-align: top;
	width: 100px;
	height: inherit;
	}

#event_calendar td a { padding: 0; }
#event_calendar td a:hover { text-decoration: underline; }


td ul li {
	margin-bottom: 10px;
}


/* Event Details */

#event_calendar .zem_event_list p {margin: 0 0 5px 0}

#event_calendar col.Sat,
#event_calendar col.Sun {
	background: #f1f1f1;
	}


#event_calendar tr.day {
	color: #777;
	font-size: 11px;
	height: 90px;
	}

#event_calendar tr.number {
	background-color: #fafafa;
	color: #555;
	height: 15px;
	vertical-align: middle;
	}

#event_calendar tr.number td {
	font: italic 12px Georgia, Tahoma, sans-serif;
	text-align: left;
    padding-right: 5px;
	}

#event_calendar th {
	background-color: #134e96;
	color: #fff;
	font-size: 14px;
	font-weight: normal;
	height: 10px;
	text-align: center;
	vertical-align: middle;
	}

.calendar_nav {
	width: 700px;
	margin:  -40px auto -40px auto;
	}

div.zem_event_calendar_nav {
    float: right;
    overflow: hidden;
	}

h3.zem_event_calendar_nav {
	display: inline;
	font-size: 15px;
	font-weight: normal;
	}

div.zem_event_calendar_nav a.next{
	padding: 0 10px 0 10px;
	font-size: 35px;
	color: #03F;
	font-weight: bold;
    text-decoration:none;
    color: #663333;
	}

div.zem_event_calendar_nav a.prev{
	padding: 0 10px 0 10px;
	font-size: 35px;
	color: #03F;
	font-weight: bold;
    text-decoration:none;
    color: #663333;
	}

div.zem_event_calendar_nav a:hover{
	color: #555;
	}


/*--------------------------------------------------
Insert Easy Tweaks after this line
----------------------------------------------------*/

.myImg {
       padding: 10px 10px 10px 10px;
}


/*SLIDER CODE*/
#slider {
    width: 780px; /*410px; /* important to be same as image width */
    height: 365px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	z-index:0;
}

#slider1 {
    width: 600px; /* important to be same as image width */
    height: autopx; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 780px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	z-index: 0;
}

#slider1Content {
    width: 500px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
	z-index: 0;
}

.sliderImage, .slider1Image {
    float: left;
    position: relative;
	display: none;
	z-index: 0;
}
.sliderImage span {
    position: absolute;
	/*font: 10px/15px Arial, Helvetica, sans-serif;*/
    padding: 10px 13px;
    width: 384px;
    /*background-color: #000;
    filter: alpha(opacity=70);*/
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #ffffff;
    display: none;
}

.slider1Image span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 500px;
    /*background-color: #000000;
    filter: alpha(opacity=70);*/
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #ffffff;
    display: none;
}
.clear {
	clear: both;
}
.sliderImage span strong, .slider1Image span strong {
    font-size: 14px;
}
.top {
	position: relative;
	top: -20px;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}
ul { list-style-type: none;}

p.spanTxt {
	font-family: futura;
	color:#ffffff;
	font-weight: bold;
	font-size:20px;
}