* {margin: 0; padding: 0}

body {margin: 0; padding: 0; background-color: #88502A;}

/*---------------------------------------------------- */

/*                       INDEX                         */

/*---------------------------------------------------- */

.index-background {
	background-image: url(images/background.jpg);
	background-repeat: no-repeat;
	height: 745px;
	width: 960px;
}

#index-hover {
	position: relative;
	left: 32px;
	top: 131px;
	height: 606px;
	width: 911px;
}

#home {background-color: #80AA44;}

/* ----- EMAIL ME sign ----- */

#home #contactInfo a {
	position: absolute;
	height: 138px;
	width: 110px;
	left: 27px;
	top: 136px;
}

#home #contactInfo a:hover{
	background-position: -9px 1px;	
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
}

/* ----- WHY JOIN sign ----- */

#home #whyJoin a {
	position: absolute;
	height: 122px;
	width: 124px;
	left: 418px;
	top: 239px;
}

#home #whyJoin a:hover{
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
	background-position: -235px -2px;
}

/* ----- ABOUT PACK 185 sign ----- */

#home #aboutPack185 a {
	position: absolute;
	height: 127px;
	width: 125px;
	left: 613px;
	top: 294px;
}

#home #aboutPack185 a:hover{
	background-position: -115px 0px;
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
}

/* ----- LINKS FOR MORE INFO sign ----- */

#home #linksForMoreInfo a {
	position: absolute;
	height: 55px;
	width: 97px;
	left: 500px;
	top: 389px;
}

#home #linksForMoreInfo a:hover{
	background-position: -366px -33px;
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
}

/* ----- BOOKS ----- */

#home #books a {
	position: absolute;
	height: 124px;
	width: 326px;
	left: 417px;
	top: 462px;
}

#home #books a:hover{
	background-position: -176px -123px;
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
}

/* ----- LOG INN (INDEX) ----- */

.index-background #loginn a {
	position: absolute;
	height: 124px;
	width: 164px;
	left: 719px;
	top: 21px;
}

.index-background #loginn a:hover {
	background-position: -13px -121px;
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;
}

/* ----- LOG INN (MORE) ----- */

.more-background #loginn a {
	position: absolute;
	height: 124px;
	width: 164px;
	left: 719px;
	top: 19px;}

.more-background #loginn a:hover {
	background-position: -13px -121px;
	background-image: url(images/outside-hover.png);
	background-repeat: no-repeat;}
	
/* ----- BACK TO BOARD sign ----- */

.more-background #backToBoard a {
	position: absolute;
	height: 138px;
	width: 150px;
	left: -22px;
	top: 132px;}
	
.more-background #backToBoard a:hover{
	background-image: url(images/back-to-the-board2.png);
	background-repeat: no-repeat;}

/*---------------------------------------------------- */

/*                    OUTSIDE STUFF                    */

/*---------------------------------------------------- */

#more, #login {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0; padding: 0;
	font-size: 12px;
	background-color: #80AA44;
}

#inside {
	font-family: "Trebuchet MS", Arial, sans-serif;
	margin: 0; padding: 0;
	font-size: 12px;
}

#inside p {
	padding: 40px 0 0 0;
}

.more-background {
	background-image: url(images/background-clipboard.jpg);
	background-repeat: no-repeat;
	height: 746px;
	width: 960px;
}

#more-hover {
	position: relative;
	left: 32px;
	top: 131px;
	height: 606px;
	width: 911px;}

#more #whyJoin, #more #aboutPack185, #more #linksForMoreInfo, #more #rankInfo, #more #contactInfo {
	position: absolute;
	height: 298px;
	width: 425px;
	left: 355px;
	top: 226px;
	overflow-x: hidden;
	overflow-y: scroll;
	border: solid #ddd 1px;
	padding: 10px 20px 10px 10px;
	text-align: left;
}

#login h1 {
	font-size: 24px;
	font-weight: bolder;
	text-align: center;
}

	

#login h2 {
	font-size: 18px;
	font-weight: bolder;
	text-align: center;
	margin: 20px;
}

