/*css for Wat Buddhavipassana site*/

@font-face {

	font-family: TrajanPro-Regular; src: url(fonts/TrajanPro-Regular.otf);

}
@font-face {

	font-family: TrajanPro-Bold; src: url(fonts/TrajanPro-Bold.otf);

}
}
html, body {
	height:100%;
	
	}
body {
	font-family: verdana;
	width:1060px;
	margin:auto; 
	background-color:#ffffff;
	clear:both;
	}
.push {
	height:100%;
	clear:both;
	}
p {	
	font-size:13px;
	color:#666666;
	}
#logo {
	padding-left:20px;
}
a.logorollover {
	display: block;  
	width: 170px; 
	height: 170px; 
	background-image:url(images/vipassana_logo.jpg); 
	background-repeat: no-repeat; 
	
	}
a.logorollover:hover { 
	background-image: url(images/vipassana_logo_rollover.jpg);  
	} 
#sideheader {
	float:left;
	padding-left:20px;
	padding-right:20px;
	}
#address p{
	text-align:center;
	width:200px;
	font-size:12px;
	}
#mainheader {
	float:left;
	margin-top:-16px;
	}
#sitebranding {
	float:left;
	}
#banner {
	padding-top:126px;
	padding-bottom:5px;
	}
#cal {
    width:200px;
    font-family:arial, helvetica, sans-serif;
    font-size:8pt; /* this will fit in our 30x30px box nicely */
    color:#000;
    text-align:center;
    line-height:20px;
    float:left;
    margin-top:-160px;
   	padding-bottom:30px;
}
#cal h2 {
    width:192px;
    margin:0 3px 3px3 px;
	font-family:arial, helvetica, sans-serif;
	font-weight:bold;
    font-size:10pt;
    background:#ff9933;
    color:#ffffff;
	padding-top:3px;
	padding-bottom:3px;
}
#cal ul {
    width:200px;
    margin-left:-2px;
    padding:0;
}
#cal ul li {
    width:20px;
    height:20px;
    display:block;
    float:left;
    list-style:none;
    border:5px solid #fff;
    margin:0;
}
#cal ul li.day {
    background:#666;
    color:#fff;
    padding:1px;
    margin:-2px;
}
 
#cal ul li.num { 
	background:#ccc;
	margin:-1px;
	}
#cal a.event {
    display:block;
    width:15px;
    height:15px;
    text-decoration:none;
    background:#ff9933;
    margin:-1px;
    padding:3px;
}
h1 {
	font: 30px TrajanPro-Bold, serif;
	color:#ffffff;
	padding-left:20px;
	letter-spacing:1px;
	margin-top:-85px;
	}
h2 {
	font: 22px TrajanPro-bold, serif;
	color:#666666;
	padding-top:20px;
}

h3 {
	font: 18px TrajanPro-regular, serif;
	color:#ff9933;
	}
h4 {
	font: 14px TrajanPro-regular, serif;
	color:#666666;
	}
#temple img{
	padding-right:20px;
}
#navigation li {
	font-size:14px;
	list-style-type:none;
	display:inline;
	}
li a {
	text-decoration:none;
	background-color:#ffb400;
	padding-left:46px;
	padding-right:45px;
	padding-top:5px;
	padding-bottom:5px;
	}
#navigation {
	position:relative;
	left:200px;
	}
a:link,a:visited {
	color:#ffffff;
	}
.aboutcolor {
	background-color:#ff9933;
	}
a:hover.aboutcolor {
	background-color:#cc6633;
	}
.gallerycolor {
	background-color:#9dc44d;
	}
a:hover.gallerycolor {
	background-color:#669933;
	}
.teachingscolor {
	background-color:#ffcc33;
	}
a:hover.teachingscolor {
	background-color:#cc9933;
	}
.eventscolor {
	background-color:#66ccff;
	}
a:hover.eventscolor {
	background-color:#3399cc;
	}
.contactcolor {
	background-color:#ff6666;
	}
a:hover.contactcolor {
	background-color:#cc3333;
	}
#maincontent {
	width:980px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:20px;
}
#mainbodycontent {
	margin-left:220px;
	padding-left:20px;
	border-left:1px solid #ff9933;
	}
#Schedule {
	font-size:13px;
	color:#666666;
	}
#footer {
	width:1060px;
	border-top:1px solid #ff9933;
	border-bottom:1px solid #ff9933;
	
	}
#navigationfooter li {
	position:relative;
	left:-20px;
	font-size:10px;
	list-style-type:none;
	display:inline;
	}
#navigationfooter li a {
	text-decoration:underline;
	color:#000000;
	background-color:#ffffff;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:1px;
	
	}
#navigationfooter li a:hover{
	color:#ff9933;
	}
#copyright {
	position:relative;
	top:-45px;
	left:20px;
	color:#ffffff;
	}
#copyright p{
	color:#ffffff;
}