html							{height: 100%;}
body							{height: 100%; margin: 0; padding: 0; background-color: #404040; font-size: 12px; color: #404040; font-family:Trebuchet MS,Trebuchet;}
img                     		{border: 0;}
a                       		{color: #000}
p, h1, h2, ul					{margin: 0;}
ul li							{list-style-image: url('images/arrow.gif');}
a:focus							{-moz-outline: none; outline:none }


#wrapper						{margin: 0 auto 10px auto; width: 960px; padding: 0 30px; background-color: #E7D9C4;}
#innerContainer					{padding: 0 40px; background-color: #fff; height: 100%;}
#innerContainer h2				{font-size: 16px; margin-bottom: 5px;}								

/* header */
#header							{padding-top: 40px;}
#header img						{float: left;}
#slogan							{float: right; padding-top: 3px; text-align: right; font-size: 13px; letter-spacing: 1px;}
#slogan div						{font-weight: bold; font-size: 20px;}

/* Navigation */
#navigation						{clear: both; font-size: 13px; padding: 40px 0 0 25px; margin: 0;}
#navigation li					{float: left; list-style: none; padding: 10px 0; margin-right: 15px;}
#navigation li a				{display: block; padding: 0 20px 0 35px; color: #A5DD73; font-weight: bold; text-decoration: none;  border-right: 1px solid #A5DD73;}
#navigation li#news  			{background: url('images/newsIcon.jpg') no-repeat;}
#navigation li#dates  			{background: url('images/dateIcon.jpg') no-repeat;}
#navigation li#downloads		{background: url('images/downloadIcon.jpg') no-repeat;}
#navigation li#contact			{background: url('images/contactIcon.jpg') no-repeat;}
#navigation li#news a			{padding-left: 25px;}
#navigation li#contact a 		{border-right: none;}

/* Content */
.contentBox						{clear: both; width: 830px; background: #F7F7EF url('images/contentBG.jpg') repeat-x bottom; padding: 30px 25px; line-height: 18px; letter-spacing: 0.5px;}
.navi							{height: 192px; padding-top: 20px;}
.contentBox p					{margin-bottom: 10px;}
.contentBox td					{vertical-align: top;}
.contentBox h1					{font-size: 30px; margin-bottom: 10px; line-height:normal;}
.contentBox h2					{padding-top: 10px;}
.contentBox ul li				{height: 20px;}
.contentBox ul.contentNavigation li	{height: auto;}
.contentBox a.more				{display: block; float: right; font-size: 12px; padding: 2px 15px 2px 10px; text-decoration: none; background: url('images/more.gif') right no-repeat; color: #fff;}
.contentShadow					{clear: both; height: 50px; background: url('images/contentShadow.jpg') center no-repeat; border-top: 1px solid #fff;}
#contentLeft					{width: 405px; float: left; padding-right: 10px;}
#contentRight					{width: 415px; float: left;}
#contentBottom					{clear: both; padding-top: 20px;}

/* Content Navigation */
.contentNavigation				{float: left; margin: -20px 0 0 -25px; padding: 0;}
.contentNavigation li			{list-style: none; height: 80px; width: 215px;}
.contentNavigation li a			{display: block; font-size: 18px; text-decoration: none; height: 60px; width: 150px; border: solid #A7A7A1; border-width: 0 1px 1px 0; padding: 20px 0 0 25px; background: url('images/contentMenuBG.jpg');}
.contentNavigation li.active	{background: url('images/contentMenuHover.gif');}
.contentNavigation li.active a	{color: #fff; border: 0; background: none;}
#selectedNavigationContent1,
#selectedNavigationContent2		{display: none;}

/* Selected Navigation Content */
.selectedNavigationContent		{float: left; padding-left: 10px;}

/* footer */
#footer							{clear: both; border-top: 1px solid #404040; padding: 4px 0 40px 0;}
#footer span					{float: left;}
#footer a						{float: right;}