@media screen {
	body { 
		background-color: #61400c;
		font-family: Verdana, "Trebuchet MS", sans-serif;
		font-size: 90%;
		text-align: center;
		/* background: url(/img/body-bg.jpg) repeat-x #61400c; */
		margin:0; padding: 10px 0;
	}

	#page { width: 760px;
		margin: 0 auto;
		border: 1px solid #ddd;
		text-align: left;
	}

	#header, #footer {
		display: block;
		background-color: #9ae6ff;
	}

	#main { background-color: #fdecc4; display: block; _height: 1em; }

	.col { margin: 0; padding: 0; }
	.col-in { margin: 1em 1em; }

	#leftc  {
		width: 190px;
		float: left;
		display: inline;
		position: relative;
		left: -568px;
		background-color: #fdecc4;
	}

	#midc   {	
		width: 568px;
		position: relative;
		left: 190px;
		float: left;
		padding-top: 10px;
		background-color: #fff;
	}

	#rightc {
		width: 10px;
		float: left;
	}

	#admin-menu {
		font-size: 90%;
		background-color: #eef;
		border: 1px solid #00f;
		padding: 4px 10px; 
		margin: 0 10px 0 20px;
		text-align: right;
	}
	#admin-menu a { color: #00f !important; }

	#menu ul { display: none; }
	#menu ul.act { 
		display: block; 
		list-style-type: none; 
		margin: 0 0 0 5px; 
		padding: 0; 
	}
	#menu {
		width: 100%;
		list-style-type: none;
		margin: 1em 0 0 0; padding: 0;
		font-size: 90%;
	}
	#menu li {
		display: block;
		/* background-color: #fdecc4; */
		background: url(/img/bullet.png) no-repeat 13px 10px #fdecc4;
		margin: 1px 0; padding: 5px 10px 5px 25px;
	}
	#menu li li {
		background: url(/img/bullet-2.png) no-repeat 3px 11px #fdecc4;
		padding: 5px 10px 5px 15px;
		font-size: 85%;
	}
	#menu a {
		text-decoration: none;
		color: #000;
	}
	#menu a:hover {
		text-decoration: underline;
	}

	#header { 
		background: url('/img/head-bg2.jpg') no-repeat;
		height: 110px;
		padding-left: 20px;
	}
	#header .desc {
		display: block;
		padding: 10px 0 5px 0;
	}
	#header p { margin: 0; }
	#header a { text-decoration: none; color: #fff; }
		

	#footer { padding: 0.3em 1em; font-size: 80%; }
	#footer p { margin: 0.5em 0; }


	#midc ul {
		list-style-type: none;
		margin: 0.8em 0;
		padding: 0;
	}
	#midc ul li {
		margin: 0;
		padding: 0 1em;
		background: url(/img/bullet-2.png) no-repeat 2px 0.48em;
		position:relative;
	}

	#midc a {
		color: #b06c00;
		font-weight: bold;
	}
	
	#midc table {
		border: 1px solid #000;
		border-collapse: collapse;
		margin: 1em 0;
	}
	#midc table td, #midc table th {
		border: 1px solid #000;
		padding: 0.5em;
	}
	#midc table th {
		background-color: #fcf6e8;
	}
	
	#midc table.no-border, #midc table.no-border th, #midc table.no-border td {
		border: none;
	}
	#midc .fill {height: 15em;}

	.hide { display: none; }
	
	.clr { clear: both; height: 0; content: ' '; overflow: hidden; }
   	.clr hr { display: none; }
   	
   	div.sep {
   		height: 12px; 
   		background: url(/img/separator.png) no-repeat scroll center;
   	}
   	div.sep hr { display: none; }
	

	/* styles */
	h1, h2, h3 {
		font-family: "Trebuchet MS", "Geneva CE", lucida, sans-serif;
		margin: 0;
		color: #d98500;
	}
	h1 {
		font-size: 180%;
		margin-bottom: 10px;
		/* font-family: Garamond, "Times New Roman", Times, serif; */
	}
	h2 {
		font-size: 150%;
		margin-top: 0.7em;
	}
	h3 {
		font-size: 120%;
		margin-top: 0.7em;
	}
	h4 {
		font-size: 110%;
	}
	p { margin: 0.3em 0 1em 0; }

	dt { font-weight: bold; }
	dd { margin-bottom: 1em; }

	#header {
		font-family: Garamond, "Times New Roman", Times, serif;
	}
	#header .desc {
		font-size: 250%;
		font-weight: bold;
	}

	#header .subtit {
		font-size: 110%;
		color: #fff;
		line-height: 1.2em;
		padding-left: 2px;
	}

	#footer { 
		text-align: right; 
		color: #fff;
		background: url('/img/foot-bg.jpg') repeat-x;
	}
	#footer a {
		color: #fff;
	}

	#midc img {
		border: 1px solid #d98500;
	}
	
	img.right {
		float: right;
		margin: 0 0 0 10px;
	}
	img.left {
		float: left;
		margin: 0 10px 0 0;
	}

	.no-border {
		border: none;
	}
	
	.leftbox {
		text-align: center;
		margin-top: 1em;
	}
	.leftbox a img { border: none; }
}
@media print {
	.hide { display: none; }

	.clr { clear: both; height: 0; content: ' '; overflow: hidden; }
   	.clr hr { display: none; }

	img.right {
		float: right;
		margin: 0 0 0 10px;
	}
	img.left {
		float: left;
		margin: 0 10px 0 0;
	}
}