/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* GLOBAL STYLES */
p { margin-bottom:1em; }

.clear { clear:both; }
.right-just { text-align:right; }
.italic { font-style:italic; }
.center { text-align:center; }

body { background-color:#9966cc; line-height:1.2em; }
#header { background-color:#9966cc; height:135px; min-width:800px;}
#header-logo { float:left; margin:5px; }
#header-main { float:left; }
#header-image-right { float:right; margin:5px; }

#leftnav { float:left; width:150px; background-color:#9966cc; }
h1 { font-size:160%; font-weight:bold; color:#522994; margin-bottom:10px; }
h2 { font-size:140%; font-weight:bold; color:#000; }
h3 { font-size:120%; font-weight:bold; color:#000; }


/* HOME PAGE */
#home-content { margin-left:150px; padding-right:160px; background-color:white; font-family:arial;}

#welcome { float:right; width:140px; padding:10px; border-left:1px solid #522994; background-color:white; font-family:arial; font-size:12px; }
#welcome h2 { font-size:140%; font-weight:bold; font-style:italic; color:#522994; margin-bottom:8px; }

#newsletter { font-size:12px; margin:0 15px 15px 15px; border-bottom:1px dotted #9966cc; }
#newsletter h2 { padding-top:15px; }

.event { font-size:12px; margin:15px; border-bottom:1px dotted #9966cc; }
.event img { margin:12px; }

#official-contact { font-size:11px; }

#address { width:140px; margin-top:-500px; text-align:right; font-family:arial; font-size:11px; color:white; line-height:1.5em; }

#xhtml-badge { float:right; margin-right: 5px; margin-top:-70px; font-size:11px; }


/* PAGE TEMPATE */
#page-content { margin-left:150px; background-color:white; font-family:arial;}
#content-title { margin:0 15px 15px 15px; }
#content-body { padding:50px; font-size:13px; }
.image-left { float:left; margin:10px 10px 10px 0; }
.image-right { float:right; margin:10px 0 10px 10px; }

#committee-list { list-style:none; margin-bottom:20px; }
#committee-list li { text-align:center; padding:10px; margin-bottom:5px; border-bottom:1px dotted #9966cc; }
#committee-list li strong { font-weight:bold; font-size:14px; color:#9966cc; }
#committee-list a { text-decoration:none; } 
#involve-list { padding-left:25px; }
#involve-list li strong { font-weight:bold; color:black; }

.floatleft { float: left; margin: 0px 5px 5px 0px; }
.floatright { float: right; margin: 0px 0px 5px 5px; } 


/* Backgrund Images pages */
#ash-bgi {
	background-image: url(/sjpics/ash_2_light_full.jpg);
	background-position: 30%; 
	margin-left: 70px;
	width: 800px;
	height: 800px;
	background-repeat: no-repeat;
	background-attachment: fixed; }
	
	
	
/* Begging of committee table called .table_comm table */
.table_comm table {
	width:100%;
	border-collapse:collapse;
}

.table_comm td, .table_comm th {
 	border:1px solid black;
	padding:5px;
}

.table_comm td img {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.table_comm {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	border-width: medium;
	font-size:meduim;
	font-style:normal;
	background-color:#926cb8;
	margin-bottom:5em;
	margin-top:1em;
	margin-left:2%;
	margin-right:2%;
	padding:5px;
}

caption {
	text-align:center;
	font-size:200%;
	font-weight:bold;
	color:#CCCCCC
}

.odd {
	 background-color:#fdfadc;
}

.even {
	background-color:#f5d0d0;
}

.official_name { width:150px; }
.official_person { width:100px; }
.official_pix{ width:78px; }
/* .official_des  use as FLOAT Column */

.activities_des  { width:250; }
.activities_pix { width:78px; }
/*.activities_person { width:300px; } */

.council_pix { width:78px; }
.council_person { width:150px; }
.current_year { text-align: center; width:auto}
.next_year { text-align:center; width:auto}
/* .council_title  use as FLOAT Column */

/* END of .table_comm table */

/* 2009_lentem_drama.html */
.2009_ld_date { text-align:center; }
.2009_ld_theme { text-align:left; width:300px; }