/*  Style sheet for Pine Ridge Bible Camp */

/* Begin structure definitions */

body {
	margin: 0 0 0 0;
	background: #48701e;
}

#background {
	/* background-color: #b5da8f; */
	background: #aac900 url(images/page_img.png) bottom left no-repeat;
	margin: 0 0 0 0;
	}

#center {
	width: 810px;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;
	}

#top {
	width: 100%;
	position: relative;
	height: 155px;
	background: #333333;
	overflow: visible;
	color: #FFFFFF;
	}

#top img {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 5;
}

#sidebarleft {
	position: relative;
	height: 40px;
	width: 40px;
	background: url(images/menubar_l.png);
	padding: 0 0 0 0;
	float: left;
}

#sidebar {
	position: relative;
	width: 760px;
	height: 40px;
	background: url(images/menubar_m.png);
	padding: 0 0 0 0;
	float: left;
	z-index: 4;
	}

#sidebarright {
	position: relative;
	height: 40px;
	width: 10px;
	background: url(images/menubar_r.png);
	padding: 0 0 0 0;
	float: left;
}

#main {
	position: relative;
	width: 810px;
	padding: 0 0 0 0;
	margin: 0 0 -13px 0;
	background: url(images/wrapper_t.png);
	clear: both;
	overflow: hidden;
}

.spacer {
	position: relative;
	width: 810px;
	float: right;
	margin: 0 0 0 0;
	height: 0;
	background: url(images/wrapper_t.png);
}

.menudivider {
	width: 1px;
	height: 40px;
	background: url(images/menu_sep_black.png);
	padding: 0 0 0 0;
	float: left;
}

.menubutton {
	position: relative;
	float: left;
	height: 29px;
	padding: 10px 15px 0 15px;
	background: url(images/menubar_m.png);
}

#sidebar a {
	z-index: 7;
}

.menubutton:hover {
	background: url(images/menu_level1_item_hover.png) no-repeat;
}

#footer {
	width: 810px;
	height: 81px;
	background: url(images/footer_bg.png) no-repeat;
	background-color: transparent;
	clear: both;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#bottom {
	width: auto;
	clear: both;
	height: 120px;
}

#footer2 {
	width: 100%;
	clear: both;
}
	
/* End Structure */


/* Begin table definitions */

.headtable {
	width: 100%;
	background-color: #FFFFFF;
	border: none;
	text-align: center;
	}

.sidebartable {
	width: 100%;
	border: none;
	}

.footertable {
	width: 100%;
	border: none;
	text-align: right;
	}

/* End table */


/* Begin text definitions */

.menubutton {
	font-size: 16.2px;
	font-family: "Trebuchet MS",Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	color: #666;
	}

.contenttitle {
	margin-left: 10px;
	font-size: 20px;
	font-weight: bold;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	}

.content {
	margin-left: 15px;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	}

.contentcentered {
	text-align: center;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	}

.tablecentered {
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	margin: auto;
	border-spacing: 10px 0;
	empty-cells: show;
	}

.tablecenteredleft {
	text-align: right;
	}

.tablecenteredright {
	text-align: left;
	}

.footertext {
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	padding: 10px 5px 0 0;
}

.footer2text {
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

#top {
	font-size: 10px;
}

/* End text */

	
/* Status, Warning and Message classes */
.status {											/* Make status blue with border and background */
	color: #0000A0;
	padding: 3px 4px 3px 4px;
	border-color: #0000A0;
	border-width: 2px;
	border-style: solid;
	background-color: #9999FF;
	font-weight: bold;
	}
.warning {											/* Make warnings red with border and background */
	color: #A00000;
	padding: 3px 4px 3px 4px;
	border-color: #A00000;
	border-width: 2px;
	border-style: solid;
	background-color: #FF9999;
	font-weight: bold;
	}
.message {											/* Make messages green with border and background */
	color: #00A000;
	padding: 3px 4px 3px 4px;
	border-color: #00A000;
	border-width: 2px;
	border-style: solid;
	background-color: #99FF99;
	font-weight: bold;
	}
