
/* Global Styles */
body { background-color: #1d3a58; background-image: url('back2.jpg'); background-repeat: repeat-x; text-align: left; margin: 0; padding: 0; color: #000000;
       font-family: "Century Gothic",Monaco,Geneva,Verdana,"Microsoft Sans Serif",Arial,Helvetica,"Sans Serif"; }
bodyblue { background-color: #a076fa3; background-image: url('back2.jpg'); background-repeat: repeat-x; text-align: left; margin: 0; padding: 0; color: #000000;
       font-family: "Century Gothic",Monaco,Geneva,Verdana,"Microsoft Sans Serif",Arial,Helvetica,"Sans Serif"; }
img { border: 0; margin: 0; padding: 0; }

/* Font Classes */
h1 { font-size: 20px; font-weight: bold; color: #3c5d85; padding: 0; margin: 0; 
	font-family: "Maiandra GD",Verdana,"Microsoft Sans Serif",Arial,Helvetica; }
h2 { font-size: 18px; font-weight: bold; color: #f58025; padding: 0 0 10px 0; margin: 0; }
h3 { font-size: 14px; font-weight: bold; color: #3c5d85; padding: 2px 0 4px 0; margin: 0; }
h5 { font-size: 12px; font-weight: bold; color: #f58025; padding: 0 0 6px 0; margin: 0; }
p { margin: 0; padding: 6px 0 0 0; }
em { color: Black; font-weight: bold; }
.p1 { font-size: 20px; }
.p2 { display: block; color: black; font-size: 18px; font-weight: bold; margin: 0; padding: 0; clear: both; }

/* Page Body */
#pagebody { width: 970px; margin: 0 auto; padding: 0; backgroundxxx: url(orangeglowback2.jpg) repeat-y; }

.tframe { position: relative; background: url(top.gif) top left no-repeat; width: 970px; height: 34px; margin: 0 auto; padding: 0; }

.mframe { position: relative; backgroundxxx: url(middlebg.jpg) top left repeat-y; width: 970px; min-height: 700px; text-align: left; margin: 0; padding: 0 0px; }
.mframe span { display: block; padding: 12px 0 8px 0;  }
.mframex a { color: #cccccc; text-decoration: none; }  /* Screws up IE! */

#main { position: absolute; top: 0; left: 14px; background: url(middle2.jpg) top left no-repeat; background-color: #fffde1; width: 940px; min-height: 700px;
	padding: 0; margin: 0; }
#main ul { color: #305d85; }

.bframe { position: relative; background: url(bottom.gif) top left no-repeat; width: 970px; height: 58px; margin: 0 auto; padding: 0;
	text-align: center; color: #fffde1; font-family: Verdana,Geneva,Monaco,Arial,Helvetica,"Sans Serif"; }
.bframe span { display: block; padding: 12px 0 8px 0; font-size: 12px; }
.bframe a { color: #cccccc; text-decoration: none; }
.bframe a:hover { font-weight: bold; }

.pframe { position: relative; background: url(middlebg.jpg) Red repeat-y; min-height: 400px; text-align: left; margin: 0 auto; padding: 0; }

.desc { font-size: 14px; font-weight: normal; font-style: italic;
	font-family: Verdana,"Century Gothic","MS Sans Serif",Arial,Helvetica; }

#side { position: relative; top: 160px; left: 0; background: url(sidegrass2.png) no-repeat; overflow: hidden; 
	  width: 240px; min-height: 540px; z-index: 3; }

#menubox { position: absolute; top: 244px; left: 22px; background: url(BlueAlpha.png) repeat; width: 150px; min-height: 320px;
		color: White; font-size: 12px; text-align: left; border: 0; padding: 10px; z-index: 4; 
		font-family: "Century Gothic",Geneva,"Microsoft Sans Serif",Verdana,Arial,Helevtica,"Sans Serif";
		line-height: 18px; padding-bottom: 6px; }

#menubox div { position: absolute; top: -32px; left: 28px; width: 110px; height: 92px; z-index: 5;}

#menubox ul { position: relative; padding: 0; margin: 0; top: 56px; left: 6px; list-style-type: none;
		color: #cccccc; font-size: 13pt; margin: 0; display: block; }
#menubox li { margin-top: 10px; }
#menubox span { color: #ffffff; margin: 0; padding: 0; font-weight: bold; }
#menubox ul ul { position: relative; top: 0; font-size: 11pt; padding: 0; margin-top: 6px; list-style-type: none; }
#menubox ul ul li { margin: 0 0 2px 16px; }
#menubox ul ul a { color: Orange; }

#menubox a { color: #cccccc; text-decoration: none; }
#menubox a:hover { font-weight: bold; }


#titlebox { position: absolute; top: 150px; left: 150px; height: 48px; min-width: 312px; text-align: left; z-index: 4; }
#titlebox img { position: absolute; top: 0; left: 0; z-index: 4; }
#titlebox div { position: relative; top: 8px; left: 26px; font-size: 20px; font-weight: bold; z-index: 5; color: #336699;  }

#bodyblock { position: absolute; top: 200px; left: 250px; width: 650px; min-height: 400px; 
		text-align: left; z-index: 10; font-weight: 500; color: #000000; font-size: 11pt; padding: 20px 0 0 10px; }

#bodyblock p { padding: 4px 0 14px 4px; }
#bodyblock ul { margin-top: 0; margin-bottom: 8px; padding-top: 0; font-size: 10.5pt; }
#bodyblock a { color: Blue; text-decoration: underline; }
#bodyblock a:hover { font-weight: normal; }
#bodyblock li p { font-size: 12px; color: #336699; font-weight: normal; }
#bodyblock img { margin: 0 6px 0 0; }

.text1 { font-size: 14px; color: #000000; font-weight: normal; }
.text2 { color: #336699; display: block; padding: 10px 40px; text-align: justify; }

#people { position: absolute; top: 500px; left: 0; width: 940px; height: 202px; background: url(People.png) no-repeat; z-index: 2; }

#d1 { position: absolute; top: 20px; left: 500px; padding: 0; margin: 0; font-size: 20px; font-weight: bold; text-align: left; color: #3c5d85;
	font-family: "Century Gothic",Verdana,Monaco,Geneva,Tahoma,Arial,"Century Gothic",Helvetica,"Sans Serif"; }
#d1 span { color: #f58025; display: inline; margin: 0; padding: 2px 0; }

#d2 { position: absolute; top: 110px; left: 500px; padding: 0; margin: 0; font-size: 16px; font-weight: normal; text-align: center; color: black;
	font-family: "Maiandra GD",Verdana,Monaco,Geneva,Tahoma,Arial,"Century Gothic",Helvetica,"Sans Serif"; }
#d2 span { color: #faa800; display: inline; margin: 0; padding: 2px 0; font-style: italic; font-weight: bold; }

#d3 { position: absolute; top: 380px; left: 240px; padding: 0; margin: 0; color: #000000;
	text-align: center; display: block; height: 200px; width: 250px; }

#d4 { position: absolute; top: 380px; left: 530px; padding: 0; margin: 0; color: #000000;
	text-align: center; display: block; height: 200px; width: 250px; }

#d5 { position: relative; top: 20px; left: 20px; width: 420px; height: 120px; text-align: center; }