#more h3, #login h3 {
	font-size: 16px;
	font-weight: bolder;
	margin: 0;
	padding: 0 0 10px 0;
}

#more h4 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#more p {
	margin: 0; padding: 0 0 12px 0;
}

#more li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}

#beltloops li {
	margin-left: 30px;
	padding: 0;
	list-style-position: outside;
}

#beltloops ol {
	list-style-type: decimal;
}

/* ----- RANK INFO ----- */

#rankInfo ul, #linksForMoreInfo ul {
	list-style-type: none;
}

#rankInfo li, #linksForMoreInfo li {
	margin-left: 20px;
}

#rankInfo li a, #linksForMoreInfo li a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	color: #000;
	font-weight:bold;
}

#rankInfo li a:hover, #linksForMoreInfo li a:hover {color:#008040;}

#rankInfo img {
	display: inline;
	position: relative;
}

/*---------------------------------------------------- */

/*                    LOGIN FORM                       */

/*---------------------------------------------------- */

#login #loginn {
	position: absolute;
	height: 298px;
	width: 425px;
	left: 355px;
	top: 226px;
	overflow: hidden;
	text-align: left;
}

.formItems {list-style-type: none;}

.rowlabel {margin: 0 20px 0 0;}

.rowlabel-checkbox {

	text-align: left;

}

.rowlabel-checkbox input {

	margin: 10px 10px 0 40px;

}

.submit {margin: 0 0 0 135px;width: 75px;}

.reset {margin: 0 10px;width: 75px;}

#login-form {border: 0;}

fieldset {border: 0;}

#login-form p {color: #B4392C;text-align: center;}

#login li {margin: 0 140px 10px 0;text-align:right;}

#login .errorMsg {
	top:645px;
	left: 465px;
	position: absolute;
	color:#B4392C;
	font-weight:bold;
	width: 360px;
	height: 57px;
}



/*---------------------------------------------------- */

/*                INSIDE STUFF                         */

/*---------------------------------------------------- */

.background-cabin {
	background-image: url(images/background-welcome.jpg);
	background-repeat: no-repeat;
	width: 960px;
	height: 747px;
}

#background-hover {
	position: relative;
	width: 960px;
	height: 747px;
}



#name-den {
	position: absolute;
	height: 113px;
	width: 118px;
	left: 453px;
	top: 42px;
	padding: 10px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color: #FFFFFF;
	text-align: center;
}

#name-den h3 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 120%;
}

#name-den p {
	font-size: 12px;
	text-align: center;
	padding: 10px 0;
}


#clipboard {
	height: 510px;
	width: 760px;
	left: 47px;
	top: -520px;
	position: relative;
	background-image: url(images/clipboard.png);
	background-repeat: no-repeat;
}

#clipboard-textarea {
	height: 356px;
	width: 601px;
	left: 20px;
	top: 100px;
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	margin: 0 auto;
	text-align: left;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	border:thin;
}

#clipboard-textarea h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #B4392C;
	text-align: center;
	clear: both;
	padding: 10px;
}

#clipboard-textarea h2 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #B4392C;
	text-align: center;
	clear: both;
	padding: 10px;
}

#clipboard-textarea h3 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336D81;
	text-align: left;
	padding: 10px;
}

#clipboard-textarea h4, #clipboard-textarea h4 a {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #336D81;
	text-align: center;
}
/*---------------------------------------------------- */

/*                    QUOTES                           */

/*---------------------------------------------------- */

#quotes {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	left: 160px;
	position: absolute;
	top: 39px;
	width: 142px;
	height: 111px;
}

/*---------------------------------------------------- */

/*                    CALENDAR                         */

/*---------------------------------------------------- */

#smallCalendar {
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 111px;
	width: 106px;
	left: 318px;
	top: 83px;
}

#smallCalendar #monthLabel {
	color: #0000CA;
	font-size: 12px;
	padding: 2px 0;
}



/*------------------------------------------------------- */

/*  HOVER: BACK OUTSIDE SIGN, KNOTS, GAMES, DERBY, PHOTOS */

/*------------------------------------------------------- */

