/* -- GENERAL STRUCTURE OF PAGE -- */

body                        {font: 13px Verdana, Geneva, Arial, Helvetica, sans-serif;
                                background-color: #FFFFFF; }

#PageWrapper         {width: 960px; margin: 24px 24px; }

#Header                   {height: 124px; width: 960px; 
                                 background-image: url(../image-files/top-logo.jpg); 
		         background-repeat: no-repeat; background-color: transparent; }

#ContentWrapper     {float: left; width: 100%; 
                                 background-image: url(../image-files/left.gif); background-repeat: repeat-y; background-color: transparent; }

#CenterColumn        {margin: 0px 235px 0px 180px; background-color: #FFFFFF; }

#LeftColumn           {float: left; width: 139px; margin-left: -960px; 
                               background-image: url(../image-files/left.gif); background-repeat: repeat-y; background-color: transparent; }

#RightColumn         {float: left; width: 205px; margin: 20px 0px 30px -205px; 
                               background-color: transparent; } 

#Footer                    {height: 80px; width: 500px; margin: 40px 0px 0px 23px; clear: both; 
                                 background-image: url(../image-files/footer-new.gif); 
                                 background-repeat: no-repeat; background-color: transparent; }
                                 /* The 205 left margin is 24 to match whole page, 139 for left column, and 43 to center with center column */

.Navigation           {margin: 30px 5px 30px 5px; }


/* -- FORMATTING FOR CONTENT -- */

h1                             {font: normal bold 18px Verdana, sans-serif; color: black; text-align: center; margin-bottom: 40px}

h4                            {text-align: center; font:normal bold 13px Verdana, sans-serif; margin-top: 25px; }

h2                            {text-align: center; font:normal bold 15px Verdana, sans-serif; margin-top: 25px; }

p                               {line-height: 17px; }

ul li                           {line-height: 17px; margin-top: 10px}


/* -- IMAGES -- */

.ImageRight300        {float: right; width: 300px; 
                                margin: 20px 0 20px 30px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight300 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageRight250        {float: right; width: 250px; 
                                margin: 20px 0 20px 30px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight250 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageLeft250        {float: left; width: 250px; 
                                margin: 20px 30px 20px 0px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageLeft250 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageRight150        {float: right; width: 150px; 
                                margin: 20px 0px 20px 30px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight150 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageLeft150        {float: left; width: 150px; 
                                margin: 20px 30px 20px 0px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageLeft150 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageLeft100        {float: left; width: 100px; 
                                margin: 20px 30px 20px 0px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageLeft100 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageRight100        {float: right; width: 100px; 
                                margin: 20px 0px 20px 30px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight100 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageRight200        {float: right; width: 200px; 
                                margin: 20px 0px 20px 30px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight100 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageLeft200        {float: left; width: 200px; 
                                margin: 20px 30px 20px 0px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight100 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.LeftColumn            {float: left; width: 200px; 
                                margin: 20px 0px 20px -35px; 
                                text-align: center; 
                                font: 11px Verdana, sans-serif; color: 543200; }

#CenterColumn .ImageRight100 p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; color: 543200; }

.ImageCenter        {margin: 20px 30px 20px 30px; text-align: center; 
                               font: 11px Verdana, sans-serif; }

#CenterColumn .ImageCenter p    {text-align: center; margin: 2px 10px 2px 10px; 
                                                       font: 11px Verdana, sans-serif; }

#RightColumn .ImageCenter    {margin: 0px; text-align: center; font: 11px Verdana sans-serif; }

#RightColumn .ImageCenter p    {margin: 3px 0px; text-align: left; font: 12px Verdana sans-serif; }



.ListBox {width: 95%; background-color: #FFFFFF; border-top: 1px solid black; float: left; padding: 10px 8px; margin: 10px 0px 10px 0px; }





/* -- GENERAL LINK STYLING (NOTE: NAV LINK STYLING MUST GO BELOW THIS) -- */

a:link {color:blue; text-decoration: underline; }

a:visited {color: purple; text-decoration: underline; }

a:hover {color: red; text-decoration: underline; }


