@charset "utf-8";
/*------------------------------
=BASIC SETUP
------------------------------*/
body {

	background-image: url('./images/background.png');
	background-color: #4d5543;


}
::selection {
	
background: #CCCCCC;
color: #4d5543;
text-shadow: none;

}


a {
	
	color: #f9fcfa;
	
	
}

a:visited {
	
	color: #f9fcfa;
	
	
}


a:hover {
	
	color: #FFFFFF;
	
	
}

/*------------------------------
=HORIZONTAL LINE
------------------------------*/

hr {


	color: #CCCCCC;
	background-color: #CCCCCC;
				
}


/*------------------------------
=INTRODUCTION
------------------------------*/

#logo {
float: left;
width: 275px;
height: 108px;
background: url("./images/logo.png") no-repeat;
background-position: left top;
}

#font {
float: right;
width: 459px;
height: 157px;
background: url("./images/ronjalogo.png") no-repeat;
background-position: right top;
}



    nav section {
        background: #CCCCCC;
       /* box-shadow:5px 5px 10px #CCCCCC;
        -webkit-box-shadow:5px 5px 10px #CCCCCC;
        -moz-box-shadow:5px 5px 10px #CCCCCC;

*/

    }

			nav section ul li a {
				
				color: #4d5543;

			}
				
			
				nav section ul li a:visited {
	
					color: #4d5543;	
	
				}
				nav section ul li a:hover {
					color: #f9fcfa;
				}		
			nav section ul li.selected a {
				color: #f9fcfa;
			}
			nav section ul li {

			float: left;
		}
		



			/*------------------------------
			=CONTENT AREA AND SIDEBAR LAYOUT
			------------------------------*/

				
				aside {

					/*padding-top: 32px;
					background: url("images/right.png") no-repeat;*/


				}

				#sidenav {
		
					background-color: #CCCCCC;
					background: -webkit-linear-gradient( top, #4d5543, #CCCCCC);
					background: -moz-linear-gradient( to bottom, #4d5543, #CCCCCC);
					background: linear-gradient( to bottom, #4d5543, #CCCCCC);
					border: 4px solid #f9fcfa;
				}

			    #button img {
			    	float: left;
				    margin: auto;
				    padding-left: 12px;
				    padding-top: 100px;
				    height: 140px;



			    }

	


/*------------------------------
=MAIN TEXT AREA
------------------------------*/

.text {
	
	color: #CCCCCC;
	
	
}

.text header p, .text header p a {

		color: #000;
	}
	
		.text header p a:hover {
			color: #000;
		}


.text p {
	
	color: #CCCCCC;
	
	
}

.text a {
	
	color: #f9fcfa;
	
	
}

.text a:visited {
	
	color: #f9fcfa;

	
}


.text a:hover {
	
	color: #CCCCCC;

}
	
.text h1 {
    color: #f9fcfa;
}

.text h2 {
    color: #f9fcfa;
}

.text h3 {
    
    color: #f9fcfa;
}

.text h4 {
    color: #f9fcfa;
}

.text .imagecaption p {
	color: #CCCCCC;
}

/*Tables*/
.text table {
	border-collapse:collapse;
	
}

	.text th, .text td {
		padding:5px;
		text-align:left;
	}
	
	.text th {
	background-color:#CCCCCC;
	color:#4d5543;
}
	
	.text th a, .text th a:hover, .text th a:visited, .text th a:active {
	color:#4d5543;
}

	.centerTable th, .centerTable td {
		padding:5px;
		text-align:center;
	}
	
/*Reservation Error Box*/

.box{
    width:100%;
    padding:10px 0px 10px 5px;
    margin-bottom: 8px;
    font-weight:bold;
}
.green{
    background-color:#95ca78;
    border-bottom:solid 1px #8AA000;
}
.red{
    background-color:#FDCBCA;
    border-bottom:solid 1px #E8514A;
}


/*------------------------------
=SIDEBAR
------------------------------*/
	aside section {

		color: #CCCCCC;
	}
	aside section ul li a {

		color: #f9fcfa;
	}
		

    aside section h2,h3 {
    
        color: #CCCCCC;
    }
    aside section h4 {
    
        color: #f9fcfa;
    }

	#socialmedia {
		
	
		background-color: #CCCCCC;
		background: -webkit-linear-gradient( top, #4d5543, #CCCCCC);
		background: -moz-linear-gradient( to bottom, #4d5543, #CCCCCC);
		background: linear-gradient( to bottom, #4d5543, #CCCCCC);


	}



/*------------------------------
=FOOTER
------------------------------*/
footer {

    background: #CCCCCC;
	/*box-shadow:5px 5px 10px #CCCCCC;
	-webkit-box-shadow:5px 5px 10px #CCCCCC;
	-moz-box-shadow:5px 5px 10px #CCCCCC;
*/
}

	footer div {

		color: #4d5543;
	}
	
	footer h3 {
		color: #4d5543;
	}
	
	footer a {
		color: #4d5543;
	}
	
		footer a:hover {
			color: #999;
		}
	
	footer ul {

		color: #4d5543;
	}
    
/*------------------------------
=LEFTHAND NAVIGATION
------------------------------*/



/* CURRENT STATES */
.level1 a.Current {
	color:#FFFFFF;
}
.level2 a.Current {
	color:#FFFFFF;
}

/* END OF CURRENT STATES */
/* FIRST LEVEL DESIGN */
p.level1 {
	color : #CCCCCC;
	
}
.level1 a {
	color : #CCCCCC;

}
.level1 a:hover {

	color : #FFFFFF;
}

/* END FIRST LEVEL DESIGN */

/* SECOND LEVEL DESIGN */
p.level2 {
	color : #CCCCCC;

}
.level2 a {
    color : #CCCCCC;
	}
.level2 a:hover {
	color : #FFFFFF; 

}
/* END SECOND LEVEL DESIGN */