/*CSS Reset - We will reset all browser css parameters*/
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
	padding: 0;
 	margin: 0;
 	font-size: 100%;
 	font-weight: normal;
 	font-family: "Palatino Linotype", Baskerville, Georgia, Times, serif;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: center; }
img, fieldset { border: 0; }
ol { padding-left: 1.4em; list-style: decimal; }
ul { padding-left: 1.4em; list-style: square; }
q:before, q:after { content:''; }

#main_nav {
	position:relative;
	top: 20px;
	border:1px solid #000;
	padding: 2px 3px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #cfb87c;
	width: 1200px;
	height: 25px;
	margin: 1px auto;
	/*Shadow*/
  	-webkit-box-shadow: 3px 3px 5px #888;
  	-moz-box-shadow: 3px 3px 5px #888;
  	box-shadow: 3px 3px 5px #888;
}

#main_navtext_box {
	position: relative;
	float: left;
	width: 238px;
	height: 25px;
	/*border:1px solid #000;*/
}

.main_navtext {
	display: block;
  	font-size: 18px;
  	color: #000;
  	text-decoration: none;
  	text-align: center;
	margin: 0 auto;
}

a {
	text-decoration: none;
	color:#002AFF;
}

.sub_nav {
	position:relative;
	top: 55px;
	border: 0;
	padding: 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	width: 800px;
	margin: 1px auto;
}

a.currentlink {
  	font-size: 18px;
  	color: #fff;
  	text-decoration: underline;
	font-style: italic;
  	margin: 1px 30px;
}

#one {
	background-image: url('bg2.png');
	background-repeat: no-repeat;
	background-position: top center;
	width: 900px;
	height: 450px;
	position: absolute;
	top: 150px;
	left: 170px;
}

#two {
	display: none;
	position: absolute;
	top: 45px;
	left: 15px;
}

#three {
	display: none;
	position: absolute;
	top: 45px;
	left: 15px;
}

#four {
	display: none;
	position: absolute;
	top: 45px;
	left: 200px;
}

#five {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#six {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#seven {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#eight {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#nine {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#ten {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#eleven {
	display: none;
	position: absolute;
	top: 45px;
	left: 15px;
}

#twelve {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

#fourteen {
	display: none;
	position: absolute;
	top: 125px;
	left: 370px;
}

.details1 {
	font-size:18px;
	color:#000;
	text-align: center;
	background-color:transparent;
	padding-top: 1px;
	line-height: 32px;
}

.details2 {
	font-size:28px;
	color:#000;
	margin-top: 10px;
	text-align: center;
	background-color:transparent;
}

.details3 {
	font-size:32px;
	color:#7F7F7F;
	text-align: center;
	background-color:transparent;
	padding-top: 10px;
	line-height: 37px;
}

.details4 {
	font-size:18px;
	color:#7F7F7F;
	text-align: justify;
	padding: 0 85px 0 95px;
	line-height: 25px;
}

.details5 {
	font-size:22px;
	color:#7F7F7F;
	text-align: center;
	background-color:transparent;
	padding: 10px 125px;
	line-height: 32px;
}

.sub_heading {
	font-size:24px;
	color:#7F7F7F;
	text-align: left;
	padding-top: 7px;
	padding-left: 70px;
	text-decoration: underline;
	line-height: 35px;
}

/*This will establish our main template setup*/
#page_setup {
	min-width: 1300px;
	max-width: 1300px;
  	margin: 1px auto;
	/*background-color: #cdcdcd;*/
	background-color: #fff;
}

/*Set up main box*/
#main_box {
	position:relative;
	top: 20px;
	border: 1px solid #5a5a5a;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	width: 1290px;
	height: 800px;
	margin: 1px auto;
	/*background-image: url('http://www.rmnpdemo.com/chris/images/gradient12.png');
	box-shadow: 20px 15px 20px 10px #888888;*/
}

#main_box_print {
	position:relative;
	top: 10px;
	width: 1290px;
	margin: 1px auto;
}

#sum_box {
	position:relative;
	top: 5px;
	width: 500px;
	margin: 1px auto;
}

/*Set up header box*/
#header_box {
	position:relative;
	top: 20px;
	/*border: 4px solid #c0c0c0;
	border-style: ridge;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	width: 1250px;
	height: 100px;
	background-color: #cfb87c;
	margin: 10px auto;
	background-image: url('header.jpg');
	background-repeat: no-repeat;
	background-position: top center;

}

#center_element {
	text-align: center;
	margin: 1px auto;
}

/*Set up the boxes that will hold our navigation buttons*/
.box {
	position: relative;
	top: 40px;
	float: left;
	margin-left: 37px;
	border: 0 solid #878787;
	padding: 1px 1px 1px 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 200px;
	height: 240px;
 	background-color:#fff;
}

