@charset "UTF-8";
/* CSS Document */
/*
============================================================================
GENERAL
============================================================================
*/
body {
	background: url('images/bg.jpg') scroll center top;
	width: 100%;
	height: 100%;
	color: #47493A;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: 100% Georgia, "Times New Roman", Times, serif;
}

#pattern {
	background: url('images/bg.jpg') scroll center top;
	width: 100%;
	height: 100%;
	display: table;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#page {
	background: url('images/base.jpg') no-repeat scroll center top;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
	text-decoration: none;
}

img {
	background: none;
	border: none;
}

p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
}

ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

li {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h3 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

h5 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.hide {
	display: none;
}

.clear {
	clear: both;
}


/*
============================================================================
HEADER
============================================================================
*/
#header {
	background: url('images/header.gif') no-repeat left top;
	position: absolute;
	width: 285px;
	height: 120px;
	left: 449px;
	top: 0px;
}

#header:hover {
	background: url('images/header.gif') no-repeat left bottom;
}


/*
============================================================================
MENU
============================================================================
*/
#menu {
	position: absolute;
	width: 165px;
	height: 268px;
	list-style: none;
	left: 44px;
	top: 226px;
}

#menu_home {
	background: url('images/home.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 33px;
	left: 0px;
	top: 0px;
	z-index: 1000;
}

#menu_home a {
	z-index: 100;
}

#menu_home:hover {
	background: url('images/home.gif') no-repeat left bottom;
}

#menu_members {
	background: url('images/members.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 31px;
	left: 0px;
	top: 33px;
}

#menu_members:hover {
	background: url('images/members.gif') no-repeat left bottom;
}

#menu_history {
	background: url('images/history.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 31px;
	left: 0px;
	top: 64px;
}

#menu_history:hover {
	background: url('images/history.gif') no-repeat left bottom;
}

#menu_alumni {
	background: url('images/alumni.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 30px;
	left: 0px;
	top: 95px;
}

#menu_alumni:hover {
	background: url('images/alumni.gif') no-repeat left bottom;
}

#menu_philanthropy {
	background: url('images/philanthropy.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 31px;
	left: 0px;
	top: 125px;
}

#menu_philanthropy:hover {
	background: url('images/philanthropy.gif') no-repeat left bottom;
}

#menu_involvement {
	background: url('images/involvement.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 34px;
	left: 0px;
	top: 156px;
}

#menu_involvement:hover {
	background: url('images/involvement.gif') no-repeat left bottom;
}

#menu_gallery {
	background: url('images/gallery.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 28px;
	left: 0px;
	top: 190px;
}

#menu_gallery:hover {
	background: url('images/gallery.gif') no-repeat left bottom;
}

#menu_recruitment {
	background: url('images/recruitment.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 30px;
	left: 0px;
	top: 218px;
}

#menu_recruitment:hover {
	background: url('images/recruitment.gif') no-repeat left bottom;
}

#menu_contact {
	background: url('images/contact.gif') no-repeat left top;
	position: absolute;
	width: 165px;
	height: 30px;
	left: 0px;
	top: 248px;
}

#menu_contact:hover {
	background: url('images/contact.gif') no-repeat left bottom;
}

#menu .active {
	background-position: left bottom;
}


/*
============================================================================
HOME
============================================================================
*/
#home {
	background: url('images/home.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 950px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#slideshow {
	position: absolute;
	width: 371px;
	height: 278px;
	left: 342px;
	top: 279px;
	overflow: hidden;
}