#calendar-hover a {
	height: 228px;
	width: 165px;
	position: absolute;
	left: 286px;
	top: 44px;
	} 
	
#calendar-hover a:hover {
	background-image: url(images/hover.png);
	background-position: -453px -23px;
}

#photos-hover a {
	height: 159px;
	width: 207px;
	position: absolute;
	left: 0px;
	top: 161px;
}

#photos-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -4px -21px;

}



#backOutside-hover a {

	height: 108px;

	width: 133px;

	position: absolute;

	left: 2px;

	top: 495px;}

#backOutside-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -246px -193px;

}



#news-hover a {

	height: 191px;

	width: 156px;

	position: absolute;

	left: 33px;

	top: 544px;}

#news-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -20px -181px;

}


#uniform-hover a {

	height: 170px;

	width: 210px;

	position: absolute;

	left: 623px;

	top: 200px;}

#uniform-hover a:hover {

	background-image: url(images/uniformshirt.png);

	background-repeat: no-repeat;

	
}

#leader-info-hover a {

	height: 170px;

	width: 250px;

	position: absolute;

	left: 600px;

	top: 16px;}

#leader-info-hover a:hover {

	background-image: url(images/hat.png);

	background-repeat: no-repeat;

	background-position: -364px -292px;
}



#links-hover a {

	height: 94px;

	width: 212px;

	position: absolute;

	left: 764px;

	top: 502px;}

#links-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -217px -363px;

}



#games-hover a {

	height: 99px;

	width: 115px;

	position: absolute;

	left: 855px;

	top: 569px;}

#games-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -688px -801px;

}



#knots-hover a {

	height: 133px;

	width: 143px;

	position: absolute;

	left: 835px;

	top: 615px;}

#knots-hover a:hover {	

	background-image: url(images/hover.png);

	background-position: -475px -756px;

}



#derby-hover a {

	height: 81px;

	width: 122px;

	position: absolute;

	left: 181px;

	top: 189px;
	
	z-index: 5;}

#derby-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -243px -38px;

}



#info-hover a {

	height: 206px;

	width: 227px;

	position: absolute;

	left: 399px;

	top: 1px;}

#info-hover a:hover {

	background-image: url(images/hover.png);

	background-position: -700px -40px;

}



#welcome #belt-hover a {

	height: 67px;

	width: 158px;

	position: absolute;

	left: 599px;

	top: 484px;

	}

#welcome #belt-hover a:hover {
	background-image: url(images/hover.png);
	background-position: -970px -28px;
}

#belt-hover-board a {
	height: 265px;
	width: 160px;
	position: absolute;
	left: -3px;
	top: 44px;
		}

#belt-hover-board a:hover { 
	background-image: url(images/hover.png);
	background-position: -1037px -174px;
	background-repeat: no-repeat;
}

/*#calendar #belt-hover-text a {
	height: 285px;
	width: 180px;
	position: absolute;
	left: -122px;
	top: -73px;
		} 

#belt-hover-text a:hover { 
	background-image: url(images/hover.png);
	background-position: -1017px -155px;
	background-repeat: no-repeat;
} */

#knife-hover a {
	position: absolute;
	height: 66px;
	width: 66px;
	left: 645px;
	top: 45px;
	background-image: url(images/knife.png);
	background-position: -9px 17px;
	background-repeat: no-repeat;
}

#knife-hover a:hover { 
	background-position: -9px -51px;
}

/*---------------------------------------------------------------------------------- */

/*  FORMAT INSIDE PAGES (KNOTS, GAMES, DERBY, PHOTOS, CALENDAR, LINKS, NEWS, OUTSIDE */

/*---------------------------------------------------------------------------------- */



#backToRoom {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 24px;

	font-weight: bold;

	color: #B4392C;

	text-align: center;

	clear: both;

	position: absolute;

	left: 620px;

	top: 70px;

}

#backToRoom a:hover  {
	color: #B4392C;
	background-color: #FFFF99;
	text-decoration: none;
}

#backToRoom a:visited, #backToRoom a:active, #backToRoom a:link  {
	color: #B4392C;
	text-decoration: none;
}


/* ----- DERBY ----- */

