body  { color: black; font-family: Arial; background-color: #f4f5f5; background-image: url("imgs/pageBgnd.gif"); background-repeat: repeat-x; background-position: -10px 50%; margin: 0 }
html { height: auto; min-height: 100% }
#credit  { margin-top: 174px; position: absolute; top: 50%; right: 12px }
#middleArea   { background-image: url("imgs/flashAreaBgnd.gif"); background-repeat: repeat-y; background-position: left 0; margin-top: -164px; position: absolute; top: 50%; width: 100%; height: 328px; max-height: 328px }
#flashContent { position: absolute; top: 0; left: 0; width: 760px; height: 328px }
#scroller { background-color: #fff; position: relative; top: 139px; left: 0; width: 760px; height: 188px; overflow: auto }
h1 { font-size: 30px; margin-left: 20px; width: 550px }
h2 { font-size: 24px; margin-left: 20px; width: 550px }
h3 { font-size: 14px; font-weight: bold; margin-left: 20px; width: 550px }
p { font-size: 12px; margin-left: 20px; width: 550px }
#getflash { background-color: #ddd; position: absolute; top: 0; left: 0; width: 760px; height: 139px; border-bottom: 1px solid #999 }
#getflash h2 { color: #d00; margin-top: 18px; margin-bottom: 6px }
#getflash p { margin-top: 0; margin-bottom: 15px }
/*<agl.folder "SlidingArrows">*/
	#biggerArrow    { position: absolute; top: -37px; left: 90px }
	#biggerDot    { position: absolute; top: 354px; left: 100px }
	#tallerArrow       { position: absolute; top: -40px; left: 100px }
	#tinyArrow     { position: absolute; top: 353px; left: 90px }
	#tinyDot    { position: absolute; top: -35px; left: 80px }
/*</agl.folder>*/