.desc
  {
  text-align:center;
  font-weight:normal;
  width:200px;
  margin-top:40px;
 
  }

/*Button and button text setup section*/
.main_button {
  	background: #cfb87c;
  	border: 2px solid #B28B4A;
  	height: auto;
  	width: 250px;
  	position: relative;
  	margin: 1px auto;
 	overflow: hidden;
  	display: block;
 	font-size: 19px;
  	text-align: center;
  	padding: 0 20px;
  	color: #fff;
	text-decoration: none;
  
  	/*Rounded Corners*/
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;
  
	/*Shadow*/
  	-webkit-box-shadow: 3px 3px 5px #888;
  	-moz-box-shadow: 3px 3px 5px #888;
  	box-shadow: 3px 3px 5px #888;
  
	/*Transition*/
  	-webkit-transition: All 0.1s ease;
  	-moz-transition: All 0.1s ease;
  	-o-transition: All 0.1s ease;
  	-ms-transition: All 0.1s ease;
  	transition: All 0.1s ease;
}

.main_button:hover { 	
	border: 2px solid #000;
	color: #000;
}

.main_button:active {
  	background: #fff;
}

.edit_button {
	float: left;
  	font-size: 19px;
  	text-align: center;
  	color: #000;
	text-decoration: none;
  	background: #fff;
  	border: 2px solid #cfb87c;
  	height: 25px;
  	width: 190px;
  	display: block;
  	padding: 1px 5px;
  	margin: 5px 0 5px 130px;
  
  	/*Rounded Corners*/
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;

	/*Shadow*/
  	-webkit-box-shadow: 3px 3px 5px #888;
  	-moz-box-shadow: 3px 3px 5px #888;
  	box-shadow: 3px 3px 5px #888;
}

.edit_button:hover {
   	background: #cfb87c;
	color: #000;
}

.edit_button:active {
  	background: #CEAB43;
}

/*End button setup section*/

#definition {
	display:none;
	background:#838383;
	color:#fff;
	height:145px;
	width:900px;
	position:relative;
	top:5px;
	margin: 0 auto;
	padding: 7px 20px;
	font-size:18px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

/*General table setup*/
#tablemain {
	clear: left;
	position: relative;
	top: 80px;
	border: 0 solid #000;
	height: 350px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 1220px;
	background-color: #fff;

}

#tablemain2 {
	clear: left;
	position: relative;
	width: 1280px;
	margin-left: 15px;
	background-color: #fff;

}

#tablemain3 {
	clear: left;
	position: relative;
	top: 10px;
	border: 0 solid #000;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 1280px;
	background-color: #fff;

}

#tableover {
	height: 505px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 2px;
	margin-left: 1px;
}

#tableover2 {
	height: 590px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin-top: 2px;
	margin-left: 1px;
}

/*Specific table setup*/
table.table1{
    	font-size: 17px;
    	line-height: 1.2em;
    	font-style: normal;
    	width: 1275px;
	margin-left: 10px;
    	
}
.table1 thead th{
	display: block;
	float: left;
    	padding: 1px;
    	color:#000;
    	border:1px solid #fff;
    	border-bottom:2px solid #fff;
    	background-color:#cfb87c;    
    	border-top-left-radius:7px;
    	border-top-right-radius:7px;
}

table.table2{

    	font-size: 17px;
    	line-height: 1.2em;
    	font-style: normal;
    	width: 1275px;
	margin-left: 10px;
}

.table2 td{
	display: block;
	float: left;
	height: 24px;
    	padding-left:2px;
    	background-color: transparent;
    	border-right: 1px solid #c0c0c0;
    	color:#667;
    	font-size: 17px;
	text-align: left;
	border: 1px solid #c0c0c0;
}

.table2 tr:hover {
	background-color: yellow;
}

table.table3{
    	font-size: 17px;
    	line-height: 1.2em;
    	font-style: normal;
    	width: 1275px;
    	margin: 1px auto;
}
.table3 thead th{
	display: block;
	float: left;
    	padding: 1px;
    	color:#000;
    	border:1px solid #000;
    	border-bottom:2px solid #000;
    	border-top-left-radius:7px;
    	border-top-right-radius:7px;
}

table.table4{

    	font-size: 17px;
    	line-height: 1.2em;
    	font-style: normal;
    	width: 1275px;
    	margin: 1px auto;
}

.table4 td{
	display: block;
	float: left;
	height: 21px;
    	padding-left:2px;
	padding-bottom: 2px;
    	background-color: transparent;
    	border: 1px solid #000;
    	color:#000;
    	font-size: 17px;
	text-align: left;	
}

