/* GLOBAL MARGINS */
#header, #container, #content, #footer { width: 800px; }

/* GLOBAL FONTS */
body, p, ol, ul, li, dl, dt, dd { font: 13px Georgia, "Times New Roman", Times, serif; line-height: 1.5em; }
cite p, blockquote { font-size: 12px; }

/* GLOBAL TAGS */
body {
	color: #666666;
	background: url(wood_41r.jpg);
	margin: 0;
	padding: 0;
	}
a { color: #990000; text-decoration: none; }
a:hover { color: #990000; border-bottom: 1px dotted #990000; }
a:active { color: #000000}

a img { border: 0; }

h1 { font-size: 16px; font-weight: 100; letter-spacing: .15em; color: #000; }
h2 { font-size: 12px; font-weight: 100; letter-spacing: .12em; color: #333; padding: 2em 0 0 0;  text-transform: uppercase; }
h3 { font-size: 12px; font-weight: 600; padding: 1.5em 0 0 0; }
h4 { color: #666000; border-bottom: 1px dotted #666000; padding: .5em 0; }

table { border-spacing: 0; }
ul { }
li { padding: 0 0 .5em 0; }
hr {
	border-top: 1px dotted #AEBB99;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	}
dl { }
dt {
	width: 5em;
	float: left;
	}
dd {
	margin-left: 8em;
	margin-bottom: 1em;
	}
blockquote {
	color: #333;
	font-style: italic;
	}	
cite {
	margin-bottom: 1em;
	color: #666600;
	}
code {
	font-family: Monaco, Courier;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #6699FF;
	background-color: #E8E8CC;
	padding: 2px;
	letter-spacing: normal;
	}

/* GLOBAL CLASSES */
.noline, a:hover.noline, .rightrail th.noline, .rightrail td.noline { border: 0; }
.sm {
	font-size: 9px;
	}
ul.reference li {
	margin-bottom: 1em;
	}
.referenceItem {
	margin-left: 2em;
	color: #666600;
	}

/* CONTAINER DEFINITIONS AND STYLES */

#header { background: url(header.jpg) no-repeat; height: 160px; }
#header h1 { display: none; }

#navTop { margin: 40px 100px 0 30px; }
#navTop ul { margin: 0; padding: 0; }
#navTop li {
	list-style: none;
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
	border: 1px solid #FFF;
	margin: 0 6px 6px 0; 
	padding: 2px;
	}
#navTop li a { 
	display: block;
	width: 9em;
	}
#navTop li a:hover {
	text-decoration: none; 
	background-color: #FFF;
	border: 0;
	}
#navTop a.on {
	background: url(../../assets/trans50.png);
	color: #000;
	}
	
#langToggle { padding: 5px 0 0 30px; }

#container { display: table; margin: 0 auto; background:#FFFFDD; }

#content { background: url(body.jpg) no-repeat; background-color: #E7DAB0; }

.leftnav { float: left; margin: 5px 0 0 30px; width: 120px; }

.leftnav ul, .leftnav li, .leftnav li ul, .leftnav li ul li { list-style-type: none; margin: 0; padding: 0; font-size: 10px; }
.leftnav li { padding: 5px 0; text-transform: uppercase; }
.leftnav li ul li { text-transform: capitalize; margin: 3px 0; }
.leftnav a { width: 113px; display: block; border: 1px solid #FFFFDD; }
.leftnav a:hover { background-color: #FFF; text-decoration: none; border: 1px solid #CCC; }
.leftnav a.on { color: #000; font-weight: bold; }


.rightrail {
	float: right; 
	margin: 0;
	padding: 120px 0 0 0;
	width: 130px;
	}
.rightrail h1, .rightrail p, .rightrail a { text-align: center; }
.rightrail h1 { font-size: 11px; font-weight: 100; margin: 0 0 10px 0; }
.rightrail p { font-size: 9px; margin: 5px 0 10px; padding: 0; }
.rightrail img { padding: 0 5px; }
.rightrail table { width: 130px; margin: 0 0 20px 0; }
.rightrail th, .rightrail td { border-bottom: 1px dotted #FFF; margin:0; padding:0; }
.rightrail th { font-size: 9px; color: #999; font-weight: 100; text-transform: capitalize; text-align: right; }
.rightrail td { font-size: 10px; color: #666; }

#main { float: left; padding: 0 30px 30px 30px; width: 550px; min-height: 310px; }
#main th { 
	font-size: 10px; 
	font-weight: normal; 
	text-align: left; 
	text-transform: uppercase; 
	border-bottom: 1px solid #999;
	padding: 0 15px 0 0; 
	}
#main td { 
	padding: 0 15px 3px 0; 
	border-bottom: 1px dotted #999;
	}
	
#footer { 
	background: url(footer.jpg) no-repeat; 
	clear: both; 
	border-top: 1px dotted #CCC; 
	height: 150px;
}
#footer p { 
	padding: 0 0 0 30px;
	font-size: 10px; 
	color: #999; 
	}
#footer a { color: #666; }
#footer a:hover { border-bottom: 1px dotted #666; }
