/* this is the style for main body layout */

#pageHolder{	
	margin:0 auto;
	width:883px;
	padding:0;
	margin:0;
	
}
#headderBG{
	height:130px;	
	/* 'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
	padding:26px 20px 10px 175px;	
	background:url(images/ggTop_883x138_nt.jpg) no-repeat 0px 50%;
	margin-bottom:10px;
}
#headderBG h1 {
	font-size:250%;
	text-transform:capitalize;
	padding:30px 0 0.4em 0;
	letter-spacing:0.1em;
	margin:-0.3em 0;
}
#headderBG h3 {
	padding:0;
	margin:0;
}
#bodyDiv{
	/* this is the "holder" for the 3 col layout */	
	float:left;
	padding:0;
	border-top:1px solid #CCCC99;
}

#menuDiv{
	/* space for some menu formatting if need be */
	/* see the specific gerda_menu.css for more styles of the menu id / classes */
}
#mainBod{
	float:left;
	width:540px;
	/* top right bottom left */
	margin:0;
	padding:0 14px 0 10px;
	border-left:1px dotted #a1a2a3;
	border-right:1px dotted #a1a2a3;
}
#rightDiv{
	float:right;
	width:146px;	
	padding:6px 4px 10px 0;
	margin:0;
}
#rightDiv p{
	color:#333366;
	font-size:70%;
	line-height: 1.2em;	
}

#footer {
	clear:both;	
	margin:0;
	width:875px;
	padding:4px;
	border-top:1px dashed #000066;
	background-color:#FFFFCC;
	color:#003366;
	font-size:x-small;
}
#footer a{
	color:#990000;
	text-decoration:none;
}
#footer a:hover{
	font-weight:800;
}
.lefty{	
	float:left;
}
.righty{
	float:right;
}

.clear:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
.clear{
	min-height:1px;
}
* html .clear{
	height:1px;
}

/* IMAGES css - padding / borders / margins etc */
img {
	margin:0 0 4px 0;
}
.illustration_ll{
	font-size:10px;
	color:#006699;
	text-align:center;
	border-bottom:1px dashed #CCC;
    float: left; 
	padding-bottom:6px;
    margin:0 10px 0 0;
}
.illustration_rr { 
	font-size:10px;
	color:#006699;
	text-align:center;
	border-bottom:1px dashed #CCC;
    float: right; 
	padding-bottom:6px;
    margin:0 0 0 10px;
}

/* divs for global images for linking to book purchase */
.flag{
	float:left;
	width:168px;
	font-size:75%;
	/*padding:'padding-top' 'padding-right' 'padding-bottom' 'padding-left'*/
	padding:0 10px 10px 0;	
}
.flag img{
	border:0;
}
.flagHead{
	font-size:120%;
	font-weight:450;
	margin:0 0 2px 0;
	padding:0;
}