/*
#52788c - Blue
#c2b59b - Tan
#463c32 - Dark Brown
#f8f8f8 - Almost White
*/

html, body { margin: 0; padding: 0; }
body { 
	background: url(images/bg.jpg) repeat #c2b59b;
	color:#463c32;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	margin:0;
	padding:0; 
	}
h2, h3 {
	font-family:"Arial Narrow", "Helvetica Narrow", Arial, Helvetica, sans-serif;	
}

h2 {
	line-height:28px;
	margin:0 0 20px 0;
	font-size: 28px;
	font-weight: normal;
	}
h3 {font-size: 24px; line-height:28px; font-weight:normal; margin:0 0 20px 0;}
a { color: #52788c; }
p { margin: 0 0 18px; }
#wrapper { float: right; padding:25px; width:670px; }
    
/* Header */

#header  { 
	background: #eee; 
	border-bottom: 2px solid #ddd; 
	background-image:url(images/bg-header-redbook.jpg);  
	background-repeat:no-repeat; 
	height:200px;
	padding:0 0 0 280px; 
	}
#header h1 { color: #004b6f;font-size:18px; margin: 0 0 3px; padding: 18px 18px 0; }
#header p { color: #666; font-size: 11px; font-weight: bold; padding: 0 18px; }
    
/* Content Style */
#navigation { /*border-bottom: 1px solid #ccc;*/ padding-left: 18px; }
#navigation ul { padding: 0 18px 9px; }
#extra { border-bottom: 1px solid #ccc; padding-left: 18px; }
#extra small { font-size: 11px; line-height: 18px; }
#content p, #extra p { padding-right: 18px; }
    
/* Content Positioning & Size */

#navigation { 
	float:left;
	width:220px;
	margin:0;
	padding:25px 10px 10px 10px;
	}
#container {
	background:url(images/bg_page.png) repeat-y transparent;
	margin:0 auto;
	padding:0 8px;
	width:960px;
	}
#extra { float: left; clear: left; width: 30%; }    /* Footer */
div#footer {
	clear:both;
	font-size:11px;
	margin:0 auto;
	padding:20px 10px;
	width:940px;s
	}
	
div#footer ul {
	margin:0 0 6px 0;
	padding:0;
	list-style:none;
	}
	
div#footer li {
	display: inline;
	padding:0 4px 0 0;
	}
	
div#footer, div.footer a {color:#716558;}
div#footer p {margin-bottom:0;}
div#footer center {text-align:left;}

#google_translate_element { float:right; padding:15px 50px 0 0;}