
/* mcj_consulting style sheets 9/2006 */

body   { background-color: #eeeeee; margin: 0px; }

h1, h2, h3   { margin: 0em; }
p   { margin: 0em 0em 1em 0em; }

img.left   { float: left; border: solid 2px #888; margin: 6px 10px 0px 0px; }
img.right   { float: right; border: solid 2px #888; margin: 6px 0px 0px 10px; }

a:link   { color: #444; text-decoration: none; }
a:visited   { color: #444; text-decoration: none; }
a:active   {}
a:hover   { color: maroon; text-decoration: underline; }

a.rev:link   { color: white; text-decoration: none; }
a.rev:visited   { color: white; text-decoration: none; }
a.rev:active   {}
a.rev:hover   { text-decoration: underline; }

.table_basic   { width: 780px; border: solid 1px #bbbbbb;  background-color: #ffffff; text-align: left; }
.table_basic_green   { width: 780px; border: solid 1px #bbbbbb;  background-color: #ffffff; text-align: left; background-image: url(../images/sidebar.gif); background-repeat: no-repeat;}
.table_basic_maroon   { width: 780px; border: solid 1px #bbbbbb;  background-color: #ffffff; text-align: left; background-image: url(../images/sidebar_maroon.gif); background-repeat: no-repeat;}

.masthead   { width: 780px; height: 105px; background-color: #ffffff; position: relative; }
.masthead img   { width: 385px; float: left; }
.masthead p   { width: 250px; font: normal 12px/11px arial; float: right; text-align: right; padding: 72px 30px 0px 0px; }

.homepage   { width: 780px; clear: both; height: 170px; background-color: #3F5A1C; position: relative; }

.blue   { color: #0045a4; }
.green   { color: #3F5A1C; }
.maroon   { color: maroon; }
.white { color: #ffffff; }
.white a { color: #ffffff; }

.backblue   { background-color: #0045a4; }
.backgreen   { background-color: #3F5A1C; }
.backmaroon   { background-color: maroon; }
.backwhite { background-color: #ffffff; }

.internal   { width: 780px; clear: both; position: relative; background-color: #fff; }

#navbar   { float: left; width: 200px; font: normal 13px/24px arial; border: dashed 0px red; }
	#navbar ul   { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 25px; }
	#navbar li   { list-style-type: none; }

#navbar_ref   { float: left; width: 200px; font: normal 13px/24px arial; border: dashed 0px red; }
	#navbar_ref ul   { margin: 0px 0px 0px 0px; padding: 10px 0px 10px 25px; }
	#navbar_ref li   { list-style-type: none; }
	
.image   { float: right; width: 578px; height: 170px; background-image: url(../images/home_bknd_green.jpg); }
	.image h1   { font: normal 21px/30px georgia; color: #ffffff; margin: 15px 70px 20px 30px; }
	.read_more   { font: normal 11px/12px arial; text-align: right; margin: 0px 30px 0px 0px; color: #ffffff; text-transform: uppercase; }
	
#content   { clear: both; }

#clients   { }
	#clients p   { font: bold 14px/16px arial; color: maroon; margin-bottom: 12px; }

#clientlist   { float: left; width: 518px; }   /* change width back to 300 to allow side-by-side columns */
	#clientlist li   { font: normal 14px/16px arial; color: maroon; margin: 0px 0px 6px 0px; }

#clientlist2   { float: left; width: 200px; }
	#clientlist2 li   { font: normal 14px/16px arial; color: maroon; margin: 0px 0px 6px 0px; }

	.quote   { font: normal 16px/24px georgia; color: maroon; padding: 15px 20px 0px 25px; text-align: left; }
	.quote_sayer   { font: bold 12px/14px arial; color: maroon; padding: 0px 20px 0px 25px; text-align: left; }

	.upcoming   { text-align: right; padding: 15px 0px 0px 20px; }

.information   { width: 518px; float: right; padding: 15px 30px 0px 30px; }

	.information h1   { font: normal 18px/24px georgia; color: #444; margin: 0px 0px 6px 0px; }
	.information h2   { font: normal 16px/21px georgia; color: #444; margin: 16px 0px 6px 0px; }
	.information p   { font: normal 16px/24px georgia; color: #444; text-align: left; }

	.information ul   { padding: 0px 20px 0px 15px; margin: 0px 0px 0px 0px; }
	.information li   { font: normal 14px/17px georgia; color: #444; padding: 0px 0px 8px 0px; }

	.blue li   { color: #0045a4; }
	.green li   { color: #3F5A1C;}
	.maroon li   { color: maroon; }	

	.info_img   { float: left; padding: 0px 8px 8px 0px; margin: 0px 0px 0px 0px; }

	#bar   { width: 482px; clear: both; background-color: maroon; text-align: center; font: normal 13px/16px arial; color: #fff; padding: 10px; }
	#bar_blue   { width: 482px; clear: both; background-color: #0045a4; text-align: center; font: normal 13px/16px arial; color: #fff; padding: 10px; }


.information_ref   { width: 518px; float: right; padding: 15px 30px 0px 30px; }
	.information_ref h1   { font: normal 18px/24px georgia; color: #444; margin: 0px 0px 6px 0px; }
	.information_ref p   { font: normal 16px/24px georgia; color: #444; }
	.list_column3_ref   { float: left; width: 250px; }
	.list_column4_ref   { float: left; width: 250px; }



#society   { float: left; width: 495px; margin: 0px 0px 0px 0px; padding: 0px; }
	#society h2   { font: normal 18px/24px georgia; color: maroon; margin-bottom: 9px; }
	.second_list   { font-weight: bold; }

#events   { width: 475px; background-color: #fff; }
	#events a   { color: #0045a4; }
	#events h2   { margin-top: 12px; font: 900 14px/21px georgia; color: #0045a4; }
	#events ul   { margin: 0px 0px 12px 0px; }
	#events ul b   { color: #0045a4; }
	#events li   { list-style: none; margin: 0px 0px 10px -15px; padding-left: 10px; font: normal 14px/19px georgia; color: #444; border-bottom: dashed 1px #aaa; }
	#events li i   { color: maroon; }

#event_detail   { width: 500px; background-color: #fff; position: relative; }
	#event_detail h1   { font: normal 18px/24px arial; font-weight: 100; color: #0045a4; }
	#event_detail p   { font: normal 16px/20px arial; font-weight: 100; color: #444; }

#sidebar   { float: right; width: 175px; font-family: arial; background-color: #eee; border: solid 1px #ccc; }
	#sidebar h3   { color: #0045a4; padding: 12px; }
	#sidebar ul   { list-style: none; margin: 14px; padding: 0px; }
	#sidebar li   { color: #777; padding: 0px 0px 9px 0px; }
	#sidebar a   { color: #0045a4; }


#faq   { margin: 0px; padding: 0px; }
	#faq ul   { margin-top: 12px; }
	#faq li.question   { list-style: none; font: 900 14px/17px arial; color: #0045a4; margin: 0px 0px 0px -15px; padding-left: 20px; background-image: url(../images/faq_q.gif); background-repeat: no-repeat; background-position: 0em .1em; }
	#faq li.answers   { list-style: none; font: 100 14px/17px arial; color: #444; margin: 0px 0px 12px -15px; padding-left: 20px; background-image: url(../images/faq_a.gif); background-repeat: no-repeat; background-position: 0em .1em; }
	#faq li ul   { margin-bottom: 0px; }
	#faq li li   { list-style: none; font: 100 14px/17px arial; color: #0045a4; margin: 0px 0px 0px -15px; padding-left: 25px; background-image: url(../images/check.gif); background-repeat: no-repeat; background-position: 0em .1em; }

#references   { }
	.ref_name   { font-size: 12px; }
	#list_column4 .ref_quote   { font-size: 36px; color: red; }
	
		/* change padding and widths together to equal total column widths 200 and 578 */

	#left_column   { width: 200px; float: left; }
		#left_column ul   { padding-top: 10px; margin-top: 10px; }
		#left_column li   { font: 100 16px/18px georgia; color: #444; 
			list-style-type: none; text-align: center; margin: 0px 0px 12px 0px; }

		#left_column a   { color: maroon; text-decoration: underline; }

		#left_column li.q   { font: 900 12px/14px arial; color: maroon; text-transform: uppercase; }


		p   { font: normal 18px/24px georgia; color: #444; padding: 12px; text-align: center; }

		.quote   { font: normal 16px/24px georgia; color: maroon; padding: 15px 20px 0px 25px; }
		.quote_sayer   { font: bold 12px/14px arial; color: maroon; padding: 0px 20px 0px 25px; }

		.upcoming   { text-align: right; padding: 15px 0px 0px 20px; }

	#wide_column   { width: 580px; float: left; padding: 14px 0px 0px 0px; text-align: center; }

		#wide_column h2   { font: normal 14px/18px georgia; margin-bottom: 0px; color: #fff; }
		#wide_column p   { font: normal 12px/16px arial; margin-bottom: 0px; color: #fff; }

		#wide_column .home_quote   { font: normal 16px/24px georgia; color: #333; margin: 10px 20px 0px 0px; padding: 10px 20px 20px 20px; }
		#wide_column .home_quote_sayer   { font: bold 12px/16px arial; color: #333; text-align: right; margin: 0px 20px 0px 0px; }

		.gateway_inviso   { float: left; width: 49px; border: solid 0px red; }
		.gateway_box_r   { float: left; width: 120px; background-color: maroon; border: solid 4px #b27c7a; padding: 6px; margin-right: 20px; }
		.gateway_box_g   { float: left; width: 120px; background-color: #3f5a1c; border: solid 4px #8c9c77; padding: 6px; margin-right: 20px; }
		.gateway_box_b   { float: left; width: 120px; background-color: #00209f; border: solid 4px #6679c5; padding: 6px; margin-right: 20px; }


#footer   { width: 780px; clear: both; background-color: #ffffff; text-align: center; padding: 18px 0px 18px 0px; font: 12px/16px arial; color: #888; }

.spacer   { padding: 6px; }

.note   { color: red; padding: 20px 0px 20px 0px; }


