/* Carlos Warter Styles

Page Container layout:
   
body
	div#wrap
		div#pageBody
			div#header

			div#main
											
				div#center
					div

			div#footer
				div
				
950 = 3 + 944 + 3

944 = 9 + 798 + 9

944 = 293 + 523


*/

/* HTML element defaults */
body { margin: 0 auto; padding: 0 0 20px 0; min-width: 1000px; text-align: center; 
	background: #0167b5 url(images/body_bg.png) repeat-x; font-family: verdana; font-size: .8em
}

form { margin: 0; border: 0; padding: 0 }
input { margin: 0; padding: 0 }
img { border: none }


/* Grid Rules */
#wrap { width: 950px; margin: 0 auto; text-align: left; position: relative }

#containerBackground { background: url(images/page_bg.png) repeat-y    }
body.sidebarLeft #containerBackground { background: url(images/page_bg_2.png) repeat-y    }

#container { width: 950px; background: url(images/page_borders.png) no-repeat    }
body.sidebarLeft #container { background: url(images/page_borders_2.png) no-repeat    }

#pageBody { height: 100%; text-align: left; margin: 0; padding: 0 3px }

#header { width: auto; height: 257px; margin: 3px 0 0 0; padding: 0; background: #000f1a }
#header div.innerWrap { width: 944px; height: 248px; background: url(images/header_bg.gif) no-repeat    }


#navigationTop { width: 100%; text-align: top }
#navigationTop ul { width: 656px; height: auto; margin: 0 auto; padding: 0 }

/* rules for ul-based menus */
div.navWrap { width: 100%; margin: 0; padding: 0 }

/* rules for level 1 lists */
div.navWrap ul { position: relative; list-style: none }
div.navWrap ul ul, div.navWrap ul ul ul { position: absolute; list-style: none; margin: 0; border: 0; padding: 0 }

/* rules for level 1 items */
div.navWrap ul li { position: relative; float: left; width: 80px; margin: 0 2px 0 0; cursor: pointer; text-align: center; 
	background: #2b4d67; opacity: 0.6; filter: alpha(opacity=60)
}
div.navWrap ul li a { display: block; border: 0; padding: 31px 0 10px 0; 
	text-decoration: none; color: #fff; width: 80px; text-align: center; 
	font-size: .9em; font-family: arial;
}

div.navWrap ul li a:hover { opacity: 0.5; filter: alpha(opacity=50) }


/* rules for level 2 & 3 lists */
div.navWrap ul ul, div.navWrap ul ul ul { display: none; left: auto; height: auto }
/* rules for level 2 & 3 items */
div.navWrap ul li li, div.navWrap ul li li li { position: relative; text-align: left }



#headerLogoWrap { width: 100%; height: auto }
#headerLogo { padding: 90px 0 0 40px;  }
#headerLogo img { width: 190px; height: 50px }

#absoluteImages {
	position: relative;
	top: -86px;
	left: 0;
	height: 1px;
}
#absoluteImages div.innerWrap { position: absolute; padding: 0 0 0 82px }
#image1 { float: left; margin: 43px 0 0 0 }
#image2 { float: left; margin: 0 0 0 83px }
#image3 { float: left; margin: 0 0 0 16px }
#image4 { float: left; margin: 0 0 0 13px }

#main { height: 100%; clear: both }

body.sidebarLeft { min-width: 600px }
#sidebarLeft { width: 283px; float: left; margin: 0 10px 0 0; color: #d7e9f6 }
#wrapper #container .sidebar { margin: 0; z-index: 2; position: relative }
#sidebarLeft div.innerWrap { padding: 124px 52px 0 52px; font-size: .85em; font-family: arial; line-height: 19px }
#sidebarLeft div.title { font-weight: bold; font-size: 1.1em; margin: 0 0 4px 0 }
#sidebarLeft div.buttonCell { padding: 30px 0; text-align: center }
/* I added this - DE */
#sidebarLeft div.innerWrap a { color: #fff }
/* End of my stuff - DE */
#wrapper #container #center { float: left; width: 100% }
body.sidebarLeft #squeeze { margin-left: 293px }

#squeeze div.innerWrap { padding: 130px 20px 0 10px; font-size: .9em; color: #636363 }
body.sidebarLeft #squeeze div.innerWrap { padding: 130px 20px 0 0px; font-size: .9em; color: #636363 }

#squeeze div.title { font-weight: bold; color: #01477d;  padding: 0 0 0 2px; }
#squeeze p.content { margin: 15px 0; padding: 0 0 0 2px }
#squeeze div.bookCell { margin: 30px 0 }



#footer { width: 100%; height: 30px; background: #445b6d url(../new%20spanish/images/footer_bg.png) no-repeat; clear: both }
body.sidebarLeft #footer { background: transparent url(images/footer_bg_2.gif) no-repeat    }

#pageBottom { height: 5px; width: 950px; font-size: 1px; background: transparent url(images/page_bottom.gif) center center    }

#flashSidebar {
	position: absolute;
	top: 97px;
	left: 838px;
	width: 120px;
	height: 400px;
	background: #eaeaea
}

#belowPage { color: #fff; font-size: .85em }
#belowPage a { color: #fff; text-decoration: none; padding: 0 8px }
#belowPage a:hover { text-decoration: underline }
div.belowLinks { padding: 20px 0 12px 0 }


/* reuseable formating classes */
.clearBoth { clear: both }
.floatLeft { float: left }
.floatRight { float: right }
.textLeft { text-align: left }
.textCenter { text-align: center }
.textRight { text-align: right }
.widthFull { width: 100% }
.fontBold { font-weight: bold }
.column { float: left; text-align: left; margin: 0; border: 0; padding: 0 }