/* main_align - align main block in page horizontally for IE 5 and 6 */
#main_align
{
    text-align: center;
}

/* main holds everything and float in the body */
#main
{
    background-color: white;
    background-image: url(images/content_bg.gif);
    background-repeat: repeat-y;
    width: 962px;
    text-align: left;   /* reset alignment done by main_align */

    /* center alignment for standard compliant browser */
    margin-left: auto;
    margin-right: auto;
}

/* page header */
#header
{
	width: 962px;
	height: 148px;
	background-image:url('images/top.jpg');
	background-repeat: no-repeat;
	background-color: #B4B5F0;
}


#block_1
{
	float: right;
	width: 730px;
}

/* left bar */
#block_2
{
	/* float: right allows to block to position properly under IE5 and 6 position */
	float: right;
	width: 232px;
	background-image: url(images/lefttop.jpg);
	background-repeat: no-repeat;
       background-position: top right;
	padding-top: 140px;
	padding-bottom: 50px;
}

/* contains the middle columns and it allows footer to position properly under IE6 works properly */
#wrapper
{
	float: left;
}

#header_print
{
	display: none;
}

#footer
{
	clear: both;
	padding-top: 5px;
	background-color: #2C8BD4;
	background-image: url(images/content_bottom.gif);
	background-repeat: no-repeat;
}

#footer td
{
	font-size: 8pt;
	padding-top:5px;
	color: white;
}

#footer td a
{
	font-size: 8pt;
	color: white;
}

/* content div in "block_1" to give appropriate padding to text */
#content
    {
		/*
			must set the width and margin, otherwise, IE5.* will fail.
			do not use any padding.
		*/
		width: 680px;
		margin-left: 25px;
		margin-bottom: 25px;
		margin-top: 8px;
    }

body {
    margin: 0px;
    padding: 0px;
    background-color: #2C8BD4;
    background-image: url(images/bg_gradient.gif);
    background-repeat: repeat-x;
}