/*Setup jQuery overlay - use a semi-transparent image for the overlay*/
#overlay {
    	background-image:url(transparent2.png);
    	color:#fff;
    	height:400px;

}

/* container for external content, uses vertical scrollbar, if needed*/
div.contentWrap {
    	height:500px;
    	overflow-y:auto;
}

/*Specific Form setup*/
.add_form {
	position:relative;
	top: 1px;
	border:1px solid #000;
	padding: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	width: 500px;
	height: 430px;
	margin: 1px auto;
}

.add_form select {
	margin: 10px;
}

.add_form label {
	float: left;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	line-height: 30px;
	clear: left;
	color: #000;
	font-size: 18px;
}

.add_form2 {
	position:absolute;
	top: 140px;
	left: 140px;
	border:1px solid #000;
	padding: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	width: 500px;
	height: 350px;
	margin: 1px auto;
}

.add_form2 label {
	float: left;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	line-height: 30px;
	clear: left;
	color: #000;
	font-size: 18px;
}

.input_box {
	float: right;
	width: 200px;
	margin-right: 50px;
	text-align: left;
	line-height: 20px;
	clear: right;
}

.radio {
	float: right;
	margin-right: 240px;
	margin-top: 10px;
}

.submit_button1 {
	position: absolute;
	top: 410px;
	left: 80px;
}

.submit_button {
	position: absolute;
	top: 370px;
	left: 80px;
}

.submit_button2 {
	position: absolute;
	top: 410px;
	left: 300px;
}

.submit_button3 {
	position: absolute;
	top: 300px;
	left: 200px;
}

.submit_button4 {
	position: absolute;
	top: 300px;
	left: 240px;
}
.center_button {
	position: relative;
	top: 380px;
}

.donor_type_select {
	position: absolute;
	left: 155px;
	top: 370px;
}

.select_button {
	position: relative;
	width: 120px;
	margin: 5px auto;0
	text-align: center;
	
}

.select_button_long {
	width: 175px;
	float: left;
	margin-right: 10px;
	clear: left;
}


.label2 {
	visibility: hidden;
	float: left;
	width: 200px;
	margin-right: 10px;
	text-align: right;
	line-height: 30px;
	clear: left;
	color: #000;
	font-size: 18px;
}

.input_box2 {
	visibility: hidden;
	float: right;
	width: 200px;
	margin-right: 40px;
	text-align: left;
	line-height: 20px;
	clear: right;
}



#test5 {
	display: inline;
}

.image_box {
	position: relative;
	top: 40px;
	float: left;
	margin-left: 37px;
	border: 0 solid #878787;
	padding: 1px 1px 1px 1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	width: 200px;
	height: 240px;
 	background-color:#fff;
}

.details_box {
	position:relative;
	top: 10px;
	border: 0 solid #878787;
	padding: 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	width: 500px;
	height: 450px;
	margin: 1px auto;
}

.details_text
{
	float: left;
	width: 150px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: right;
	margin-top:10px;
	font-size:20px;
	color:#7F7F7F;
	clear: left;
}

.details_text2
{
	float: right;
	width: 300px;
	margin-right: 10px;
	text-align: left;
	margin-top:10px;
	font-size:20px;
	color:#7F7F7F;
	clear: right;
}


.details_box2 {
	position:relative;
	top: 40px;
	border: 0 solid #878787;
	padding: 10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: #fff;
	width: 500px;
	height: 350px;
	margin: 1px auto;
}

.main_button2 {
  	background: #cfb87c;
  	border: 2px solid #B28B4A;
  	height: auto;
  	width: 250px;
  	position: relative;
	float: left;
	top: -50px;
  	left: 355px;
	margin: 5px;
 	overflow: hidden;
  	display: block;
 	font-size: 19px;
  	text-align: center;
  	padding: 0 20px;
  	color: #fff;
	text-decoration: none;
	
  
  	/*Rounded Corners*/
  	-webkit-border-radius: 15px;
  	-moz-border-radius: 15px;
  	border-radius: 15px;
  
	/*Shadow*/
  	-webkit-box-shadow: 3px 3px 5px #888;
  	-moz-box-shadow: 3px 3px 5px #888;
  	box-shadow: 3px 3px 5px #888;
  
	/*Transition*/
  	-webkit-transition: All 0.1s ease;
  	-moz-transition: All 0.1s ease;
  	-o-transition: All 0.1s ease;
  	-ms-transition: All 0.1s ease;
  	transition: All 0.1s ease;
}

.main_button2:hover { 	
	border: 2px solid #000;
	color: #000;
}

.main_button2:active {
  	background: #fff;
}