/*<agl.folder "Introduction">*/
/*</agl.folder>*/
body { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #645ea4; text-align: justify; margin: 0; padding: 0; border-top: 1px solid #fff; border-left: 1px solid #fff }

#logo_space { font-stretch: semi-expanded; text-align: left; position: absolute; top: 159px; left: 38px; width: 198px }
font.logotype { color: #fff; font-size: 28px; font-family: arial, sans-serif; font-weight: 700; text-decoration: none; letter-spacing: -2px }
/*<agl.folder "Menu_elements">*/
/*</agl.folder>*/
#image_on_top { position: absolute; top: 0; left: 288px; width: 432px; height: 197px }
/*The three left images are identified clockwise. Starting from the one in the upper left, they are  "image1," image2," and "image3."*/
#image1 { position: absolute; top: 289px; left: 1px; width: 142px; height: 91px }
#image2 { position: absolute; top: 289px; left: 145px; width: 142px; height: 184px }
#image3 { position: absolute; top: 382px; left: 1px; width: 142px; height: 91px }
/*<agl.folder "Images">*/
/*</agl.folder>*/
#block_on_left { color: #a02341; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #bec8b9; position: absolute; z-index: 5; top: 475px; left: 145px; width: 286px; height: 126px }
#block_on_right { color: #bec8b9; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 16px; text-decoration: none; background-color: #ea9564; text-align: center; position: absolute; top: 198px; left: 722px; width: 142px; height: 182px; float: left }
/*<agl.folder "Body_copy_elements">*/
	#copy_background /*   This flat color field contains the frame that holds the main copy. This DIV also contains the styles that apply to the copy. By applying the default style in the DIV, you are free to apply other styles to individual words and other elements. For example, if you want to emphasize a phrase, you can give it a heavier weight than the default, and make it serif. Just embed the word between two FONT tags. the first tag will call the desired style. The synatx is as follows: <font class="special_hilight">the highlighted text</font>. Text that follows the hilighted text will automatically retain the default styles.   */  { color: #653366; font-size: 12px; font-family: Times, serif; background-color: #e7d8de; text-align: justify; position: absolute; z-index: 5; top: 198px; left: 288px; width: 432px; height: 403px }
	/*You can apply the same font-family style to the "section_header" and the body copy, but only if they are sans-serif. Design05_edgy_chic is clean and modernist. A serif header would look like an accident. On the other hand, use sans-serif for everything with caution. The angular letterforms will give the page a cold feeling. A warm palette will solve the problem, but you still must be careful.*/
	#copy_frame /*   This DIV contains the left margins and body text.   */  { color: #653366; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: justify; position: absolute; top: 91px; left: 0; width: 416px; height: 300px }
	#section_header /*   The section header aligns with the right side of the "block_on_left." The header is visually centered between the "image_on_top" and the body copy. The BOLD style applied to just part of the header helps create a sense of "modernist design."   */  { color: #3c3939; font-size: 30px; font-family: arial, sans-serif; letter-spacing: -1px; position: relative; top: 28px; left: 154px }
	#inset_margin_left_top /*   This DIV creates a blank space for the body text to flow around. The space acts as a left margin.   */  { width: 12px; height: 180px; float: left; clear: left }
	#inset_margin_left_bottom /*   This DIV is slightly larger than the section of "block_on_left" that overlaps the body copy. The larger size creates a margin between body text and the "block_on_left."   */  { width: 147px; height: 135px; float: left; clear: left }
/*</agl.folder>*/
.textwhite { color: #000000; font-size: 11px; font-family: arial, sans-serif; font-weight: 500; text-decoration: none; text-align: left }
.textred  { color: #b30019; font-size: 11px; font-family: arial, sans-serif; font-weight: 500; line-height: 1pc; text-decoration: none; background-color: #fff; text-align: left }
A:link   { color: #fff; font-size: 10pt; text-decoration: none }
A:visited   { color: #fff; font-size: 10pt; text-decoration: none }
A:active   { color: #fff; font-size: 10pt; text-decoration: none }
A:hover    { color: #645ea4; font-size: 10pt; font-weight: bold; font-stretch: normal; text-decoration: none }