/* resteting preferences 
-----------------------------------------------------------------------------------------------------*/

	body, h1, h2, ul, ol, li, dl, dd, dt, p, textarea, input, div, a {
		margin: 0;
		padding: 0;
	}
	
	img, fieldset { border: none; }
	a { text-decoration: none; }
	ul li { list-style: none; }
	
/* main construct 
-----------------------------------------------------------------------------------------------------*/

body {
	background: #F3F3E9;
	font: normal 100.01% Arial, Helvetica, Tahoma, Verdana, sans-serif; /* 16px */
	color: #666;
}

#root {
	margin: 0 auto;
	margin-top: 20px;
	width: 752px;
	}
#contener {
	background: #fff;
	border: 1px solid #CC0000;
	padding: 1px;
	margin-top: 5px;
	}
#top {
	background: #fff url(../g/top.png) no-repeat;
	width: 100%;
	height: 101px;
	margin-bottom: 2px;
	}
#top h1 { display: none; }
#nav { width: 712px; margin: 0 auto; }
#nav li { display: inline;  margin: 0 -1px;}
#nav li a { background: #d8c6b8; color: #000; padding: 2px 20px; font-size: 0.81em;}
#nav li a:hover { background: #CAB6A6; color: #fff; }

#content {
	margin: 20px 10px 10px 10px;
	font-size: 0.75em;
	}
ul, ol {
	margin: 10px 0 10px 25px;
	}
dl { margin: 10px 0; }
dt { margin: 10px 0 5px 0; }
dd { margin: 5px 0 5px 10px; }
p { margin: 10px 0; }
#content ul li {
	list-style: url(../g/circle.png);
	}
h1 {
	border-left: 6px solid #F2C200;
	padding-left: 5px;
	font-size: 1em;
	color: #56576F;
	}
h3 { text-transform: uppercase; }
#downlink { float: left;}
#downlink li { display: inline; margin-right: 10px;}
h2 { 
	float: right;
	font-size: 0.69em;
	background: #d8c6b8;
	padding: 10px 5px;
	margin-right: 20px;
	color: #3e3131;
}
/* ----- lightbox ---- */
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../g/overlay.png); }

/* ----- lightbox ---- */

table {
	width: 80%;
	margin: 0 auto;
	text-align: left;
	border-collapse: collapse;
	margin-top: 20px;
}
th {
	text-align: center;
	background: #F5F5F5;
	border: 1px solid #c6bebe;
	color: #666666;
	font-family: Arial;
	}
.dark {
	background: #FFFFFF;
	}
tr {
	font-size: 1em;
	background: #F9F9F9;
	line-height: 26px;
}
tr:hover {
	background: #FFF5CE;
	}
td {
	color: #4391C4;
	padding-left: 5px;
	border: 1px solid #c6bebe;
	}
.img {
	text-align: center;
	margin-top: 10px;
	}
img {
	margin: 0 5px 5px 5px;
	padding: 5px;
	border: 1px solid #78d359;
	}
img:hover {
	border: 1px solid #507c41;
	}
legend { font-weight: bold; }
label {
	display: block;
	width: 100px;
	float: left;
	cursor: pointer;
}
		
input, textarea {
	display: block;
	float: left;
	padding: 2px;
	border: 1px solid #A7A6AA;
}
		
form div {
	overflow: auto;
	clear: both;
	margin-bottom: 0.5em;
}
		
input#submit {
margin: 0 10px 0 100px;
}
fieldset {
	border: 1px solid #DDD;
	width: 70%;
	padding: 1em;
	}
input:focus, textarea:focus { border: 1px solid #000; }
.vcard {	margin: 10px 0 20px 15px; }
a { color: #d94747; text-decoration : none; border-bottom : 1px solid #ddd; }
a:visited { color : #d94747; text-decoration : none; border-bottom : 1px solid #ddd; }
a:hover { color : #61794b; border-bottom-color : #bbb; }
a:active { color : #61794b; border-bottom-color : #bbb; }
div.img a, div.img a:visited, div.img a:hover { border-bottom: none; }
#root a { font-size: 0.81em; }
#contener a {font-size: 1.23em; }
#root h2 a {font-size: 1em; }