#slide_01 {
	background: url('images/slideshow/slide_01.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_02 {
	background: url('images/slideshow/slide_02.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_03 {
	background: url('images/slideshow/slide_03.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_04 {
	background: url('images/slideshow/slide_04.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_05 {
	background: url('images/slideshow/slide_05.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_06 {
	background: url('images/slideshow/slide_06.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_07 {
	background: url('images/slideshow/slide_07.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#slide_08 {
	background: url('images/slideshow/slide_08.jpg') no-repeat right top;
	width: 371px;
	height: 278px;
}

#brag {
	position: absolute;
	width: 285px;
	height: 85px;
	color: #C91616;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 491px;
	top: 130px;
}

#brag .small {
	font: 75% Georgia, "Times New Roman", Times, serif;
}

#welcome {
	position: absolute;
	width: 488px;
	height: 200px;
	color: #0B7A1D;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 283px;
	top: 743px;
}


/*
============================================================================
MEMBERS
============================================================================
*/
#members {
	background: url('images/members.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 890px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#members_header {
	position: absolute;
	width: 300px;
	height: 150px;
	color: #359C4D;
	font: 300% Georgia, "Times New Roman", Times, serif;
	left: 253px;
	top: 175px;
}

#members_description {
	position: absolute;
	width: 400px;
	height: 50px;
	left: 253px;
	top: 250px;
}

#members ul {
	list-style: none;
}

.member_01_pic {
	position: absolute;
	width: 135px;
	height: 183px;
	left: 465px;
	top: 325px;
}

.member_01_title {
	position: absolute;
	width: 145px;
	height: 54px;
	text-align: center;
	left: 462px;
	top: 574px;
}

.member_02_pic {
	position: absolute;
	width: 129px;
	height: 173px;
	left: 252px;
	top: 322px;
}

.member_02_title {
	position: absolute;
	width: 145px;
	height: 54px;
	text-align: center;
	left: 250px;
	top: 558px;
}

.member_03_pic {
	position: absolute;
	width: 137px;
	height: 184px;
	left: 681px;
	top: 314px;
}

.member_03_title {
	position: absolute;
	width: 145px;
	height: 54px;
	text-align: center;
	left: 677px;
	top: 555px;
}

.officer_name {
	font: 81.25%/100% Georgia, "Times New Roman", Times, serif;
}

.officer_title {
	font: italic 62.5%/100% Georgia, "Times New Roman", Times, serif;
}

.officer_email {
	color: #097310;
	font: 56.25%/100% Georgia, "Times New Roman", Times, serif;
}

.officer_email:hover {
	color: #000000;
}

#officer_menu {
	position: absolute;
	width: 234px;
	height: 25px;
	text-align: center;
	left: 407px;
	top: 677px;
}

#more_left {
	background: url('images/more_left.jpg') no-repeat left top;
	position: absolute;
	width: 39px;
	height: 25px;
	left: 0px;
	top: 0px;
}

#officer_menu_text {
	padding: 1px 0px 0px 0px;
}

#more_left:hover {
	background: url('images/more_left.jpg') no-repeat left bottom;
}

#more_right {
	background: url('images/more_right.jpg') no-repeat left top;
	position: absolute;
	width: 39px;
	height: 25px;
	right: 0px;
	top: 0px;
}

#more_right:hover {
	background: url('images/more_right.jpg') no-repeat left bottom;
}

#members_qoute {
	position: absolute;
	width: 490px;
	height: 80px;
	color: #16851E;
	font: 75% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 262px;
	top: 760px;
}


/*
============================================================================
HISTORY
============================================================================
*/
#history {
	background: url('images/history.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 810px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#history_header {
	position: absolute;
	width: 300px;
	height: 150px;
	color: #FCF8EF;
	font: 300% Georgia, "Times New Roman", Times, serif;
	left: 275px;
	top: 162px;
}

#history_text {
	position: absolute;
	width: 224px;
	height: 314px;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	left: 315px;
	top: 321px;
}

#crest {
	position: absolute;
	width: 87px;
	height: 101px;
	left: 701px;
	top: 311px;
}

#crest_title {
	position: absolute;
	width: 87px;
	height: 20px;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 701px;
	top: 411px;
}

#founders {
	position: absolute;
	width: 172px;
	height: 100px;
	left: 654px;
	top: 521px;
}

#founders_title {
	position: absolute;
	width: 172px;
	height: 20px;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 655px;
	top: 655px;
}

#chatterbox {
	position: absolute;
	width: 350px;
	height: 20px;
	color: #CA0A0A;
	font: 68.75% Georgia, "Times New Roman", Times, serif;
	left: 252px;
	top: 738px;
}

#chatterbox a {
	color: #D05252;
	font: 118% Georgia, "Times New Roman", Times, serif;
	padding: 0px 3px 0px 0px;
}

#chatterbox a:hover {
	color: #CA0A0A;
}


/*
============================================================================
PHILANTHROPY
============================================================================
*/
#philanthropy {
	background: url('images/philanthropy.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 1180px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#philanthropy_header {
	position: absolute;
	width: 320px;
	height: 150px;
	color: #159318;
	font: 300% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 365px;
	top: 255px;
}

