html, body {width: 100%; height:100%}
body {background: #ccc; color: #000000; margin: 0px; 
font-family:  Georgia, Verdana, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; line-height: 16pt; text-align: left;}
a {color: #b5a380; text-decoration: none; font-weight: bold;}
a:hover {color: #000; text-decoration: underline;}
a:active {color: #b5a380;}

.hand{cursor:pointer;}
.help{cursor:help;}

h1 {font-size: 1.5em; text-weight: bold;}
h2 {font-size: 1.1em; text-weight: bold;}

.click {font-weight: bold; text-align: right; padding-right: 10px;}

div.menu { width: 766px; padding: 5px;}

div.mission { font-size: 1.3em; width: 500px; text-align: center; padding: 20px;}

.hl {color: #000; font-weight: bold;}
.hl_c {color: #b5a380; font-weight: bold; font-size: 1.2em;}

p.credits {text-align: center; font-size: 0.8em; color: #666;}
p.credits a {text-align: center; font-size: 0.8em; color: #666;}
p.credits a:hover {text-align: center; font-size: 0.8em; color: #666; text-decoration: underline;}

table.main { background: #FFF; width: 766px; height: 100%; border: none; }
table.main td { width: 766px; vertical-align: top; text-align: left;}

table.main td.menu {background: #000; color: #FFF; width: 766px; height: 20px; text-align: right;}
table.main td.menu a {color: #FFF;}
table.main td.menu a:hover {color: #b5a380; text-decoration: underline;}

table.main table.articles {width: 559px; height: 900px; vertical-align: top; text-align: left;}


#list ul{
	list-style-image: url("images/grapes.gif");
	height:150px;
	padding:50px;
	margin:0;
	font-size:0;
}
#list ul li{
	margin:0;
	height:50px;
}
#list ul li a{
	display:block;
	font:bold 12px/24px Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	text-decoration:none;
}
#list ul li a:hover{
	color:#202020;
	background-color:transparent;
}