/* body styles */

body				{background-color: rgb(255, 255, 255); color: rgb(102, 0, 102); font-family: skia, arial, sans-serif; margin-top: 0px}

/* general styles */

a					{color: rgb(0, 179, 59)}
a.small				{font-size: 12px}
ol					{line-height: 150%}
ul					{line-height: 150%}

/* layout styles */

table.layout		{width: 750px; background-image: url(images/backdrop.gif); background-repeat: no-repeat}

/* header styles */

div.header			{position: relative; left: 0px; top: 0px; width: 750px; height: 160px}
div.logo			{position: absolute; left: 0px; top: 0px; width: 200px; height: 140px}
div.feet			{position: absolute; left: 210px; top: 0px; width: 350px; height: 160px}
div.animation		{position: absolute; left: 240px; top: 10px; width: 290px; height: 80px}

img.homebutton		{position: absolute; left: 210px; top: 104px; width: 45px; height: 18px}
img.aboutusbutton	{position: absolute; left: 261px; top: 104px; width: 69px; height: 18px}
img.eventsbutton	{position: absolute; left: 337px; top: 104px; width: 51px; height: 18px}
img.conferencebutton{position: absolute; left: 395px; top: 104px; width: 76px; height: 18px}
img.linksbutton		{position: absolute; left: 478px; top: 104px; width: 38px; height: 18px}
img.newsbutton		{position: absolute; left: 523px; top: 104px; width: 41px; height: 18px}
img.contactbutton	{position: absolute; left: 571px; top: 104px; width: 57px; height: 18px}
img.videobutton		{position: absolute; left: 570px; top: 10px; width: 170px; height: 60px}
img.flash6button	{position: absolute; left: 593px; top: 81px; width: 124px; height: 11px}

/* body styles */

div.body			{position: relative; left: 0px; top: 0px; width: 750px; height: auto; text-align: left}
div.maintext		{position: relative; left: 0px; top: 0px; width: 600px; height: auto; margin-left: 20px}
img.green			{position: absolute; left: 448px; top: 199px; width: 302px; height: 301px}
p.caption			{font-size: 24px; color: rgb(0, 179, 59)}
h1					{font-size: 18px; color: rgb(0, 179, 59)}
p					{font-size: 16px; line-height: 150%}
p.punterquote		{font-size: 11px; line-height: 120%; font-family: arial, sans-serif; color: black; font-style: italic}
img.minilogo		{position: relative; width: 48px; height: 24px; top: 2px}
span.subheading		{color: rgb(0, 179, 59); text-decoration: underline}
tr.linkgroup		{font-size: 18px; line-height: 250%; font-weight: bold}

/* footer styles */

div.footer			{position: relative; left: 0px; top: 0px; width: 750px; height: 100px}
div.footertext		{position: absolute; left: 0px; top: 22px; width: 740px; height: 80px; font-size: 11px; font-family: arial, sans-serif}
img.cblogo			{position: relative; top: 45px; width: 80px; height: 52px}

/* news page styles */

div.newstextspacer	{position: relative; left: 0px; height: 60px; width: 530px}
div.newstext		{position: relative; left: 10px; width: 310px; padding-top: 4px}
table.newsheadlines	{position: relative; left: 50px; width: 530px; font-size: 11px; font-family: arial, sans-serif}
table.news			{position: relative; left: 50px; width: 530px; font-size: 11px; font-family: arial, sans-serif}
td.bullet			{width: 20px}
td.newstitle		{font-size: 14px; font-weight: bold; padding-top: 16px}
td.backtoheadlines	{width: 100px; text-align: right}
td.newsstory		{line-height: 120%;}
td.posted			{width: 140px; text-align: left}
td.rule				{height: 1px; border-bottom: 1px solid rgb(102, 0, 102); font-size: 1px}

/* event page styles */


table.events			{position: relative; left: 10px; top: 0px; width: 450px; font-family: arial, sans-serif}
td.eventsinfoline		{font-size: 12px; font-weight: bold}
td.eventtitle			{font-size: 18px; font-weight: bold; padding-top: 16px}
td.eventdate			{font-size: 14px; font-weight: bold; padding-bottom: 8px}
td.eventtime			{font-size: 12px; font-weight: bold}
td.eventinformation		{font-size: 12px; padding-bottom: 8px}
td.venuename			{font-size: 11px; font-weight: bold}
td.venueaddress			{font-size: 11px; padding-bottom: 8px}
td.eventcontact			{font-size: 11px}