@charset "UTF-8";
/* CSS Document */
a:link 
		{
			text-decoration: none;
			color: #915900;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			
			
		}
a:link.current
		{
			text-decoration: none;
			color: #a46900;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
		}
a:visited
	{
		
			text-decoration: none;
			color: #915900;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			
		
		
	}

body 
	{
			font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
			background-color: #FFC;
			margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
			padding: 0;
			text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
			color: #000000;
			font-size: 12px;
	}
#container 
	{
			width: 840px; 
			background: #FFFFFF;
			text-align: left; /* this overrides the text-align: center on the body element. */
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	
	}
#mainContent 
		{
	
			position: relative;
			float: left;
			background-color: #fffff1;
			width: 800px;
			height: 2550px;
		}
#mainContent-2
		{
	
			position: relative;
			float: left;
			background-color: #fffff1;
			width: 800px;
			height: 1110px;
		}
#mainContent-3
		{
	
			position: relative;
			float: left;
			background-color: #fffff1;
			width: 800px;
			height: 1600px;
		}
#mainContent-4
		{
	
			position: relative;
			float: left;
			background-color: #fffff1;
			width: 800px;
			height: 750px;
		}


 #banner
 		{
			
			width: 800px;
			background-color: #FFF;
			height: 170px;
			border-bottom: 1px solid  #ebebbc; 
			
		}


 #logo
 		{
	position: absolute;
	top: 149px;
	left: 14px;
	background-image: url(oasis_logo.gif);
	background-repeat: no-repeat;
	background-position: left;
	height: 211px;
	width: 194px;
	float: left;
	z-index: 2;
		}

