/* Overall layout
/*
*/

a { color: #8d9359; text-decoration: none; }
a:hover { color: #0f0f0e; text-decoration: none; }

.clear {
  clear: both;
  height: 0; }

body { background: #494845 url(layout/bg3.jpg) top center no-repeat;

	margin: 0; padding: 0;

	color: #3c3b3a; 
	font-family: "trebuchet ms", tahoma, verdana, lucida, arial, sans-serif;
	font-size: 12px; }


#frame { width: 476px; margin: 0 auto; text-align:center; }


	#left { width: 20px; float: left; padding: 260px 0px 0px 0px; }

		#left img { border: 1px solid #fbf7ec; }
		#left img:hover { border: 1px solid #b5dd2b; }
		#left a { margin-bottom: 10px; }

	#middle { width: 456px; float: right; }


#logo { display: block; width: 100%; height: 120px; }
	#logo a { display: block; height: 100%; width: 100%; }

#navigationFrame { width: 100%; height: 104px;}

	#shadowTop { display: block; width: 456px; height: 10px; 
			background: url(layout/main_top.png) top no-repeat;
			}

	#shadowFrame { width: 100%; background: url(layout/shadow.png) center repeat-y; }

	#shadowBottom { display: block; width: 456px; height: 20px; 
			background: url(layout/main_bottom.png) top center no-repeat;
			}

#main { width: 426px; margin: 0 auto; padding: 5px; background: #fbf7ec; min-height: 300px; text-align: left;}

#footer {color: #747474; font-size: 11px;}

	#footer a { color: #91938c; text-decoration: none; }
	#footer a:hover { color: #b9d661; text-decoration: none; }

	#footerlist {margin: 0px; padding: 0px; }
	#footerlist li { list-style: none; display: inline; margin: 0px 5px; }

/* Navigation */

.nav, .nav a { display: block; float: left; height: 104px; background-position: 0 0; }

	#l1 { width: 20px; background: url(layout/nav/1.png); }

	a#l2 { width: 76px; background: url(layout/nav/2.png); }
	a#l2:hover { background-position: 0 -104px; }

	#l3 { width: 86px; background: url(layout/nav/3.png); }
	a#l3:hover { background-position: 0 -104px; }

	#l4 { width: 78px; background: url(layout/nav/4.png); }
	a#l4:hover { background-position: 0 -104px; }

	#l5 { width: 19px; background: url(layout/nav/5.png); }

	#l6 { width: 73px; background: url(layout/nav/6.png); }
	a#l6:hover { background-position: 0 -104px; }

	#l7 { width: 80px; background: url(layout/nav/7.png); }
	a#l7:hover { background-position: 0 -104px; }

	#l8 { width: 24px; background: url(layout/nav/8.png); }

/* Other */

.bold { font-weight: bold; }
.mail { font-weight: bold; color: #608b31; }

ul.websites, ul.print { padding-left: 0px; margin-left: 0px; border-top: 1px solid #c6c5c4 }

ul.websites li, ul.print li { list-style: none; margin: 10px 0px; padding: 5px 0px; border-bottom: 1px solid #c6c5c4; }

ul.websites li ul li, ul.print li ul li  { list-style: none; border: 0px; margin: 0px; padding: 0px; }

ul.websites div { display: block; width: 100%; text-align: left; padding: 0px; margin: 0px 0px 10px 0px; }

		ul.websites div img { border: 2px solid #bbbdaa; margin: 0px; padding: 0px}
		ul.websites div img:hover { border: 2px solid #76812c; }

ul.print div { display: block; width: 100%; text-align: center; padding: 0px; margin: 0px 0px 10px 0px; }
		ul.print div img { border: 2px solid #bbbdaa; margin: 0px; padding: 0px}
		ul.print div img:hover { border: 2px solid #76812c; }
		
		
		span.label1 a, .label1 { font-size: 22px; font-weight: bold; color: #9faf67; }
		span.label2 a, .label2 { font-size: 22px; font-weight: bold; color: #6e90b9; }
		span.label3 a, .label3 { font-size: 22px; font-weight: bold; color: #919395; }
		
		div.label1, div.label2, div.label3 { margin: 30px 0px 5px 10px; }
		
		span a:hover { color: #595959; }
		
div.center { text-align: center; }
div.right { text-align: right; }