/*-----------------------------------------------------------------------------
KMC US Style Sheet (Default)

author:    		Robin Pelham/Neil Elliott
email:     		robin@kadampaweb.org, neil@kadampa.net
last updated: 	04 July 2007 by Robin
-----------------------------------------------------------------------------*/

/*  This style sheet contains the layout, sizes and positioning information.
	All site colours, background images and font information are set in the 
	kmc-branding.css file */
	
/* version 1.0 */

@import "thickbox.css";
	
/* =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%;}
li, dd {margin-left:5%;} /* puts it back of certain tags */
fieldset {padding: .5em;}

body {
	min-width: 750px;
	max-width: 100%;
}

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

.caps {letter-spacing: 0.1em;}	

/* =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 ; 
	font-weight: normal; 
	padding-left:80px;
	width:670px;
	height:54px;	
}

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

#branding h2 {
	font-size: 2em; 
	margin: 0 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;
}

.kemYearBox {margin: 1.5em;}

hr {width: 450px;}

.floatLeft {
	float:left; 
	margin: 0 10px 10px 0;
}
.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;
}

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 {
	list-style-type:none; 
	margin-left: 0px;
}
	
#daily fieldset, 
.item {
	width: 184px; 
	padding: 2px; 
	margin: 10px auto;
}

.item img {border: none;}

#visit_temple, 
#news_letter p {
	font-size: 10px;
}



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

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

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

/* =site info
-----------------------------------------------------------------------------*/
#site_info {
	width: 100%; 
	clear:both; 
	font: 0.8em Arial, sans-serif; 
	text-align:center;
}

#site_info h2 {font-size: 9px;}
#site_info h5 {display:inline;}