/* GENERAL
--------------------------------------- */

html 							{
							width: 100%;
							height: 100%;
   							background-image: url(images/background.jpg);
   							background-position: top;
   							background-repeat: repeat;
							}

body 							{
							width: 100%;
							height: 100%;
   							margin: 0px;
   							padding: 0px;
							font-family: Arial;
							font-size: 14px;
							color: #ffffff;
   							background-image: url(images/background2.png);
   							background-position: center center;
   							background-repeat: no-repeat;
							text-shadow: 1px 1px 2px #000000;
							}


h1, h2, h3, h4, h5, h6					{
							padding: 0px;
							margin: 0px;
							position: relative;
							z-index: 0;
							}

ul							{
							list-style-type: none;
							padding: 0px;
							margin: 0px;
							}

ul li							{
							padding: 0px;
							margin: 0px;
							}

img							{
							border: 0px;
							}

a							{
							color: #FFFFFF;
							text-decoration: underline;
							}

a:hover							{
							color: #999999;
							text-decoration: underline;
							}

.clear							{
							clear: both;
							}

p							{
							padding: 0px;
							margin: 0px;
							}

.rss							{
							display: none;
							}

.hide							{
							display: none;
							}


/* LAYOUT
--------------------------------------- */

.layout_container					{
							width: 800px;
							height: 500px;
							margin: 0px auto;
							}

.layout_container .main					{
  							position: relative;
							width: 800px;
							height: 450px;
   							background-image: url(images/main_bg.png);
   							background-position: bottom;
   							background-repeat: no-repeat;
							padding-top: 100px;
							}

.layout_container .main .content			{
							width: 750px;
							height: 350px;
							padding: 25px;
							padding-bottom: 0px;
							}

.layout_container .main .content .panel			{
							padding: 50px;
							}

.layout_container .main .content .panel h1		{
							padding-bottom: 10px;
							}

.layout_container .main .content .left			{
							float: left;
							width: 250px;
							margin-right: 25px;
							}

.layout_container .main .content .right			{
							float: left;
							width: 375px;
							}

.layout_container .main .content .right P		{
							line-height: 20px;
							}

.layout_container .main	ul.navigation			{
							text-align: center;
							padding-left: 25px;
							padding-right: 25px;
							font-size: 16px;
							}

.layout_container .main	ul.navigation li		{
							height: 50px;
							line-height: 53px;
							display: inline;
							margin-right: 35px;
							}

.layout_container .main	ul.navigation li.last		{
							margin-right: 0px;
							}

.layout_container .main	ul.navigation li a		{
							color: #AAAAAA;
							text-decoration: none;
							}

.layout_container .main	ul.navigation li a:hover	{
							color: #FFFFFF;
							text-decoration: none;
							}

.layout_container .main	ul.navigation li a.selected	{
							color: #FFFFFF;
							text-decoration: none;
							border-bottom: 1px solid #FFFFFF;
							padding-bottom: 2px;
							}

.layout_container .main	ul.navigation li a:focus	{
							outline: none;
							}

.layout_container .main	.resources li			{
							padding-bottom: 5px;
							}

.layout_container .main	.resources li img		{
							margin-bottom: -2px;
							padding-right: 5px;
   							filter:alpha(opacity=50);
							opacity: 0.5;
							-moz-opacity:0.5;							
							}

.layout_container .main	.resources li a:hover img	{
   							filter:alpha(opacity=100);
							opacity: 1;
							-moz-opacity: 1;							
							}

.layout_container .main	.resources li a			{
							color: #999999;
							text-decoration: none;
							}

.layout_container .main	.resources li a:hover		{
							color: #FFFFFF;
							text-decoration: none;
							}

#slider 						{
  							width: 800px;
  							margin: 0 auto;
  							position: relative;
							}

.scroll 						{
  							height: 350px;
  							overflow: auto;
  							position: relative; /* fix for IE to respect overflow */
  							clear: left;
							}

.scrollContainer div.panel 				{
  							height: 350px;
  							width: 650px; /* change to 630px if not using JS to remove rh.scroll */
							}