/* Base style settings */

html {}

body {
	background: #FFFFFF url(images/wallpaper.png) repeat;
	font-family: 'Philosopher', Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #31211A;
}

body, h1, h2, h3, h4, h5, h6, p, a {font-weight: normal; margin: 0; line-height: 1.00;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Philosopher', Arial, Helvetica, sans-serif;
	color: #31211A;
}

h1	{font-size: 2.00em;}
h2	{font-size: 1.50em;}
h3	{font-size: 1.17em;}
h4	{font-size: 1.00em;}
h5	{font-size: 0.83em;}
h6	{font-size: 0.75em;}
p	{font-size: 1.00em;}
a	{font-size: 1.00em;}

b, strong	{font-weight: bolder;}
i			{font-style: italic;}

/* Site style settings */

#page_top 				{height: 170px; margin: 40px 0 0 0;}
#page_top_band			{height: 100px; margin-top: 25px; background: url(images/cutout20_80.png) repeat-x; border-bottom: solid 1px #DEB891;}
#page_top_logo			{height: 150px; width: 980px; margin-top:-125px; margin-left: auto; margin-right: auto; 
							background: url(images/silhouette5-tan-logo-150.png) top left no-repeat }
#page_top_logo h2		{padding-top: 60px; padding-left: 130px; color: #DEB891; font-size: 2.40em; }
#page_top_logo h3		{padding-left: 130px; color: #DEB891; font-family: 'Trebuchet MS', sans-serif; font-size: 0.72em; letter-spacing: 1.9px; }
#page_top_menu			{width: 980px; height: 35px; margin-top:-20px; margin-left: auto; margin-right: auto;}

#page_top a				{color: #DEB891; text-decoration: none}
#page_top a:link			{color: #DEB891;}
#page_top a:visited 		{color: #DEB891;}
#page_top a:hover 		{color: #DEB891;}

#page_middle			{width: 980px; margin-top:-22px; margin-left: auto; margin-right: auto; border: solid 1px #9b5620;
							background: url(images/cutout20_80.png) repeat;}

#page_middle h1			{font-size: 1.50em; font-weight: bolder;}	
#page_middle h2			{font-size: 1.17em; font-weight: bolder; padding-bottom: 10px;}	
#page_middle h3			{font-size: 1.00em; font-weight: bolder; padding-bottom: 8px;}	
#page_middle h4			{font-size: 0.85em; font-weight: bolder; padding-bottom: 8px;}	
#page_middle p			{font-size: 0.85em; letter-spacing: 1.1px; line-height: 1.2;}	
#page_middle ul			{font-size: 0.85em; letter-spacing: 1.1px; line-height: 1.2;}	

#page_middle a			{color: #31211A;}
#page_middle a:link		{color: #31211A;}
#page_middle a:visited 	{color: #31211A;}
#page_middle a:hover 	{color: #FFFFFF;}

#page_middle iframe		{margin: 10px auto 10px 8px;}
						
