
html, body
	{
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	}

body#body
	{
	font-family: Trebuchet MS;
	font-size: 14px;
	color: #333;
	background: #fff;
	}
div#big_bg
	{
	width: 100%;
	height: 707px;
	float: left;
	background: url(../images/layout/big_bg.jpg) center top no-repeat;
	}
	div#top_bg
		{
		width: 100%;
		height: 707px;
		float: left;
		background: url(../images/layout/top_bg.png) center top no-repeat;
		position: relative;
		z-index: 11;
		}
		div#frame
			{
			width: 990px;
			height: 707px;
			float: left;
			position: relative;
			}
			div#header
				{
				width: 990px;
				height: 137px;
				float: left;
				}
				div#navigation
					{
					width: auto;
					height: 20px;
					background: #fff;
					float: left;
					}
				div#topnav
					{
					width: auto;
					height: 20px;
					background: #fff;
					float: right;
					text-align: right;
					}
					div.menuitem
						{
						width: auto;
						height: 20px; 
						float: left;
						}
					div#topnav a
						{
						padding: 0 5px; 
						background: #fff;
						color: #336666;
						font-size: 18px;
						text-transform: uppercase;
						text-decoration: none;
						}
					div#topnav a:hover
						{
						color: #cc3333;
						text-decoration: none;
						}
			div#showcase_wrapper_frontpage
				{
				width: 990px;
				height: 527px;
				float: left;
				position: relative;
				}
                div#showcase_wrapper
    			{
				width: 990px;
				height: 527px;
				float: left;
				position: relative;
        background: url(../images/layout/videoframe.png) center top no-repeat;
				}
				div#showcase_frame
					{
					width: 990px;
					height: 527px;
					float: left;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 1;
					background: url(../images/layout/showcase_frame.png) center top no-repeat;
					}
			
		

					div.showcaseimage
					 {
           background-position: top !important;
           }
					div.showcasetext
						{
						width: 950px !important; 
						height: 81px !important;
						opacity: 1 !important;
						left: 0 !important;
						float: left;
						position: absolute;
						background: url(../images/layout/showcase_titlebar.jpg) center top no-repeat;
						left: 20px;
						bottom: 35px;
						z-index: 10;
						}
						div.showcasetext h2
							{
							color: #fff;
							font-size: 20px;
							font-weight: bold;
							padding: 15px 0 0 0;
							margin: 0;
							}
						div.showcasetext p
							{
							color: #fff;
							font-size: 14px;
							font-weight: normal;
							padding: 0;
							margin: 0;
							}
			div#logo
				{
				position: absolute;
				z-index: 12;
				top: 22px;
				left: 310px;
				right: 310px;
				width: 370px;
				height: 120px;
				float: left;
				}
				img.logohover_a 
					{
    				left: 0;
				    position: absolute;
    				top: 0;
    				z-index: 8;
					}
				img.logohover_b 
					{
    				left: 0;
				    position: absolute;
    				top: 0;
    				
					}
	
	div#content_bg
		{
		width: 100%;
		height: auto;
		float: left;
		background: #fff;
		}
		div#content
			{
			width: 930px;
			height: auto;
			float: left;
			}
			#content a
				{
				color: #cc3333;
				text-decoration: none;
				}
			#content h1
				{
				color :#003333;
				font-size: 26px;
				padding: 0 0 18px 0;
				margin: 0;
				font-weight: normal;
				}
			#content p
				{
				color :#666;
				font-size: 14px;
				padding: 0 0 18px 0;
				margin: 0;
				line-height: 18px;
				font-weight: normal;
				}
	div#footer_bg
		{
		width: 100%;
		height: 110px;
		float: left;
		background: url(../images/layout/footer_bg.jpg) center top repeat-x;
		}	
		div#footer
			{
			width: 930px;
			height: auto;
			float: left;
			text-align: center;
			}
			div#footer h1
				{
				color: #fff;
				font-size: 18px;
				font-weight: normal;
				padding: 0;
				margin: 0;
				}
			div#footer p	
				{
				padding: 0;
				margin: 0;
				line-height: 18px;
				color: #fff;
				}
				div#footer p a
					{
					text-decoration: none;
					color: #fff;
					}
				div#footer p a:hover
					{
					text-decoration: underline;
					color: #ccc;
					}
div#loginrequired p {
    margin: 0 !important;
    padding: 0 !important;
}
div#loginrequired h1 {
    line-height: 4px;
    margin: 0 !important;
    padding: 0 !important;
}
div#loginrequired .input {
    border: 1px solid #CCCCCC;
    color: #666666;
    font-family: helvetica,arial;
    font-size: 11px;
    height: 20px;
    width: 325px;
}
div#loginrequired a.submit {
    background: none repeat scroll 0 0 #999999;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 11px;
    padding: 5px 15px;
    text-decoration: none;
}
a.forgotlink {
    color: #666666;
    float: right;
    font-size: 11px;
    text-decoration: none;
}
a.forgotlink:hover {
    color: #999999;
    text-decoration: underline;
}

ul.pagelist
    {
	left: 0 !important;
	padding: 20px !important;
	margin: 0 55px !important;
	-moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
    width: 870px;
     list-style-type: none;
	}
	ul.pagelist li
		{
		float: none !important;
		height: 30px !important;

		}