body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-color: FFFFFF;
	background: #000000;
}
#wrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background: url(images/wrapper_bg.jpg) no-repeat;
	background-attachment: fixed;
}

#leftside {
	position:absolute;
	left:0px;
	top:0px;
	width:198px;
	height:768px;
}

#header {
	position:absolute;
	left:198px;
	top:0px;
	width:570px;
	height:110px;
	background: url(images/header.png) no-repeat;
}

#top-nav {
	position:absolute;
	left:198px;
	top:110px;
	width:570px;
	height:33px;
	margin: 0 auto;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	background: url(images/top_nav.png) no-repeat;
}

#sponsors {
	position:absolute;
	left:768px;
	top:0px;
	width:256px;
	height:768px;
}
#music-player {
	position:absolute;
	left:198px;
	top:646px;
	width:570px;
	height:122px;
}

#footer {
	position:relative;
	left:0px;
	top:760px;
	width:1024px;
	height:110px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------TEXT EFFECTS---------------------------------*/

h1 {
	color: #ffffff;
	font-size: 14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 14px;
}
.h1 a:link, .h1 a:visited, .h1 a:link, .h1 a:active {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color: #FFFFFF;
		text-decoration: none;
}
.h1 a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;
		color:#808080;
		text-decoration: none;
}

h2 {
	color: #ffffff;
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 13px;
}
h3 {
	color: #ffffff;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 12px;
}
h4 {
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 11px;
}
h5 {
	color: #ffffff;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 10px;
}
a:link, a:visited, a:link, a:active {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
}

a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#808080;
		text-decoration: none;
}

.main_text a:link, .main_text a:visited, .main_text a:link, .main_text a:active {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
}
.main_text a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#808080;
		text-decoration: none;
}

.top_nav a:link, .top_nav a:visited, .top_nav a:link, .top_nav a:active {
		margin: 0 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
}

.top_nav a:hover {
		margin: 0 10px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#808080;
		text-decoration: none;
}
li {
	list-style: none;
	padding: 0 4px;
}

ul {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
}

ul.links {
	margin: 0 auto;
	list-style: none;
}
ul.blinks {
	list-style-image: url(images/b-plus.gif);
}

.scroll
	{
		height: 430px;
		overflow: auto;
		padding-right: 4px;
			SCROLLBAR-FACE-COLOR : #000000;
	SCROLLBAR-HIGHLIGHT-COLOR : #CCCCCC;
	SCROLLBAR-SHADOW-COLOR : #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR : #000000;
	SCROLLBAR-ARROW-COLOR : #CCCCCC;
	SCROLLBAR-TRACK-COLOR : #999999;
	SCROLLBAR-DARKSHADOW-COLOR : #000000;

	}
.footer a:link, .footer a:visited, .footer a:link, .footer a:active {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		text-decoration: none;
}
.footer a:hover {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#808080;
		text-decoration: none;
}

.blackcap  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	font-variant : small-caps
}
.blkbars {
	SCROLLBAR-FACE-COLOR : #000000;
	SCROLLBAR-HIGHLIGHT-COLOR : #CCCCCC;
	SCROLLBAR-SHADOW-COLOR : #FFFFFF;
	SCROLLBAR-3DLIGHT-COLOR : #000000;
	SCROLLBAR-ARROW-COLOR : #CCCCCC;
	SCROLLBAR-TRACK-COLOR : #999999;
	SCROLLBAR-DARKSHADOW-COLOR : #000000}


	/*-------------------------------------------------------------------------------ARMY HIGH SCHOOL PAGE---------------------------------------*/
	
#army_wrapper {
	position:absolute;
	left:0px;
	top:0px;
	width:1024px;
	height:768px;
	background: url(images/wrapper_army_bg.jpg) no-repeat;
	background-attachment: fixed;
}

#army-top-nav {
	position:absolute;
	left:198px;
	top:110px;
	width:570px;
	height:33px;
	background: url(images/top_nav.png);
}

#army-body {
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;
	background: url(images/army_body.jpg);                     /* This image has the black spot in the middle for potential scrolling */
}
#body-top-box {
	position:absolute;
	left:200px;
	top:143px;
	width:563px;
	height:80px;
}

#body-mid-box1 {
	position:absolute;
	left:200px;
	top:210px;
	width:187px;
	height:120px;
}