#t1main					{width: 960px; margin: 10px auto 10px auto;}
.c1main1				{width: 650px; text-align: left; vertical-align: top; background-color: #CFAB87; border: solid 1px #9b5620;}
.c1main2				{width:  10px; text-align: left; vertical-align: top;}
.c1main3				{width: 290px; text-align: left; vertical-align: top; background-color: #CFAB87; border: solid 1px #9b5620;}

.t2main					{width: 520px; margin: 0px auto 0px auto;}
.c2main1				{width: 400px; text-align: left;  vertical-align: top; padding-bottom: 5px;}
.c2main2				{width:  20px; text-align: left;  vertical-align: top;}
.c2main3				{width: 100px; text-align: right; vertical-align: top;}

.c3main1				{width: 250px; text-align: center;  vertical-align: top; padding-bottom: 5px;}
.c3main2				{width:  20px; text-align: center;  vertical-align: top;}
.c3main3				{width: 250px; text-align: center;  vertical-align: top;}

.panel1					{width: 250px; margin: 0px auto 5px auto; text-align: center; color: #31211A;}

.panel3					{display: block; width: 250px; margin: 0px auto 0px auto; text-align: center; color: #31211A; border: solid 2px #CFAB87;}
a.panel3				{text-decoration: none;}
a.panel3:link			{}
a.panel3:visited		{}
a.panel3:hover 			{border: solid 2px #000000;}

h3.panel3				{font-family: 'Philosopher', sans-serif; font-size: 1.20em;}
h4.panel3				{font-family: 'Philosopher', sans-serif; font-size: 1.10em;}
p.panel3				{font-family: 'Philosopher', sans-serif; font-size: 1.00em;}

.ptitle3				{margin: 0; text-align: center; color: #31211A; background-color: #C48A67;
							border-top: solid 10px #BE8253; border-bottom: solid 10px #BE8253;
							border-right: solid 4px #BE8253; border-left: solid 4px #BE8253; padding: 10px 0 0 0;}

.ptext3					{margin: 0px; color: #31211A; text-align: center; padding: 10px 0 0 0; border-left: solid 1px #CFAB87;}

.sb_title1, .sb_pic1, .sb_sep1, .sb_text1 {display: block; width: 250px; color: #31211A;}
.mb_title1, .mb_pic1, .mb_sep1, .mb_text1 {display: block; width: 610px; color: #31211A;}

.sb_title1,	.mb_title1	{margin: 20px auto  0px auto; text-align: left;  }
.sb_pic1, .mb_pic1		{margin: 20px auto  0px auto; text-align: center;}
.sb_sep1, .mb_sep1		{margin:  0px auto  0px auto; text-align: left;  }
.sb_text1, .mb_text1	{margin: 20px auto 20px auto; text-align: left;  }

.sb_ptext1				{padding: 0 0 10px 0;}
.sb_ptext2				{padding: 0 12px 30px 12px; text-align: justify;}
.sb_ptext3				{padding: 0 12px 30px 12px; text-align: left;}
.sb_ptext4				{padding: 0 30px 30px 30px; text-align: left;}

.sb_pquote1				{padding: 0 5px 30px 5px; text-align: center;}
.sb_pquote2				{padding: 0 30px 30px 30px; text-align: center;}

.mb_ptext1				{padding: 0 0 10px 0;}
.mb_ptext2				{padding: 0 30px 10px 30px;}

.mb_ul1					{list-style-type: circle; list-style-position:inside;}
.mb_li1					{padding-left: 15px;}

.mb_ul2					{}
.mb_li2					{padding-top: 10px; padding-right: 25px; padding-left: 15px;}

.teacher				{float: left; width: 170px; margin: 0 10px 10px 10px; color: #31211A;}
a.teacher				{color: #31211A; border: solid 2px #CFAB87; text-decoration: none }
a.teacher:link			{color: #31211A;}
a.teacher:visited		{color: #31211A;}
a.teacher:hover 			{color: #31211A; border: solid 2px #000000;}

.teacher_pic			{float: clear; width: 146px; height: 146px; margin-top: 5px; margin-left: 5px; text-align: center;}
.teacher_name			{padding: 0 5px 3px 5px; font-weight: bolder; color: #31211A;}
.teacher_title			{padding: 0 5px 3px 5px; font-weight: bolder; color: #31211A;}
.teacher_text			{padding: 0 5px 0 5px; color: #31211A;}

.goddess				{background: #CFAB87 url(images/goddess-mono-100.gif) right bottom no-repeat }
.leaves					{background: #CFAB87 url(images/leaves-2-125.png) right bottom no-repeat }

#gallery				{height: 600px; font-size: 0.850em; padding-left: 10px; overflow-y: auto;}

#hdr					{position: relative; width: 650px; height: 750px; margin-left: auto; margin-right: auto;}
#hdr_pic 				{position: absolute; width: 584px; height: 684px; top: 33px; left: 33px; overflow: hidden;}
#hdr_pic img				{position: absolute;
						 border-top:   solid 2px #404040; border-bottom: solid 2px #c0c0c0;
						 border-right: solid 2px #c0c0c0; border-left:   solid 2px #404040;}
#hdr_pic img.first		{z-index: 99;}

#page_bottom			{position: relative; margin-top: 20px; background: url(images/cutout20_80.png) repeat-x; border-top: solid 1px #DEB891; 
							font-family: 'Trebuchet MS', sans-serif; color: #DEB891; font-size: 0.75em; line-height: 1.50; }
#footer_menu			{width: 980px; margin-left: auto; margin-right: auto; padding-top: 15px; text-align: center;}
#copyright				{width: 980px; margin-left: auto; margin-right: auto; padding-top: 15px; padding-bottom: 15px; text-align: center;}

#footer_menu a			{color: #DEB891;}
#footer_menu a:link		{color: #DEB891;}
#footer_menu a:visited 	{color: #DEB891;}
#footer_menu a:hover 	{color: #FFFFFF;}

.center		{text-align: center;}
.justify	{text-align: justify;}
.normal		{font-weight: normal;}
.indent		{padding-left: 10px; padding-right: 10px;}

.border		{border-top:   solid 2px #404040; border-bottom: solid 2px #c0c0c0;
			 border-right: solid 2px #c0c0c0; border-left:   solid 2px #404040;}

.youtube	{width: 560px; margin-left: auto; margin-right:auto; }