#wing_jam_text {
	position: absolute;
	width: 405px;
	height: 345px;
	font: 87.5%/130% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 325px;
	top: 338px;
}

#project_uplift_text {
	position: absolute;
	width: 280px;
	height: 100px;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 294px;
	top: 975px;
}

#philanthropy_contact {
	position: absolute;
	width: 160px;
	height: 124px;
	font: 87.5%/130% Georgia, "Times New Roman", Times, serif;
	left: 645px;
	top: 931px;
}

#philanthropy_contact a {
	color: #077812;
}

#philanthropy_contact a:hover {
	color: #47493A;
}


/*
============================================================================
INVOLVEMENT
============================================================================
*/
#involvement {
	background: url('images/involvement.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 1390px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#involvement_header {
	position: absolute;
	width: 320px;
	height: 150px;
	color: #FCF8EF;
	font: 300% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 370px;
	top: 250px;
}

#involvement_text {
	position: absolute;
	width: 410px;
	height: 110px;
	color: #159318;
	font: 81.25%/138% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 320px;
	top: 326px;
}

#involvement ul {
	list-style: none;
}

#involvement ul ul {
	list-style: none;
}

#involvement ul li {
	padding: 0px 0px 7px 0px;
}

#involvement ul li  ul li{
	padding: 0px 0px 0px 0px;
}

#involvement h3 {
	color: #000000;
	font: 100%/108% Georgia, "Times New Roman", Times, serif;
	padding: 0px 0px 1px 0px;
}

.involvement_title {
	font: 90% Georgia, "Times New Roman", Times, serif;
}

#section_01 {
	position: absolute;
	width: 149px;
	height: 450px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 314px;
	top: 645px;
}

#section_02 {
	position: absolute;
	width: 149px;
	height: 450px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 464px;
	top: 645px;
}

#section_03 {
	position: absolute;
	width: 149px;
	height: 450px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 614px;
	top: 645px;
}

#section_04 {
	position: absolute;
	width: 154px;
	height: 584px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 50px;
	top: 585px;
}

#section_05 {
	position: absolute;
	width: 158px;
	height: 115px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 165px;
	top: 1195px;
}

#section_06 {
	position: absolute;
	width: 158px;
	height: 115px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 325px;
	top: 1195px;
}

#section_07 {
	position: absolute;
	width: 158px;
	height: 115px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 485px;
	top: 1195px;
}

#section_08 {
	position: absolute;
	width: 158px;
	height: 115px;
	color: #159318;
	font: 62.5%/120% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 645px;
	top: 1195px;
}


/*
============================================================================
GALLERY
============================================================================
*/
#gallery {
	background: url('images/gallery.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 1075px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#gallery_header {
	position: absolute;
	width: 300px;
	height: 150px;
	color: #159318;
	font: 300% Georgia, "Times New Roman", Times, serif;
	left: 270px;
	top: 152px;
}

#gallery_slideshow {
	position: absolute;
	width: 399px;
	height: 299px;
	left: 326px;
	top: 315px;
	overflow: hidden;
}

#gallery_slideshow img {
	width: 399px;
	height: 299px;
}

#gallery_menu {
	position: absolute;
	width: 152px;
	height: 20px;
	left: 446px;
	top: 624px;
}

#previous {
	background: url('images/previous.jpg') no-repeat left top;
	position: absolute;
	width: 39px;
	height: 20px;
	left: 0px;
	top: 0px;
}

#previous:hover {
	background: url('images/previous.jpg') no-repeat left bottom;
}

#image_number {
	text-align: center;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
}

#number {
	font: 120% Georgia, "Times New Roman", Times, serif;
}

#total {
	font: 120% Georgia, "Times New Roman", Times, serif;
}

#next {
	background: url('images/next.jpg') no-repeat left top;
	position: absolute;
	width: 39px;
	height: 20px;
	right: 0px;
	top: 0px;
}

#next:hover {
	background: url('images/next.jpg') no-repeat left bottom;
}

#gallery_quote {
	position: absolute;
	width: 349px;
	height: 138px;
	font: 62.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 315px;
	top: 820px;
}

#gallery_java {
	background: url('images/no_java.jpg') no-repeat left top;
	position: absolute;
	width: 250px;
	height: 17px;
	font: 75% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 3px;
	left: 396px;
	top: 624px;
}
	