#grad-left
		{
			width: 20px;
			height: 2550px;
			background-image:url(sides.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: left;
		}
#grad-right
		{
			width: 20px;
			height: 2550px;
			background-image: url(sidesright.jpg);
				background-repeat: repeat-y;
			background-position: left;
			background-color: #FFC;
			float: right;
		}
#grad-left-2
		{
			width: 20px;
			height: 1110px;
			background-image:url(sides.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: left;
		}
#grad-left-3
		{
			width: 20px;
			height: 24px;
			background-image:url(sides.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: left;
		}
#grad-left-4
		{
			width: 20px;
			height: 1600px;
			background-image:url(sides.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: left;
		}
#grad-right-4
		{
			width: 20px;
			height: 1600px;
			background-image:url(sidesright.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: right;
		}
#grad-left-5
		{
			width: 20px;
			height: 750px;
			background-image:url(sides.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: left;
		}
#grad-right-5
		{
			width: 20px;
			height: 750px;
			background-image:url(sidesright.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: right;
		}
#grad-right-3
		{
			width: 20px;
			height: 24px;
			background-image:url(sidesright.jpg);
			background-repeat: repeat-y;
			background-position: right;
			background-color: #FFC;
			float: right;
		}
#grad-right-2
		{
			width: 20px;
			height: 1110px;
			background-image: url(sidesright.jpg);
				background-repeat: repeat-y;
			background-position: left;
			background-color: #FFC;
			float: right;
		}
#address
 		{
	position: relative;
	top: 18px;
	left: 243px;
	float: left;
	font-size: 14px;
	color: #888;
	width: 175px;
		}

 #boxleft
 		{
	position: relative;
	top: 9px;
	width: 140px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
		}
#boxmiddle
 		{
	position: relative;
	top: 9px;
	width: 435px;
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
		}
 #boxright
 		{
	position: relative;
	top: 9px;
	width: 190px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
		}
 #bigboxright
 		{
	position: relative;
	top: 9px;
	width: 630px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	float: left;
		}

.boxcontent
		{
			margin-left: 5px;
			margin-right: 5px;
			color: #555;
			line-height: 18px;
			
		}
.boxcontent2
		{
			margin-left: 5px;
			margin-right: 5px;
			margin-top: 5px;
			color: #555;
			line-height: 18px;
			border:1px solid #fbf2e4;
			background-color: #fffffa;
			
		}
.boxcontent3
	{
			margin-left: 9px;
			margin-right: 5px;
			margin-top: 3px;
			margin-bottom: 4px;
			color: #555;
			line-height: 18px;
		
	}
.boxcontent4
	{
			
			margin-right: 5px;
			margin-top: 3px;
			margin-bottom: 4px;
			color: #555;
			line-height: 18px;
		
	}
 .header
 		{
			color: #b07100;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 16px;
		
		}
 .header2
 		{
			
			color: #798fc4;
			font-family:  Georgia, "Times New Roman", Times, serif;;
			font-size: 18px;
					
			
		}
 .header5
 		{
			
			color: #798fc4;
			font-family:  Georgia, "Times New Roman", Times, serif;;
			font-size: 22px;
					
			
		}
 .header3
 		{
			color: #377A26;
			font-family: Georgia, "Times New Roman", Times, serif;
			
			
		}
 .header4
 		{
			color: #b07100;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 18px;
			margin-bottom: 3px;
			
		
		}
 #pics	
 		{
			width: 800px;
			position: relative;
			height: 200px;
			border-top: 1px solid #ccc;
		}
.preload
		{
			display: none;
			width: 200px;
			height: 200px;
		}
.toppics
		{
			float: left;
			padding: 0px;
			margin: 0px;
			border: none;
			cursor: default;
		}
		
.pic1 
 		{ 
 			
			background-image: url(Uploads/IMGP4540small.JPG);		
			float: left;
			width: 200px;
			height: 200px;
			
		}
 .pic2 
 		{ 
 			background-image: url(Uploads/IMGP4608small.JPG);	
		    float: left;
			width: 200px;
			height: 200px;
			
		}
 .pic3 
 		{
			background-image: url(Uploads/IMGP4623small.JPG);			
			float: left;
			width: 200px;
			height: 200px;
		 }
 .pic4 { 
 			background-image: url(Uploads/IMGP4709small.JPG);
			float: left;
			width: 200px;
			height: 200px;
		}



#navigation
		{
	height: 59px;
	position: absolute;
	top: 315px;
	width: 630px;
	left: 181px;
		}
#navigation ul
		{
			list-style:none;
		}
#navigation li.link
 		{
			
			float: left;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 10px;
			margin-bottom: 0px;
			padding: 6px 7px;
			text-align: center;
		}

#navigation li.nolink
		{
			float: left;
			margin-left: 2px;
			margin-right: 2px;
			margin-top: 7px;
			margin-bottom: 7px;
			background-color: #fffff1;
			padding: 7px 9px;
			text-align: center;
			border-bottom: 3px solid #fffff1;
			border-top: 1px solid  #ebebbc;
			border-left: 1px solid  #ebebbc;
			border-right: 1px solid  #ebebbc;
			

			
		
		}
#navigation li.link a:hover
	{
			text-decoration: none;
			color: #915900;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 19px;
			
	}
#navigation li.nolink a:hover
	{
			text-decoration: none;
			cursor: default;
	}
.halfbox
		{
			
			margin-left: 5px;
			color: #555;
			line-height: 18px;
		
		}
#footer
		{
			
			
			width: 840px;
			display: block;
			text-align: center; /* this overrides the text-align: center on the body element. */
			margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
			line-height: 24px;
			

		}
#footercenter
		{
			
			float: left;
			border-top: 1px solid #b07100;
			width: 800px;
			background-color: #FFF;

		}
#footerlinks
		{
			display: inline;
			float: left;
			margin-left: 7px;
			color: #444;
		}

#copyright	{
			float: right;
			display: inline;
			color: #444;
			margin-right: 10px;
			
			
		
		}
a.footertext
		{
			color: #444;
			padding: 0px 5px;
			font-size: 13px;
			
		}
.mapbox
		{
			width: 200ox;
			float: left;
			margin-left: 6px
		}
.storefront
		{
			border: 3px solid #fbf2e4;	
			margin-top: 3px;
			margin-left: 2px;
			margin-bottom: 5px;
		}
.contactinfo
		{
			width: 175px;
			float: left;
			margin-left: 8px;
		}
.healthybox
		{
			position: relative;
			top: 14px;
			margin-left: 5px;
			width: 250px;
			float: left;
			
		}
.fixleft
		{
			position: relative;
			top: 10px;
			width: 560px;
			margin-left: 8px;
			
			float: left;
		}
.fixright		
		{
			position: relative;
			top: 5px;
			margin-right: 2px;
			width: 225px;
			float: left;
			
		}

.nospace
		{
			margin: 8px 0px;
			padding: 0px;
			
		}
.fixpic
		{
		
			border: 3px solid #fbf2e4;	
			margin-top: 3px;
			margin-right: 7px;
			margin-bottom: 5px;
			margin-left: 0px;
			
		}