/*** TOP BANNER ********************************/

#banner {
	height: 120px;
	width: 570px;
	margin-left: 150px;
	padding-left: 30px;
}
#banner h1, #banner h2 {
	display: none;
}
* html #sponsor {
	width: 147px;
}
* html #banner {
	margin-left: -3px;
	margin-right: -3px;
} /* IE HACK */

/*** FOOTER ************************************/

#footer {
	background: #999 url('../layout/footer.png') no-repeat top;
}

/*** TOPBAR ************************************/

#topbar {
	width: 600px;
	margin-left: 150px;
	padding: 1px 0;
	background: #EFC url('../layout/sidebar.png') repeat-y left;
	text-align: center;
}
* html #topbar {
	margin-left: 147px;
} /* IE HACK */
#topbar ul {
	margin: 0.5em 0;
	padding: 0;
	list-style: none;
}
#topbar ul li {
	display: inline;
	padding: 0 5px;
	border-left: 1px solid #000;
}
#topbar ul li.first {
	border-left: none;
}
#topbar ul li a {
	color: #000;
}
#topbar ul li a:hover {
	color: #9C0;
}

/*** CONTENT ***********************************/

#content {
	width: 570px;
	margin-left: 150px;
	padding: 1px 10px 20px 20px;
	background: #FFF url('../layout/sidebar.png') repeat-y left;
}
* html #content {
	margin-left: 147px;
} /* IE HACK */

#content p {
	margin: 0.5em 0;
    text-indent: 1.5em;
}
	  
#content h2, #content h3 {
	margin: 1em 0 0.5em 0;
	font-weight: bold;
}
#content h2 {
	padding: 3px 33px 0 10px;
	font-size: 2em;
	background: #EFC url('../layout/heading.png') no-repeat right;
	text-align: center;
	color: #9C0;
}
#content h3 {
	font-size: 1.5em;
	color: #9C0;
}
#content a {
	color: #390;
}
#content a:hover {
	background: #EFC;
}
#content ul, ol {
	list-style-position: outside;
	margin: 1em 0 1em 2em;
	padding-left: 0;
}
#content ul {
	list-style-type: disc;
}
#content li {
	margin: 0.5em 0;

}
#content table {
	margin: 1em 0;
	border-collapse: collapse;
}
#content table td, #content table th {
	border: 1px solid #999;
	padding: 0.2em 0.4em;
}
#content table.noborder{
	margin: 0 auto;
	border: 0px;
}
#content table.noborder td, #content table.noborder th {
	border: 0px;
}

#content form {
	display: block;
	margin: 1em 0;
	padding: 0.5em 1em;
	border: 1px solid #999;
}

/*** CONTENT:Testimonials & Quotations ****/

blockquote p {
	padding: 10px 30px 0px 25px;
	font-size: 1.0em;
	background: url(../images/QMB.gif) bottom right no-repeat;
}

blockquote {
	margin: 30px;
	font-size: 1.0em;
	background: url(../images/QMF.gif) top left no-repeat;
}

cite {
	font-size: 1.2em;
	font-weight: bold;
}

a.local {
	font-weight: bold;
}

p.quote {
	color: #0033CC;
}

#content div.author {
	margin: 0 40px;
}

#content div.left {
	float:left; 
	text-align:left;
	width: 50%;
}

#content div.right {
	float: right;
	text-align: right;
	width: 50%;
}

/*** ABOUT PAGE STYLES *************************/

.about .portrait {
	float: left;
	margin: 0 10px 5px 0 !important;
}

/*** NEWS PAGE STYLES **************************/

.news h2 {
	margin: 1.5em 0 0 0 !important;
	padding: 0 !important;
	font-size: 1.5em !important;
	background: none !important;
	color: #000  !important;
	text-align:left !important;
}
.news h3 {
	margin: 0 !important;
	font-size: 1.1em !important;
	color: #000 !important;
	text-align:left !important;
}
.news .date {
	font-style: italic !important;
	margin-bottom: 1.2em !important;
}
.news .img {
	float: left !important;
	margin: 0 !important;
	padding: 0 10px 0 0 !important;
}
.news .img span {
	display: block !important;
	font-size: 0.9em !important;
	font-weight: bold !important;
	text-align: center !important;
}

.archive a {
	color: #000 !important;
}

/*** MEMBERS PAGE STYLES ***********************/