/*
============================================================================
RECRUITMENT
============================================================================
*/
#recruitment {
	background: url('images/recruitment.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 1080px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#recruitment_header {
	position: absolute;
	width: 300px;
	height: 150px;
	color: #FCF8EF;
	font: 300% Georgia, "Times New Roman", Times, serif;
	left: 281px;
	top: 155px;
}

#recruitment_text {
	position: absolute;
	width: 310px;
	height: 420px;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 350px;
	top: 365px;
}

#recruitment_top {
	position: absolute;
	width: 310px;
	height: 120px;
	left: 0px;
	top: 0px;
}

#recruitment_links {
	position: absolute;
	width: 310px;
	height: 80px;
	left: 0px;
	top: 157px;
}

#recruitment_links p {
	padding: 0px 0px 8px 0px;
}

#recruitment_links a {
	color: #24A00F;
}

#recruitment_links a:hover {
	color: #47493A;
}

#recruitment_bottom {
	position: absolute;
	width: 310px;
	height: 80px;
	left: 0px;
	top: 258px;
}

#recruitment_address {
	color: #24A00F;
}

#recruitment_quote {
	position: absolute;
	width: 392px;
	height: 100px;
	color: #BF1F1F;
	font: 87.5% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 272px;
	top: 922px;
}

/*
============================================================================
CONTACT
============================================================================
*/
#contact {
	background: url('images/contact.jpg') no-repeat right top;
	position: relative;
	width: 900px;
	height: 910px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#contact_header {
	position: absolute;
	width: 300px;
	height: 150px;
	color: #359C4D;
	font: 300% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	left: 375px;
	top: 255px;
}

#contact_message {
	background: url('images/message.jpg') no-repeat right top;
	position: absolute;
	width: 291px;
	height: 25px;
	color: #BF1F1F;
	font: 75% Georgia, "Times New Roman", Times, serif;
	text-align: center;
	padding: 8px 0px 0px 0px;
	left: 385px;
	top: 301px;
}

#contact_form {
	position: absolute;
	width: 400px;
	height: 443px;
	left: 332px;
	top: 328px;
}

#contact_name {
	background: none;
	position: absolute;
	width: 300px;
	height: 22px;
	text-align: center;
	font: 75% Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 0px;
	margin: 10px 46px 10px 54px;
	padding: 3px 0px 0px 0px;
	border: 0px none;
	overflow: auto;
	outline: 0 none;
}

#contact_email {
	background: none;
	position: absolute;
	width: 280px;
	height: 22px;
	text-align: center;
	font: 75% Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 45px;
	margin: 10px 56px 10px 64px;
	padding: 3px 0px 0px 0px;
	border: 0px none;
	overflow: auto;
	outline: 0 none;
}

#contact_subject {
	background: none;
	position: absolute;
	width: 320px;
	height: 22px;
	text-align: center;
	font: 75% Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 90px;
	margin: 10px 36px 10px 44px;
	padding: 3px 0px 0px 0px;
	border: 0px none;
	overflow: auto;
	outline: 0 none;
}

#contact_text {
	background: none;
	position: absolute;
	width: 360px;
	height: 240px;
	text-align: center;
	font: 75%/30px Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 135px;
	margin: 3px 26px 10px 24px;
	padding: 3px 0px 0px 0px;
	border: 0px none;
	overflow: auto;
	outline: 0 none;
}

#contact_submit {
	background: none;
	position: absolute;
	width: 100px;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	font: 100% Georgia, "Times New Roman", Times, serif;
	left: 0px;
	top: 392px;
	margin: 5px 155px 0px 145px;
	padding: 0px 0px 0px 5px;
	border: none;
	cursor: pointer;
}

#contact_submit:hover {
	color: #F6C0C0;
}


/*
============================================================================
FOOTER
============================================================================
*/
#footer {
	position: relative;
	width: 620px;
	height: 115px;
	margin: -20px auto 0px auto;
	padding: 0px 0px 0px 280px;
}

#v3 {
	background: url('images/v3.gif') no-repeat left top;
	float: left;
	display: block;
	width: 135px;
	height: 36px;
}

#v3:hover {
	background: url('images/v3.gif') no-repeat left bottom;
}

#copyright {
	position: relative;
	width: 250px;
	height: 50px;
	float: left;
	color: #9F7F6C;
	font: 75% Georgia, "Times New Roman", Times, serif;
	padding: 7px 0px 0px 10px;
	clear: right;
}