/* ----- GAMES ----- */

/* ----- KNOTS ----- */

/* ----- EVENTS ----- */
#editevents #clipboard-textarea {overflow-x: scroll;}

#editevents table {margin: 0 auto; border: solid #333 1px;}

#editevents th {color: #336D81; border-bottom: solid #333 1px;}

#editevents td {color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px; background-color: #FFFFFF;border-left: dotted #333 1px;}

#editeventsflyers table {margin: 0 auto; border: solid #333 1px;}

#editeventsflyers th {color: #336D81; border-bottom: solid #333 1px;}

#editeventsflyers td {color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px; background-color: #FFFFFF;border-left: dotted #333 1px;}

#editeventsflyers #clipboard-textarea {overflow-x: scroll;}



/* ----- NEWSLETTERS ----- */

#editnews table {margin: 0 auto; border: solid #333 1px;}

#editnews th {color: #336D81; border-bottom: solid #333 1px;}

#editnews td {color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px; background-color: #FFFFFF;}

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

#calendar form {text-align: center;}

#calendar table {margin: 0 auto; border: solid #333 1px;}

#calendar th {color: #336D81; border-bottom: solid #333 1px;}

#calendar .calendarToday {background-color: silver; vertical-align: top; color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px;}

#calendar .calendar1Month {background-color: white; vertical-align: top; color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px;}

#calendar .calendar2Month {background-color: #DCDCDC; vertical-align: top; color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px;}

.calendarRegEvent {cursor: pointer; color: red; text-decoration: underline;}

.calendarPackEvent {cursor: pointer; color: blue; text-decoration: underline;}

.calendarLeaderEvent {cursor: pointer; color: black; text-decoration: underline;}

.calendarDenEvent {cursor: pointer; color: green; text-decoration: underline;}

#event p {text-align: center; padding: 10px;}

#event #urgent {

	font-family: "Trebuchet MS", Arial, sans-serif;

	font-size: 20pt;

	font-weight: bold;

	color: #B4392C;

	text-align: center;

	clear: both;

	padding: 10px;

	text-decoration:  blink; 
}

/* ----- PHOTOS ----- */

#editphotos #clipboard-textarea {overflow-x: scroll;}

#photos {

	height: 60px;

	width: 62px;

	left: 76px;

	top: 209px;

	position: absolute;

}

#singlephotopage {

	font-size: 12px;

}

#camera #photopage td {

	padding: 10px;

}/* ----- CONTACTS ----- */

#contacts table {margin: 0 auto; border: solid #333 1px;}

#contacts th {color: #336D81; border-bottom: solid #333 1px;}

#contacts td {color: #333; font-size: 11px; font-weight: normal; border-bottom: dotted #333 1px; background-color: #FFFFFF;border-left: dotted #333 1px;}



		/* ----- DENS ----- */

		#contactpage #dens {

			float: left;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0 61px;

			clear: both;

		}

		#contactpage #adddens {

			float: left;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0;

			clear: both;

		}

		#contactpage #editden {

			float: left;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0;

			clear: both;

			border: solid #B4392C 3px;

		}

		#userpage #viewdens {

			float: left;

			width: 550px;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0 0 0 30px;

			clear: both;

		}

		/* ----- myinfo ----- */
#myinfo #users table {margin: 1 auto; border-left: solid transparent 10px;}

#myinfo #users th {border-left: solid transparent 10px;}

#myinfo #users td {font-size: 11px; font-weight: normal; border-left: solid transparent 10px;}

		/* ----- USERS ----- */

		#userpage #users {

			float: left;

			width: 565px;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0 0 0 20px;

			clear: both;

		}

		#userpage #adduser {

			float: left;

			width: 580px;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0 0 0 15px;

			clear: both;

		}

		#userpage #edituser {

			float: left;

			width: 580px;

			font-size: 9px;

			font-family: Tahoma, Verdana, Arial, sans-serif;

			margin: 0 auto;

			clear: both;

		}



#contacts #advancebutton {

	float: right;

}

#contacts #clipboard #clipboard-textarea #advancebutton input {

	font-size: 9px;

}