/* styles -- brahmaviharas.org */

body {
	margin:0 auto;
	padding:0;
	border:0;
	background: #fff url(../i/BVF_d8big.jpg) no-repeat;
	}	

#container { 
	margin: 10px 0px 15px 195px;
	padding: 0;
	width: 800px;
	height: auto;
	}

h1 {
	margin:2px 20px 4px 0px;  
	padding:0;
	color: #5e095e; 
	font: italic normal 800 24px/100% Georgia, Times New Roman, Times, serif; 
	text-decoration: none; 
	text-align: right; 
	}
h1 a{
	color: #5e095e;
	text-decoration:none;
	}
h1 a:hover{
	color: #fff;
	text-decoration:none;
	}
	
#flash1 {
	margin:0;
	padding: 0; width: 800px; height: 120px;
	}
#flash2 {
	margin:0 0 0 12px;
	padding: 0; width: 200px; height: 200px;
	}
	
#nav {
	margin: 5px 0 0 0;
	padding:0;
	height:25px; 
	text-align: center;
	}
#nav ul {
	margin: 0;
	padding: 0;
	display: inline;
	} 	
#nav li{
	margin: 0;
	padding: 0;
	list-style: inside none;
	display: inline;
	}
#nav li a {
	margin:0;
	padding:3px 10px 5px 10px;
	color: #5e095e; 
	font: normal normal 800 .7em/100% Verdana, Geneva, sans-serif; 
	text-decoration: none; 
	background: transparent;
	}
#nav li a:hover {
	color: #5e095e;
	background: #fff;
	}

#contentleft {
	float: left;
	margin: 20px 30px 20px 30px;
	padding: 0;
	width:62%;
	height:auto;
	border: 0px dotted #5e095e; 
	text-align: left;
	background: #fff;
	}
h2 {
	margin: 0 0 18px 0; 
	padding: 0;
	color: #5e095e; 
	font: italic normal 800 30px/100% Georgia, Times New Roman, Times, serif; 
	text-decoration: none; 
	}
		
h3 {
	margin: 0; 
	padding: 0;
	color: #5e095e; 
	font: normal normal 800 18px/100% Georgia, Times New Roman, Times, serif; 
	text-decoration: none; 
	}
	
h4 {
	margin: 0; 
	padding: 0;
	color: #5e095e; 
	font: italic normal 800 1em/100% Georgia, Times New Roman, Times, serif; 
	text-decoration: none; 
	}
	
h5 {
	margin: 0; 
	padding: 0;
	color: #5e095e; 
	font: normal normal 800 1em/100% Georgia, Times New Roman, Times, serif; 
	text-decoration: none; 
	}

p {	
	margin:0 0 21px 0;
	padding:0;
	color: #5e095e;
	font: 1em/160% Georgia, Times New Roman, Times, serif;		
	vertical-align:	baseline;
	}
		
img {
	border: 0;
	}
			
table {
	margin:0 0 32px 24px;
	padding:0;
	color: #5e095e;
	font: .8em/160% Georgia, Times New Roman, Times, serif;		
	vertical-align:	baseline;
	}
table td {
	padding:0 0 10px 0;
	}
	
#contentleft a {
    display: inline;
   	color: #5e095e;
    text-decoration: underline;
    }
html>body #contentleft a {
    width: auto;
    }
#contentleft a:hover {
    color: #5e095e;
	text-decoration: underline;
	background: #fcf;
    }
				
#contentleft ul {
	margin: 30px 0 30px 0;
    padding: 0;
    border-top: 3px solid #f4dd43;
	border-bottom: 3px solid #f4dd43;
    list-style: none;
    }
#contentleft li {
	margin:0;
	padding:0;
    border-top: 1px dotted #5e095e;
    list-style: none;
    list-style-image: none;
    }
#contentleft li.extra {
	padding: 10px;
	}
#contentleft li a {
    display: block;
    padding: 10px;
    background-color: #fff;
    color: #5e095e;
    text-decoration: none;
    width: 100%;
    }
html>body #contentleft li a {
    width: auto;
	text-decoration: none;
    }
#contentleft li a:hover {
    background-color: #f8ec99;
    color: #5e095e;
	text-decoration: none;
    }

#retreats {
	float: left;
	margin: 20px 30px 20px 30px;
	padding: 0;
	width:62%;
	height:auto;
	border: 0px dotted #5e095e; 
	text-align: left;
	background: #fff;
	}

#retreats ul { margin: 8px 0 18px 0; padding: 0; list-style: none; font: 1em/120% Georgia, Times New Roman, Times, serif; }
#retreats li { margin: 0; padding: 0; list-style: none; }

#retreats li a {
    background-color: #fff;
    color: #5e095e;
    text-decoration: none;
    }
html>body #retreats li a {
    width: auto;
	text-decoration: none;
    }
#retreats li a:hover {
    background-color: #fff;
    color: #5e095e;
	text-decoration: underline;
    }

.city-nav a { float: right; margin-top: 16px; font-style:italic; text-decoration:none;
    color: #5e095e;
    }
.city-nav a:hover {
    color: #5e095e; text-decoration:underline;
    }

#rightcontent {
		margin: 0;
        padding: 20px 20px 20px 560px;
        color: #5e095e; 
		font: .8em/100% Verdana, Geneva, sans-serif; 
		text-decoration: none;
        background-color: #fff;
        }
#rightcontent ul {
		margin: 10px 10px 30px 10px;
        padding: 0;
        border-top: 3px solid #f4dd43;
		border-bottom: 3px solid #f4dd43;
        list-style: none;
        }
#rightcontent li {
		margin:0;
		padding:0;
        border-top: 1px dotted #5e095e;
        list-style: none;
        list-style-image: none;
        }
#rightcontent li.extra {
		padding: 10px;
		}
#rightcontent li a {
        display: block;
        padding: 10px;
        background-color: #fff;
        color: #5e095e;
        text-decoration: none;
        width: 100%;
        }
html>body #rightcontent li a {
        width: auto;
        }
#rightcontent li a:hover {
        background-color: #f8ec99;
       	color: #5e095e;
        }

#about{
	margin:30px 10px 0 10px;
	padding:10px;
	border-top: 3px solid #f4dd43;
	border-bottom: 3px solid #f4dd43;
	}
#about p{
	color: #5e095e;
	font:.9em/160% Verdana, Geneva, sans-serif;		
	vertical-align:	baseline;
	text-decoration: none;
	text-align: left;
	}
#about a{
	padding: 3px;
	font:.9em/160% Verdana, Geneva, sans-serif;		
	vertical-align:	baseline;
	color: #5e095e;
	text-decoration: none;
	text-align: right;
	}
#about a:hover{
	padding: 3px;
	color: #660099;
	background: #f4dd43;
	text-decoration: none;}

#footer { 
	margin: 0;
	padding: 0;
	background: #fff;
	}	
#footer p {
	margin:0;
	padding:0;
	color: #5e095e;
	font:.6em/160% Verdana, Geneva, sans-serif;		
	vertical-align:	baseline;
	}