/*
KMC Default

author:    		webdevelopment@kadampa.net
site:                   nkt-kmc.org
last updated: 	        2 December 2007
*/

/* This style sheet contains all the positioning and sizing of 
pages elements. It is recommended that you only edit this if 
you know what you are doing. All colors, images and type
information is kept in kmc-branding stylesheet */

/* GLOBAL */

* {
 	padding:0; margin:0;
} /* remove browser default on all elements */

h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl,  fieldset, address {
	margin:1em 5%;
} /* puts it back of certain tags */

li, dd {
  margin-left: 5%;
} 

fieldset {
	padding: .5em;
}

body {
	min-width: 750px;
	max-width: 100%;
	font-size: small; /* changing this changes this size of the whole layout */
	line-height: 1.7;
}


#container {
	width: 57.69em;
	margin: 20px auto;
}

.caps {
	letter-spacing: 0.1em;
}

.hidden {
	display: none;
	margin: 0;
}

.clear {clear:both;}

/* accessibility */
#nav_access, 
#nav_main h2, 
#nav_main h3 {
	left:-9999px; 
	position:absolute; 
	width:0px; 
	margin:0px;
}


/* BRANDING */

#branding {
	width: 100%; 
	height: 177px; 
	clear: both;
}

.default #branding, 
.home #branding {
	height:228px;
}

#branding h1 {
	margin: 0; 
	padding-left: 13%;
	width: 87%;
	height:55px;	
}

#branding a:link, 
#branding a:active, 
#branding a:visited {
	text-decoration: none;
}

#branding h2 {
	display:none;
}

.default #branding h2, .home #branding h2 {
	display:block;
	margin: 5px 0 0 12px;
}

#branding em {
	clear:both; 
	display:block;
}


/* MAIN NAVIGATION */

#nav_main {
	width: 100%; 
	clear:both; 
	height: 40px; 
	padding: 10px 0;
}

ul#nav_sections {
	margin: 0px auto;
}
	
#nav_sections li {
	list-style-type: none; 
	float: left; 
	display: block; 
	margin: 0 1px; 
	padding: 0 12px;
	border-right: 1px solid #999;
	text-align: center;
}

#nav_sections a:link, 
#nav_sections a:visited {
	text-decoration: none;
}




/* CONTENT */

#content {clear:both;}
#content h1 {margin-top:0px;}
#content h2 {}
#content img {border: none;}

/* CONTENT PRIMARY */

#content_primary {
	width: 70%;
	float: left;
	min-height: 200px; 
	margin-bottom: 60px;
}

#content_primary ul {
	list-style-type: circle;
}

#scrolldiv {
	width: 486px; 
	height:400px; 
	overflow:auto; 
	margin: 0 0 0 25px;
}

#content_primary .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
        border-style: solid;
        border-width: 2px;
        border-color: #3f7054;
}

#content_primary .floatLeft {
	float: left;
        border-style: solid;
        border-width: 2px;
        border-color: #3f7054;
        margin: 0 10px 10px 0;
}

#content_primary .floatRight {
	float: right;
        border-style: solid;
        border-width: 2px;
        border-color: #3f7054;
	margin: 0 0 10px 10px;
}

.center .odd, 
.center .even {
	clear:both;
	height: 154px; 
	margin-bottom: 25px;
}

.center .odd img {
	float:right; 
	margin-left: 5px;
}

.center .even img {
	float:left; 
	margin-right: 5px;
}

/* CONTENT SECONDARY */

#content_secondary {
	min-height: 200px;
	width: 28%;
	float: right;
}

#content_secondary h4 {
	margin-left: 0px; 
	padding: 0 5px;
}

/* SUB NAVIGATION */

ul.nav_sub {
	list-style-type: none; 
	margin: 0 10px 0 0; 
	line-height: 12px;
}

.nav_sub li {
	margin: 0 0 12px 0;
}

.nav_sub a:link, 
.nav_sub a:visited {
	text-decoration: none; 
}



/* --------- =content features --------- */

#content_features {
	width: 28%;
	float: right;
	min-height: 200px;
}

#content_features h4 {
	margin-bottom: 2px;
}

#content_features li {
	padding-left:5px;
	list-style-type:none; 
	margin-left: 0px;
}
	
#daily fieldset, 
.item {
	width: 184px; 
	padding: 2px; 
	margin: 10px auto;
}

.item img {
	border: none;
}

.service #content_features img {
	padding: 2px;
}

.service #content_primary #wide{
	width: 730px;
}

/* --- =program sections 3rd column --- */
.courses #content_primary {
	width: 50%;
}

.courses #content_primary #wide{
	width: 540px;
}

.courses #content_primary #wider{
	width: 710px;
}

.courses #content_secondary {
	width: 24%; 
	float: left; 
	margin-left: 5px;
}

.courses #content_features {
	width: 24%; 
	float: right;
}


.courses table { 
margin-left: auto;
margin-right: auto;
text-align: left;
}

.courses table td {
	padding: .5em;
} 

/* =site map
-----------------------------------------------------------------------------*/
#sitemap {
font-size: 10px;
clear:both;
margin-left: 10px;
}

#sitemap a:hover {}
#sitemap a {text-decoration:none;}
#sitemap li {list-style: none; margin: 0 0 3px 0; padding: 2px 0;}
#sitemap fieldset {
        margin: 13px 0 5px 13px;
        padding: 0;
        width: 16em;
        float:left;
        border: 1px solid #eee;
}

/* =site info
-----------------------------------------------------------------------------*/
#site_info {
	width: 100%; 
	clear: both; 
	text-align: center;
}

#site_info h5 {
	display:inline;
}

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

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

.kadampa_news ul {
	padding: 0;
}

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

.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; 
}



/* =KEM
-----------------------------------------------------------------------------*/

.kemWeekTitle {
	padding-left: 5%;
}

.kemWeekClear {
	clear: both;
}

.kemWeekDay {
    width: 95%;
	margin: 1em 0 1em 5%;
}

.kemWeekDate {
	width: 15%;
	float: left;
	padding: 4px;

}

.kemWeekEvent {
width: 80%;
float: left;
}

.kemWeekRowOdd {
	width: 100%;
	padding: 4px;
}

.kemUpcomingEventsShortText {
    padding: 0 5px;
}

.kemWeekRowEven {
	width: 100%;
	padding: 4px;
}

#contentInner ul#next {
	list-style-type: none;
	border: 0;
	padding: 0;
}

#contentInner ul#next li a {
	display: block;
	background: none;
	padding: 0;
}

ul#next .left {
	float: left;
	margin-left:0px;
}

ul#next .right {
	float: right;
	margin-left:0px;
}

#daily {
	list-style: none;
	border: 0;
	padding: 0;
    cursor: pointer;
    margin: 0 0 10px 0;
}

#daily ul {list-style: none; margin: 0px;}

/*** Year at a glance ****/

.kemYearBox {
	padding: 2px;
margin: 10px 0 0 15px;
}

.kemYearDate {
	width: 25%;
	float: left;
	padding: 4px;

}

.kemYearMonth {
	padding: 4px;
}

.kemYearClear {
	clear:both;
}

#kadampa_booklet {background-color:#ffffec; margin: 30px 10px 0 10px; padding: 5px; text-align:center; width: 150px; line-height: 1.3;}
#kadampa_booklet p { margin: 5px 0 0 0; padding:0; font-size: 10px; color:#943800;}
#kadampa_booklet img { margin: 10px auto; padding:0; border:none; }