h2.letter {
	background: #EFC !important;
	font-size: 1.75em !important;
	text-align: center !important;
}
.entry h3 {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 1.25em !important;
	color: #000 !important;
}
.entry h4 {
	margin: 0 !important;
}
.entry table {
	margin: 0.5em 0 1em 0 !important;
}
.entry td {
	padding: 0.5em !important;
}
.entry .contact {
	white-space: nowrap !important;
}
.entry .contact img {
	display: block !important;
}
.entry p {
	margin: 0 !important;
}
.entry .contact .atsign {
	display: inline !important;
	vertical-align: top !important;
}

/*** RESOURCES PAGE STYLES *********************/

.resources h2 {
	font-size: 1.5em !important;
}
.resources a {
	color: #000 !important;
}
div.resources { 
	width:600px; 
} 
div.left_column { 
	width:49%; 
	float:left; 
	text-align:left; 
	vertical-align:middle; 
} 
div.center_column{
	width:2%;
}
div.right_column { 
	width:49%; 
	float:right; 
	text-align:left; 
	vertical-align:middle; 
}
hr.res { 
	clear:both; 
	display:block; 
	visibility:hidden;
}

/*** CALENDAR PAGE STYLES **********************/

#events_cal {
	width: 295px !important;
	margin: 0 auto !important;
	padding: 0.2em 0 !important;
	background: #EFC !important;
	color: #9C0 !important;
	text-align: center !important;
	font-size: 1.5em !important;
}

#changemonth {
	width: 295px;
	height: 1.5em;
	margin: 0 auto 2em auto;
	padding-top: 0.2em;
	background: #EEFFCC;
	text-align: center;
}
#changemonth a { color: #000 !important; }
#changemonth a:hover { color: #390 !important; }
#changemonth #prevlink { float: left; }
#changemonth #nextlink { float: right; }
#changemonth #nowlink { text-align: center; }

#calendar {
	margin: 0 auto !important;
	width: 295px;
}
#calendar td {
	width: 35px;
	border: 1px solid #000 !important;
	padding: 2px 0 12px 6px !important;
}
#calendar #daynames td {
	padding: 2px 0 !important;
	background: #9C0 !important;
	color: #EFC !important;
	text-align: center !important;
	font-weight: bold !important;
}
#calendar td.today {
	background: #FF6;
	font-weight: bold;
	text-decoration: underline;
}
#calendar td.othermonth {
	font-size: 0.75em;
}
#calendar td.active {
	background: #EFC;
}

.event {
	width: 250px;
	float: left;
	margin: 1em;
	border: 1px solid #999;
}
.event h2 {
	margin: 0 !important;
	padding: 2px 10px !important;
	border-bottom: 1px solid #999;
	background: #EFC !important;
	color: #9C0 !important;
	font-size: 1.25em !important;
	font-weight: bold !important;
}
.event p {
	margin: 0.5em 0 !important;
	padding: 0 10px !important;
}

/*** GLOSSARY PAGE STYLES **********************/

.glossary dl {
	padding: 0.5em 0;
}
.glossary dt {
	background: #EFC;
	margin-top: 0.8em;
	padding: 1px 0 1px 5px;
	font-weight: bold;
}

/*** CLASSIFIEDS PAGE STYLES *******************/

.classifieds h2 {
	float: left;
	width: 527px;
}
.classifieds p {
	float: left;
	clear: left;
	width: 250px;
	margin: 5px !important;
	padding: 5px;
	border: 1px solid #CCC;
}
.classifieds p.alt {
	clear: none !important;
}
.classifieds strong {
	display: block;
	padding-bottom: 5px;
	text-transform: uppercase;
}
.classifieds em {
	display: block;
	text-align: right;
}
.classifieds .atsign {
	display: inline !important;
	vertical-align: top !important;
}

/*** TESTIMONIALS PAGE STYLES *******************/

h2.multiline {
	background: #EFC url('../layout/heading2.png') no-repeat right !important;
}
	
div.contactinfo{
	padding-left: 30px;
}

/*** WORKSHOP PAGE STYLES ***/

.workshopinfo table {
	text-align:center !important;
	width:550px !important;
}

.workshopinfo table td.day, #workshopinfo table td.session{
	width:25% !important;
}

.workshopinfo table td.content {
	width:50% !important;
}

#content #media table {
	margin: 0 auto !important;
}