/*typography
-------------------------------------------------------- */
img {
	border: 0;
	}

h2 {
	font-size: 125%;
	color: #666;
	margin: 0;
	padding:0;
	}

h3 {
	margin: 0;
	}

fieldset {
	border: 1px solid #f3f1ed;
	padding: 1em;
	}
	
td { 
	color:#666;
	}

th {
	background: #f3f1ed;
	color:#f90;
	}

ul {
	margin: 0 0 0 15px; 
	padding: 0; 
	list-style-type: circle;
	}
	
li {
	margin: 0 0 10px 0;
	}
	
ul.no_margin {
	margin: 0 0 0 -20px;
	}
	
html>body ul.no_margin {     
	margin: 0 0 0 2px;
	}	
	
ol {
	margin:  0 0 10px 0;
	}

/*html>body .btmline {     
	background-position: bottom;
	height: 40px;
	}*/	
	
.sm-margin {
	margin: 2px 0 15px 0;
	}	

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

.largetext {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
}

.xlargetext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #666666;
	}


.smalltext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

.xsmall {
	font-size: 80%;
	}

.rxsmall {
	font-size: 85%;
	color:red;
	}

.new {
	color:red;
	font-weight:bold;
	}
	
.large {
	font-size: 120%;
	}	
	
.testimonial {font-style:italic; font-size:12px; color: #666}
.pullout {font-weight:bold; color: #39c}


a:link {color: #3399CC}

a:visited {color: #3399CC}

a:hover {color: #3399CC; text-decoration:none} 

a.leftnav:link {color: #666666; text-decoration:none; font-weight:bold}
a.leftnav:visited {color: #666666; text-decoration:none;font-weight:bold}
a.leftnav:hover {color: #3399CC; text-decoration:underline;font-weight:bold}

a.red:link {
	color: red; 
	text-decoration:none;
	font-weight:bold; 
	font-size: 105%
	}
	
a.red:visited {
	color: red; 
	text-decoration:none;
	font-weight:bold;
	font-size: 105%
	}
	
a.red:hover {
	color: red; 
	text-decoration:underline;
	font-weight:bold;
	font-size:105%
	}

a.none:link {color:#666;text-decoration:none;}
a.none:visited {color:#666;text-decoration:none;}
a.none:hover {color:#666;text-decoration:none} 	
	
legend {color: #FF0033;
		font-size: 11px;
		text-transform:uppercase}
		
button {
color: #39c;
	font-family: "Lucinda Grande", verdana, arial, sans-serif;
	font-size: 95%;
	align:center;
	}
	
.blue {
	color: #39c; 
	font-size: 105%
	}

.subhead				 {
	color: #666;
	font-size:120%;
	font-weight: bold;
	}

/* layout schools page
-------------------------------------------------------- */
#sch-chart {
	width:550px;
	margin:0;
	align: left;
	}

#col-link {
	width: 150px;
	float: left;
	}
	
#col2 {
	width:140px;
	float:left;
	}

#col3, #col4, #col5, #col6 {
	width: 60px;
	float: left;
	text-align: center;
	}
	
#col7 {
	width: 60px;
	float: left;
	text-align: center;
	}

#sch-chart ul{
	margin: 0; 
	padding: 0;
	list-style-type: none;
	border: 1px #f3f1ed solid;
	}
	
#sch-chart li{
	margin: 0; 
	padding: 6px 5px;
	
	font-size:90%;
	}

.title {
	background: #f3f1ed;
	color:#666;
	font-size: 120%;
	font-weight:bold;
	}

.blank { color: #fff }	
	
		
/*home page
-------------------------------------------------------- */
#nav {
	margin: 0 0 0 15px;
	width: 175px;
	} 
	
#nav ul {
	width: 150px;
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
	
#nav li {
	margin: 0 0 12px 0;
	width: 9.3em;
	border: 1px solid #f3f1ed;
	}	
	
#nav li	a {
	padding: 0 6px;
	height: 1.5em;
	line-height: 1.5em;
	display: block;
	border: 1px solid #f3f1ed;
	background: #f3f1ed;
	text-decoration: none;
	color: #f90;
	}

#nav li	a:hover {
	border: 1px solid #f90;
	}

#nav li p{
	margin: 0;
	padding: 2px 7px;
	font-size: 80%;
	height: 35px;
	}

#imgrow ul {
	margin: 0; 
	padding: 0; 
	list-style-type: none;
	}
	
#imgrow li  { 
	margin: 0 1px 0 0;
	padding: 0; 
	display: inline;
	} 
	
div.hottopic {
	align: left;
	}
	
.hottopic p {
	margin: 2px 2px;
	font-size:80%;
	/*text-align:center; */
	}

.hottopic p.link {
	text-align: right;
	font-size: 80%;
	}

/* forms
-------------------------------------------------------- */
	
form {	
	margin: 0 0 2em 0;
	padding: 0;	
	}

div.formcol {
	float: left;
	width: 265px;
	font-size:95%;
	padding: 0 2px 0 5px;
	}
	
div.formreg {
	float: left;
	width: 300px;
	font-size:95%;
	padding: 15px;
	background-color:#f3f1ed;
	}



/*html>div.formcol {
	width: 250px;
	}		 */
	
div.formrow input, div.formrow select {
	margin: 0 0 3px 0;
	padding: 0;
	font-size:95%;
	}
	
input#submit, input#button {
	color: #39c;
	font-family: "Lucinda Grande", verdana, arial, sans-serif;
	font-size: 95%;
	align:center;
	}

label {
	width: 80px;
	margin: 0;
	padding: 0;
	color: #39c;
	}

.formrow label {
	float: left;
	}

label.hide {
	display: none;
	}
	
label.large {
	font-size: 120%;
	}
	
/* links
-------------------------------------------------------- */	
#links {
	width:500px;
	}

#links img{
	float: left;
	margin: 0 0 10px 0;
	}	

#links ul{
	list-style-type: none;
	margin-left: 110px; 
	}
	
#links li  { 
	margin: 0;
	font-size: 95%;
	} 
	
#links br {
	clear: left;
	}	
	
.name {
	color: #39c;
	font-weight:bold;
	padding-top:3px;
	}
	
/* donation table
-------------------------------------------------------- */
.vertline {
	background-image:  url(../images/1dot.gif);
	background-repeat: repeat-y;
	background-position: center;
	}

.horzline {
	background-image:  url(../images/1dot.gif);
	background-repeat: repeat-x;
	background-position: center;
	}
		
/* shala event -- temporary
-------------------------------------------------------- */
#shala h2 {color: #ff00cc;font-size:110%}	
#shala a:link {color: #ff6600}
#shala a:visited {color: #ff6600}
#shala a:hover {color: #ff00cc; text-decoration:none} 
.pink {color:#ff00cc}