/* --------------------------------------------------
CSS Document For OFS Site
-------------------------------------------------- */

/* CONTAINER */

		#container {
			width: 750px;
			margin: 0 auto;
			font-family: Georgia, "Times New Roman", Times, serif; 
			font-size: 12px;
			line-height: 1.4em;
		color: #666;
			background-color: #fff;
		}
		
/*Page content*/
		
		h1 { font-weight: normal; font-size: 32px; color: #cc6633; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom: 30px; background-color: #fff; }
		
		h2 {
			color: #63c;
			font-size: 16px;
			font-family: Georgia, "Times New Roman", Times, serif;
			background-color: #fff;
		}

		h3 {
			color: #63c;
			font-size: 12px;
			font-family: Georgia, "Times New Roman", Times, serif;
			background-color: #fff;
		}
		
		a:link {
			color:#63c;
			text-decoration: none;
		}

		a:visited {
			color:#CC6714;
			text-decoration: none;
		}

		a:hover {
			background-color: #F5F5F5;
			text-decoration: none;
		}

		.button {
			padding: 2px;
		}
		
/* HEADER ELEMENTS */

		#header {
			border-bottom: 4px solid #948979;
			clear: both;
			margin-bottom: 10px;
			padding: 0px;
		}
		

/* NAVIGATION ELEMENTS */
	
		 #navigation {
			margin: 0px;
			float: left;
			padding: 0px;
			width: 140px;
			border-bottom: 1px solid #CCC;
		}

		#navigation a {
			display: block;
			float: left;
			padding: 0px;
			margin: 0px;
			width: 140px;
		}

		#navigation a:link {
			color:#63c;
			text-decoration: none;
		}

		#navlist a:visited {
			color:#CC6714;
		}
		
		#navigation a:hover {
			background: #f5f5f5 no-repeat 96% 50%;
		}
/* THE SMALL BOX BELOW NAV */

		#navigation ul, #navigation p {
			display: block;
			float: left;
			list-style-type: none;			
			border-bottom: 1px solid #ccc;
			padding: 0px;
			margin: 0px;
	 	}

		#navigation li {
			display: block;
			border-bottom: 1px solid #ccc;
			float: left;
			padding: 0px;
			width: 140px;
			margin: 0px;
	 	}
		
/* CONTENT ELEMENTS */

		#content {
			width: 435;
			margin-left: 150px;
			margin-right: 160px;
			margin-top: 0px;
			margin-bottom: 0px;
/*			border: 0px;*/
			float: none;
			text-align: center;
			padding: 0px;
		}
		
		#content p {
			width: 425px;
			float: none;
			padding: 0px;
			margin: 0px;
			border: 0px;
			text-align: center;
		}
		
		#content p.egg {
			width: 355px;
			float: none;
			padding: 0px;
			margin: 0px;
			border: 0px;
			text-align: center;
			padding-left: 35px;
			padding-bottom: 3px;
			padding-right: 35px;
		}

		#content img {
			scalefit: 1;
			contentdepth: 1;
			padding: 0px;
			margin: 5px;
/*			margin-bottom: 5px;*/
		}

		#content img.p1 {
			width: 75%;
		}

		#content img.h1 {
			width: 78%;
		}

		#content img.p2 {
			width: 40%;
		}

		#content li {
			padding-bottom: 0px;
		}

/* SLIDELEFT ELEMENTS */
		#slideleft {
			width: 25px;
			float: left;
			padding: 0px;
			margin: 0px;
			text-align: center;
			margin-top: 0px;
		}
		#slideleft p {
			width: 25px;
			float: left;
			padding: 0px;
			margin: 0px;
			text-align: center;
			margin-top: 0px;
		}

		
		#slideleft p.sb {
			width: 25px;
			float: left;
			padding: 0px;
			margin: 0px;
			margin-top: 100px;
		}
		
		#slideleft img {
			scalefit: 1;
			contentdepth: 1;
			padding: 0px;
			margin: 0px;
			border: 0px;
		}

		#slideleft img.sb {
			margin-top: 100px;
		}

		#slideleft img.sbt {
			margin-top: 20px;
		}

		#slideleft a {
			padding: 0px;
			margin: 0px;
		}

		#slideleft a:hover {
			padding: 0px;
			margin: 0px;
		}

/* SLIDERIGHT ELEMENTS */
		#slideright {
			width: 25px;
			overflow: visible;
			float: right;
			padding: 0px;
			margin: 0px;
			text-align: center;
			margin-top: 0px;
		}
		#slideright p {
			width: 25px;
			float: right;
			padding: 0px;
			margin: 0px;
			text-align: center;
			margin-top: 0px;
		}

		
		#slideright p.sb {
			width: 25px;
			float: right;
			padding: 0px;
			margin: 0px;
			margin-top: 100px;
		}
		
		#slideright p.at {
			padding: 0px;
			margin: 0px;
			margin-left: -80px;
		}

		#slideright img {
			scalefit: 1;
			contentdepth: 1;
			padding: 0px;
			margin: 0px;
			border: 0px;
		}

		#slideright img.sb {
			margin-top: 100px;
		}

		#slideright img.sbt {
			margin-top: 20px;
		}


		#slideright a {
			padding: 0px;
			margin: 0px;
		}


		#slideright a:hover {
			padding: 0px;
			margin: 0px;
		}

/* YOLK ELEMENTS */
		#yolk {
			width: 360px;
			float: none;
			text-align: center;
			padding: 0px;
			margin: 0px;
		}

		#yolk p {
			width: 360px;
			float: none;
			text-align: center;
			padding: 0px;
			margin: 0px;
		}

/* SIDEBAR ELEMENTS */

		 #rnavigation {
			float: right;
			margin: 0px;
			padding: 0px;
			width: 160px;
		}
		 #rnavigation ul {
			list-style-type: none;			
			padding: 0px;
			margin: 0px;

		}


		#rnavigation p {
			float: right;
			width: 160px;
			margin: 0px;
			padding: 0px;
			border-bottom: 0 solid #ddddd;
		}

		#rnavigation a {
			float: right;
			width: 160px;
			margin: 0px;
			padding: 0px;
			display: block;
			border-bottom: 1px solid #CCC;
		}

		#rnavigation a:link {
			color:#63c;
			text-decoration: none;
		}

		#rnavlist a:visited {
			color:#CC6714;
			text-decoration: none;
		}
		
		#rnavigation a:hover {
			background: #f5f5f5 no-repeat 96% 50%;
			color:#cc6714;
		}

		#rnavigation li {
			width: 160px;
			float: right;
			margin: 0px;
			padding: 0px;
		}

		#rnavigation img {
			float: right;
			scalefit: 1;
			contentdepth: 1;
			padding: 5;
			margin: 0px;
			width: 90%;
		}



/* FOOTER ELEMENTS */

		#footer {
			margin-top: 20px;
			clear: both;
			padding: 0 5px;
		}
		
		#footer p { color:#89817f; font-size: 9pt; padding: 5px; }
		
		#footer p a {
			color: #89817f;
			border-bottom: 1px dotted #89817f;
		}
		
		#footer p a:hover {
			color: #FFFFFF;
			background-color:#575352;
		}
		
		/*End*/