.contentcenteredwarning {
	text-align: center;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	color: #A00000;
	padding: 3px 4px 3px 4px;
	border-color: #A00000;
	border-width: 2px;
	border-style: solid;
	background-color: #FF9999;
	font-weight: bold;
	}
.contentcenteredmessage {
	text-align: center;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	color: #00A000;
	padding: 3px 4px 3px 4px;
	border-color: #00A000;
	border-width: 2px;
	border-style: solid;
	background-color: #99FF99;
	font-weight: bold;
	}
.warningblock {
	color: #A00000;
	padding: 3px 4px 3px 4px;
	border-color: #A00000;
	border-width: 2px;
	border-style: solid;
	background-color: #FF9999;
	font-weight: bold;
	display: block;
	width: 450px;
	}
	
/* Specific definitions */
.login {												/* Make the login boxes line up */
	position: relative;
	width: 260px;
	margin: 0 auto 0 auto;
	text-align: right;
	outline: 1px solid #999
	}

.newuser {												/* Make the login boxes line up */
	position: relative;
	width: 300px;
	margin: 0 auto 0 auto;
	text-align: right;
	}

.newcamper {											/* Make the login boxes line up */
	position: relative;
	width: 275px;
	margin: 0 auto 0 auto;
	text-align: right;
	}

.makepayment {											/* Make the payment page look good */
	position: relative;
	width: 250px;
	margin: 0 auto 0 auto;
	text-align: right;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	}

.checkwarning {											/* Make the check warning look good */
	position: relative;
	width: 395px;
	margin: 0 auto 0 auto;
	text-align: right;
	font-size: 12px;
	font-family: 'Ludia Grande', Verdana, Arial, Sans-Serif;
	}
	
/* Tag modifiers */
h3 {													/* Make the category headers appear proper */
	font-weight: normal;
	font-size: 14pt;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	}

h4 {													/* Make the category headers appear proper */
	font-weight: normal;
	font-size: 12pt;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	padding: 8px 0 0 0;
	margin: 0 0 0 0;
	}
	
/* Dialog box stuff */

.dialogshadow {										/* Shadow for dialog box */
	display: none;
	position: fixed;
	background-color: #000000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 8;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	}
	
.dialogbox {										/* Dialog box*/
	padding: 0;
	display: none;
	position: fixed;
	top: 200px;
	left: 274px;
	z-index: 9;
	width: 300px;
	height: 100px;
	text-align: left;
	//background-color: #F5F5F5;
	//border: solid 2px #050505;
	overflow: auto;
	}

.dialogbox td, .dialogbox table {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

.dialogclose {										/* For the close "x" on dialog boxes */
	display: none;
	position: fixed;
	z-index: 50;
	top: 188px;
	background: url(images/closebox.png);
	width: 30px;
	height: 30px;
	}

#left_top {
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	background: url(images/box.png);
}

#center_top {
	height: 18px;
	background: #FFFFFF;
	background: url(images/box.png) -18px 0;
}

#right_top {
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	background: url(images/box.png) -1580px 0px;
}

#left_center {
	background: url(images/sides.png) 0 0;
	width: 18px;
}

#center_center {
	background: #FFFFFF;
}

#right_center {
	width: 18px;
	background: url(images/sides.png) 20px 0;
}

#left_bottom {
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	background: url(images/box.png)  0 -48px;
}

#center_bottom {
	height: 18px;
	background: url(images/box.png) -18px -48px;
}

#right_bottom {
	width: 18px;
	height: 18px;
	background: #FFFFFF;
	background: url(images/box.png) -1580px -48px;
}


.dialogclose:hover {
	cursor: pointer;
}

.dialog {											/* For the dialog span */
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

.link {
	text-decoration: underline;
	color: #0000FF;
}

.link:hover	{
	cursor: pointer;
}

#quickLinks {
	position: relative;
	float: left;
	width: 150px;
	font-size: 12px;
	outline: 1px solid #999;
}

#mainRight {
	position: relative;
	float: left;
	width: 660px;
}