#body-mid-box2 {
	position:absolute;
	left:387px;
	top:210px;
	width:186px;
	height:120px;
}

#body-mid-box3 {
	position:absolute;
	left:563px;
	top:210px;
	width:190px;
	height:120px;
}

#body-bottom-box {
	position:absolute;
	left:200px;
	top:353px;
	width:594px;
	height:293px;
}

#army-footer {
	position:relative;
	left:0px;
	top:748px;
	width:1024px;
	height:110px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}
/*--------------------------------------------------------------------------------------------------------------CONTACT PAGE-------------------------------------------------*/
#contact-name {
	position:absolute;
	left:0px;
	top:0px;
	width:400px;
	height:324px;
}

#contact-form {
	position:absolute;
	left:0px;
	top:324px;
	width:400px;
	height:236px;
	background: url(images/contact_form.jpg);
}

/*--------------------------------------------------------------------------------------------	FORMS------------------------------------------*/
#sweet16_booking-form {
	position:absolute;
	left:0px;
	top:0px;
	width:545px;
	height:475px;
	color: #FFF;
	background: url(images/swt16booking_bg.jpg);
}

#hoop_booking-form {
	position:absolute;
	left:0px;
	top:0px;
	width:507px;
	height:396px;
	color: #FFF;
	background: url(images/hoop-booking_bg.jpg);
}

#booking-form {
	position:absolute;
	left:0px;
	top:0px;
	width:549px;
	height:432px;
	color: #FFF;
	background: url(images/booking_bg.jpg);
}

/*--------------------------------------------------------------------------------------------	HOME PAGE------------------------------------------*/
#body {     
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;
}

#body-plain {     
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;

}
#body-index {
	position:absolute;
	left:200px;
	top:143px;
	width:563px;
	height:217px;
}

#index-mid-left {  
	position:absolute;
	left:181px;
	top:355px;
	width:288px;
	height:267px;
}

#index-mid-right {
	position:absolute;
	left:469px;
	top:355px;
	width:275px;
	height:267px;
}

/*--------------------------------------------------------------------------------------------	SUB-PAGES------------------------------------------*/

#body-about-us {
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;
/*	background: url(images/body-about-us.png);*/
}
#body-black-box {
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;
	background: url(images/body_black-box.png);
	line-height: 16px;
	color: #FFFFFF;
}
	.body-black-box H1 {
		font-size: 11px;
		color: #FFFFFF;
	}


/*---------------------------------------------------------------------------------------PARENTS PAGE--------------------------------------------*/

#body-parents {
	position:absolute;
	left:198px;
	top:143px;
	width:570px;
	height:503px;
}

#parent-about-us-btn {
	position:absolute;
	left: 10px;
	top: 322px;
	width: 82px;
	height: 81px;
}

#parent-midschl-btn {
	position:absolute;
	left: 100px;
	top: 322px;
	width:88px;
	height:81px;
}

#parent-hischl-btn {
	position:absolute;
	left: 200px;
	top: 322px;
	width:87px;
	height:81px;
}

#parent-whatbbm-btn {
	position:absolute;
	left: 300px;
	top: 322px;
	width:95px;
	height:81px;
}
/*-----------------------------------------------------------------------------------------MIDDLE SCHOOL DANCES PAGE------------------------------------------*/

#midschool-hoop-image {
	position:absolute;
	left: 2px;
	top: 80px;
	width:180px;
	height:145px;
}

#midschool-clackamas-image {
	position:absolute;
	left: 190px;
	top: 80px;
	width:186px;
	height:145px;
}

#midschool-camas-image {
	position:absolute;
	left: 384px;
	top: 80px;
	width:184px;
	height:145px;
}




#sm_footer {
	position:relative;
	left:0px;
	top:54px;
	width:1024px;
	height:110px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
}

/*----------------------------------------------------------------------------------------- CALENDAR PAGES ------------------------------------------*/

.calendar a:link, .calendar a:visited, .calendar a:link, .calendar a:active {
		margin: 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
}
.calendar {
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		text-decoration: none;
}

.calendar a:hover {
		margin: 0;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size: 11px;
		color:#808080;
		text-decoration: none;
}
.calendar td {
	margin-left: 12px;
}