﻿/* Reset */

html, body 			{ margin: 0; padding: 0; border: 0;	background: transparent; font-size:10px;  }
				
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h6, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead  
					{margin: 0;	padding: 0;	border: 0; vertical-align:middle; background: transparent}


img					{ margin:0; padding:0; border:0;	}



input, select, textarea, form, fieldset	
					{ margin: 0; padding: 0px; border: 0;	}

article, aside, dialog, figure, footer, header, hgroup, anv, section	
					{ display:block;	}
	
h1, h2, h3, h4, h5, h6, h7, p, li, blockquote, td, th, a, caption, em, strong, strike	

					{	font-family:Arial, Helvetica, sans-serif;
						font-size:100%;
						font-weight: normal;
						font-style: normal;
						line-height: 100%;
						text-indent: 0;
						text-decoration: none;
						text-align: left;
						color: #000;	}
	
ol, ul				{ list-style: none;	}


/*Global */

html				{	}
body				{ background-color:#eeeeee;	}



/* Headings	*/

h1, h2, h3, h4, h5, h6, h7
					{ font-weight: bold; color: #000;	}

h1					{ font-size:24px;	}
h2					{ font-size:20px;	}
h3					{ font-size:16px; font-style:italic;	}
h4					{ font-size:14px;	}
h5					{ font-size:14px;	}
h6					{ font-size:12px;  font-style:italic; font-weight:lighter;}
h7					{ font-size:12px;  font-style:italic; font-weight:normal;}


h1	img, h2 img, h3 img, h4 img; h5 img, h6 img, h7 img	
					{ margin: 0;}



/* Text Elements */

p					{ color:#000; font-size:12px; line-height: 150%;	}
p .left				{ margin: 1.5em 1.5em 1.5em 0; padding: 0;	}
p .right			{ margin: 1.5em 0 1.5em 1.5em; padding: 0;	}


a					{	}
a:link				{ color: #00f;	}
a:visited			{ color:#FF3300;	}
a:active			{ color:#FF3300;	}
a:focus				{ color:#FF3300;	}
a:hover				{ color:#770000;	}

blockquote			{ color:#000;  font-size:12px;	}
	
strong				{font-weight: bold;	}
em					{font-style: italic;	}

/* Images */



/* Lists */

ul					{	}
ol					{ list-style-type:decimal;	}

ul li				{ color:#000; font-size:12px;	}
ol li				{ color:#000; font-size:12px;	}






/* Containers */

			
		

#wrapper				{ width:900px; margin:20px auto; background-color:#ffffff;	}

#top					{ background-color:#000000; width:100%; padding:0 0 0 0; overflow:hidden;	}

#logo					{ margin:0 0 0 0px; float:left;	}

#social-media			{ float:right; margin:0 20px 0 0;	}
#social-media p			{ color:#ffffff; font-size:11px; margin:4px 10px 4px 0px;	}
#social-media img		{ width:24px; height:24px	}
#social-media ul li		{ display:inline;	}

#topnav					{ background-color:#333333; clear:both;	}
#topnav ul				{ width:100%; float:left; margin:0px; background-color:#333333;
							border-bottom:0px #cccccc solid; border-top:3px #cccccc solid	}
#topnav ul li			{ display:inline;	}


/*	(padding for 7 links spacing)		
#topnav li a			{ float:left; padding:10px 31px 10px 31px; } 
*/


/*  (padding for 8 links spacing) 
#topnav li a			{ float:left; padding:10px 24px 10px 24px; }
*/

/*
  (padding for 9 links spacing) 
*/
#topnav li a			{ float:left; padding:10px 19px 10px 19px; }

/*  (padding for 10 links spacing) *//*
#topnav li a			{ float:left; padding:10px 14px 10px 14px; }*/




#topnav a:link			{ color:#FFFFFF; color:#ffffff; font-size:12px; font-weight:bold; text-align:center;	 }
#topnav a:visited		{ color:#ffffff;	}
#topnav a:active		{ color:#ffffff;	}
#topnav a:hover			{ color:#ffffff; background-color:#770000;	}
#topnav a:focus			{ color:#ffffff;	}



#banner					{	}

#subbanner				{ width:100%; background-color:#800000; padding:4px 0; overflow:hidden;	}
#subbanner h3			{ color:#ffffff; font-size:14px; font-weight:bold; text-align:center; line-height:180%; }


#subbanner2				{ width:100%; background-color: #333333; padding:4px 0; overflow:hidden;	}
#subbanner2 h3			{ color:#ffffff; font-size:14px; font-weight:bold; text-align:center; line-height:180%; }

#content-wrapper		{	}

#content					{ float:left; width:600px; padding:0px 0 0 75px;}
#content h1					{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0;	}
#content p					{ margin:16px 0; line-height:160%;		}
#content p.hangingindent 	{text-indent:-14px; padding-left:14px}

#content h2					{margin:20px 0 0 0;	}
#content img				{ padding:8px; border:1px #888888 solid; margin:4px;	}


#content2					{ float:left; width:755px; padding:0px 0 0 75px;} 
#content2 h1					{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0;	}
#content2 p					{ margin:16px 0; line-height:160%;		}
#content2 h2					{margin:20px 0 0 0;	}
/*#content2 img				{ padding:8px; border:1px #888888 solid; margin:4px;	}  */
#content2 img				{ padding:0px; border:0px #222222 solid; margin:0px;	}



#content3					{ float:left; width:600px; padding:0px 0 0 0px;}
#content3 h1					{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0;	}
#content3 p					{ margin:16px 0; line-height:160%;		}
#content3 p.hangingindent 	{text-indent:-14px; padding-left:14px}

#content3 h2					{margin:20px 0 0 0;	}
#content3 img				{ padding:8px; border:1px #888888 solid; margin:4px;float:left;	}












/* Table Styles for Officer/Committees - Row color grey/blue and row height 40px*/
	
.tableofficer		td					{ font-family:Arial, Helvetica, sans-serif;font-size: 10pt; }
.tableofficer							{width:600px;				}
.tableofficer							{float:left;	}
.tableofficer							{margin-bottom:15px}  /* Puts 15px vertical between the two tables*/										
.tableofficer		tr					{height:50px;												}
					table,th , td		{border: 0px solid black; border-collapse: collapse;		}
					th					{background-color: #a70000;	color:white;					}
					th, td				{padding:5px;	height:0px;	text-align:center;	}
.tableofficer		tr:nth-child(even)	{background-color:#B9DCEE;	}
.tableofficer		tr:nth-child(odd)	{background-color: #e8e8e8;	}												
.tableofficer		img				    { padding:8px; border:1px #888888 solid; margin:4px;float:right;	}

	
	
.exaltedrulerblog					{ float:left; width:600px; padding:0px 0 0 75px;}
.exaltedrulerblog	h1				{ margin: 0 0 20px 0; font-size:32px; border-bottom:1px #777777 solid; padding:20px 0;	}
.exaltedrulerblog	p				{ margin:16px 0; line-height:160%;		}
.exaltedrulerblogp	.hangingindent 	{text-indent:-14px; padding-left:14px}

.exaltedrulerblog	h2				{margin:20px 0 0 0;	}
.exaltedrulerblog	img				{padding:8px; border:1px #888888 solid; margin:4px;float:right;	}

	
	
	
	
	
	
	
	
	

/* Table Styles for Committee Chairs - Row color grey/yellow and beige height 60px*/


.tabletc								{width:600px; font-family:Arial, Helvetica, sans-serif;font-size: 10pt; }
.tabletc			table				{float:left;  padding :40 0 0px 40;					}										
.tabletc			tr					{height:50px;												}
					table,th , td		{border: 0px solid black; border-collapse: collapse;		}
					th					{background-color: #a70000;	color:white;					}
					th, td				{padding:5px;	height:0px;	text-align:center;	}
.tabletc			tr:nth-child(even)	{background-color:#F3FFE8;	}
.tabletc			tr:nth-child(odd)	{background-color:#CAFFCE;	}


						

/* Table Styles for Past Exalted Rulers - Row color grey/yellow and beige height 60px*/


.tableper								{width:600px; font-family:Arial, Helvetica, sans-serif, serif;font-size: 10pt; }
					table				{float:left;  padding :40 0 0px 40;		}										
.tableper			tr					{height:80px;												}
					table,th , td		{border: 0px solid black; border-collapse: collapse;		}
					th					{background-color: #a70000;	color:white;					}
					th, td				{padding:5px;	height:0px;	text-align:center;	}
.tableper			tr:nth-child(even)	{background-color:#FEFAED;	}
.tableper			tr:nth-child(odd)	{background-color: #FCF0AD;	}



/*

#table table				{width:600px; }
#table						{font-family:Arial, Helvetica, sans-serif, serif;font-size: 10pt;	}
#table tr					{height:40px;	}
#table						{float:left; width:600px; padding:0px 0 0 75px;}
#table table, th, td		{border: 0px solid black; border-collapse: collapse;		}
#table th, td				{padding:5px;	height:0px;	text-align:center;	}
#table th	 				{background-color: #a70000;	color:white;}
#table tr:nth-child(even)	{ background-color:#B9DCEE;	}
#table tr:nth-child(odd)	{background-color: #e8e8e8;	}

/* Table2 for PER Page - Row color light yellow/beige and row height 60px
#table2 table				{width:600px; }
#table2						{font-family:Arial, Helvetica, sans-serif, serif;font-size: 10pt;	}
#table2 tr					{height:60px;	}
#table2						{float:left; width:600px; padding:0px 0 0 75px;}
#table2 table, th, td		{border: 0px solid black; border-collapse: collapse;		}
#table2 th, td				{padding:5px;	height:0px;	text-align:center;	}
#table2 th	 				{background-color: #a70000;	color:white;}
#table2 tr:nth-child(even)	{background-color:#FEFAED	}
#table2 tr:nth-child(odd)	{background-color:#FCF0AD	}*/








#rightside					{ padding:20px;	margin-left:700px;}
/*#rightside					{ padding:20px;	margin-left:720px;}*/

#rightside h2				{ margin:20px 0 10px 0;	}
#rightside p				{ margin:8px 0; line-height:100%;	}

#footer					{ background-color: #800000; clear:both;	}
#footer ul				{ width:100%; float:left; margin:0px; background-color:#333333;
							border-bottom:0px #cccccc solid; border-top:3px #cccccc solid	}
#footer ul li			{ display:inline;	}

#footer li a			{ float:left; padding:10px 19px 10px 19px; }


#footer a:link			{ color:#FFFFFF; color:#ffffff; font-size:12px; font-weight:bold; text-align:center;	 }
#footer a:visited		{ color:#ffffff;	}
#footer a:active		{ color:#ffffff;	}
#footer a:hover			{ color:#ffffff; background-color:#770000;	}
#footer a:focus			{ color:#ffffff;	}

#footer2					{ background-color: #800000; clear:both;	}
#footer2 ul				{ width:100%; float:left; margin:0px; background-color:#800000;
							border-bottom:0px #cccccc solid; border-top:3px #cccccc solid	}
#footer2 ul li			{ display:inline;	}

#footer2 li a			{ float:left; padding:10px 75px 10px 75px; }


#footer2 a:link			{ color:#FFFFFF; color:#ffffff; font-size:12px; font-weight:bold; text-align:center;	 }
#footer2 a:visited		{ color:#ffffff;	}
#footer2 a:active		{ color:#ffffff;	}
#footer2 a:hover			{ color:#ffffff; background-color:#333333;	}
#footer2 a:focus			{ color:#ffffff;	}







#box1	{	}

#box2	{	}

#box3	{	}

#box4	{	}

#box5	{	}

#box6	{	}


/* Layout Extra */




/* Navigation Extra */



/* Forms */

form{ text-align:left; margin:20px;	}

label, submit, input, textarea{
	border:0; padding:0; margin:0; background:none;
	}
	

label	{
	float: left; width: 150px; margin-top:5px;
	text-align:right; display:block;
	}
input, textarea	{
	border:1px #333 solid; margin-left:10px;
	}
	
input	{
	width:280px; margin-bottom: 16px;
	padding:5px;}

textarea	{
	width:280px; height:150px;
	margin-bottom: 16px; padding:5px;
	}
	
select	{	}	

.submit	{
	width:90px; height:25px;
	margin-left:150px;
	font-size:12px;
	}
	
#contact-form ol { list-style-type:none; }
	
	
		