/* Main Styles */
body {
	background-color: #000;
	font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; line-height: 15px;
	margin: 0; /* zeroes the margins on the body */
	padding: 25px 0px 25px 0px;
	border: 0; /* zeroes off any existing border */
	text-align: center; /* Hack to center the wrapper in IE5.x pc */
	min-width: 750px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	}
#wrapper {
	width: 740px;
	margin-left: auto;
    margin-right: auto;
	position: relative; /* important to position it relatively */
	text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
	}
#banner {
	width: 740px;
	height: 422px;
	background:url("../images/home/karmapa_akshobya.jpg") no-repeat;
}
#banner.teachings {
	background:url("../images/teachings/teachings_top.jpg") no-repeat;
}
#banner.lineage {
	background:url("../images/lineage/lineage_top.jpg") no-repeat;
}
#banner.centres {
	background:url("../images/centres/centres_top.jpg") no-repeat;
}



/* Main Navigation Styles */
#mainNav {
	
}
#mainNav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 740px;
	float: left;
}
#mainNav li {
	float: left;
	padding: 5px 0px 5px 12px;
}
#mainNav a {
	display: block; 
	padding: 0 2em;
	line-height: 2.1em;
	color: #900;
	font-weight: bold; 
	text-decoration: none;
}
#mainNav a:link {
	color: #FBE0A4; 
	text-decoration: none;
}
#mainNav a:visited {
	color: #FBE0A4; 
	text-decoration: none;
}
#mainNav a:hover {
	color:#ffffff; 
	background-color:#990000;
	text-decoration: none;
}
#mainNav a:active {
	color: #FBE0A4; 
	text-decoration: none;
}

/* Content Styles */
#contentTop {
	width: 740px;
	height: 20px;
	background:url("../images/home/content_top.jpg") no-repeat;
}
#content {
	text-align: left;
	width: 740px;
	background: #FBE0A4 url("../images/home/content_back.jpg") repeat-y;
}

/* Main Content Styles */
#mainContent {
	width: 465px;
	float: left;
	padding: 20px 0px 20px 0px;
}
#mainContent h1 {
	font-weight: bold; 
	font-size: 18px; 
	line-height: 27px; 
	padding-left: 40px;
	padding-top: 15px; 
	padding-bottom: 10px; 
	color: #900; 
}
#mainContent h2 {
	font-weight: bold; 
	font-size: 15px; 
	line-height: 17px; 
	padding-left: 40px;
	padding-top: 15px; 
	padding-bottom: 0px; 
	color: #900; 
}
#mainContent h3 {
	font-weight: bold; 
	font-size: 13px; 
	line-height: 15px; 
	padding-left: 40px;
	padding-top: 15px; 
	padding-bottom: 0px; 
	color: #900; 
}
#mainContent p {
	padding-left: 40px; 
	padding-right: 20px; 
}
#mainContent .rule {
	float: right;
	padding: 10px 0px 0px 40px;
	border-bottom: #006 1px solid; width: 385px;
	margin-bottom: 20px;
}
#mainContent #validate {
	padding-left: 40px;  
}

#mainContent .leftie {
	width: 140px;
	float: left;
	padding: 0px 0px 12px 0px;
}
#mainContent .leftie img {
	margin: 0px 10px 0px 40px;
	float: left; 
	color: #666666;  
	text-align: left;
	border-top: #333 1px solid;
	border-right: #333 1px solid;
    border-bottom: #333 1px solid;
	border-left: #333 1px solid;
}
#mainContent .leftie img.noborder {
	border: none;
}
#mainContent .rightie {
	width: 315px;
	float: right;
	padding: 25px 0px 12px 0px;
	text-align: left;
}
/*#mainContent .rightie h2 {
	padding-top: 0px; 
	padding-bottom: 0px; 
	text-align: left;
}*/
#mainContent .rightie p {
	padding: 0px 20px 0px 0px;
}
#mainContent .newsright {
	width: 315px;
	float: right;
	padding: 0px 0px 0px 0px;
	text-align: left;
}
#mainContent .newsright h2 {
	padding-top: 0px; 
	padding-bottom: 0px; 
	text-align: left;
}
#mainContent .newsright p {
	margin-top: 0px;
	padding: 0px 20px 0px 0px;
}
#mainContent ul {
	margin: 5px 0px 0px 0px;
	padding-left: 60px;
	padding-right: 45px;
/*	list-style-type: none;*/
}
#mainContent ol {
	margin: 5px 0px 0px 0px;
	padding-left: 70px;
	padding-right: 45px;
/*	list-style-type: none;*/
}
#mainContent li {
	padding-top: 0px; 
	padding-left: 0px;
	padding-bottom: 5px; 
	margin: 0px; 
	color: #000;
}

/* Secondary Content Styles */
#secondaryContent {
	width: 230px;
	float: right;
	padding: 70px 0px 20px 0px;
}
#secondaryContent h2 {
	font-weight: bold; 
	font-size: 15px; 
	line-height: 17px; 
	padding-left: 0px; 
	padding-right: 55px;
	padding-top: 15px; 
	padding-bottom: 0px; 
	color: #900; 
}
#secondaryContent p {
	padding-left: 0px; 
	padding-right: 55px; 
}
#secondaryContent ul {
	margin: 5px 0px 0px 0px;
	padding-left: 15px;
	padding-right: 45px;
/*	list-style-type: none;*/
}
#secondaryContent ul.nostyle {
		padding-left: 0px;
		list-style-type: none;
}
#secondaryContent li {
	padding-top: 4px; 
	padding-left: 5px;
	padding-bottom: 12px; 
	margin: 0px; 
	color: #666;
}
#secondaryContent img { 
	border-top: #333 1px solid;
	border-right: #333 1px solid;
    border-bottom: #333 1px solid;
	border-left: #333 1px solid;
}
#contentLower {
	clear: both;
	width: 740px;
	height: 20px;
	background:url("../images/home/content_lower.jpg") no-repeat;
}

/* Footer Styles */
#footer {
	clear: both;
	
}

/* Link Styles */
a:link {
	color: #900;
}
a:visited {
	color: #600;
}
a:hover {
	color: #009; text-decoration: none;
}
a:active {
	color: #009; text-decoration: none;
}

/* quotations styles */
.quotes {
	margin-bottom: 30px;
	margin-left: 75px;
		
}	
.quotes blockquote {
		width: 270px;
		text-align: center;
		margin: 0;
		padding: 0;
		font-family: georgia, serif;
		font-size: 150%;
		letter-spacing: -1px;
		line-height: 1em;
		color: #555;
		background: #eee url(../images/general/fi_top.gif) no-repeat top left;
}
.quotes .quote {
		margin: 0;
		padding: 20px 20px 10px 20px;
		background: url(../images/general/fi_bottom.gif) no-repeat right bottom;
}
.quotes .author {
		margin: 0;
		padding: 0 0 10px 0;
		color: #999;
		font-size: 60%;
		background: url(../images/general/hpquote_bottom.gif) no-repeat bottom;
}
/* styles for doubled up images in body content */
.leftimage {
		float:left;
/*		width:40%;*/
		font-size: 10px; 
		color: #666666;
		margin: 10px 0px 10px 40px;
		width: 170px;
}
.leftimage a{
		display: block;
}
.rightimage {
		float:right;
/*		width:40%;*/
		font-size: 10px; 
		color: #666666;
		margin: 10px 20px 10px 0px;
		width: 170px;
}
.rightimage a{
		display: block;
}