﻿/*
DO NOT MAKE CHANGES TO THIS FILE.

This stylesheet contains rules critical to the layout of the site. 
If you make any changes here you MUST ensure the site layout remains
intact. You must validate any changes you make by testing the site 
layout on all supported browsers (e.g. IE 6/7/8, FireFox, Opera, Safari etc.)
*/
html 
{
	background-image: url("Images/background.png");
	background-repeat: repeat-x;	
}

body
{
	height: 100%;	
}

.padding
{
	padding: 10px 10px 10px 15px;
}

#page-container 
{
	width: 800px;
	height: 100%;
	margin: auto;
	border-top: solid 2px #006666;
	border-bottom: solid 2px #006666;
	background-image: url("Images/borders_background.jpg");
	background-repeat: repeat-y;
}

#header
{
	height: 178px;	
}

#top-nav
{
	height: 16px;
	background-color: #006666;
}

#top-nav ul
{
	padding-left: 0;
	list-style-type: none;
	white-space: nowrap;
}

#top-nav li
{
	display: inline;
}

#breadcrumb-bar
{
	height: 16px;
	background-image: url("Images/breadcrumb_bar.png");
	font-size: 100%;
	color: #000000;
	padding-left: 5px;
}

#breadcrumb-bar a:link, #breadcrumb-bar a:visited
{
	color: #000000;
	text-decoration: none;
}

#container
{
	height: 100%;
	overflow:auto;
}

#left-nav
{
	float: left;
	width: 129px;
}

#left-nav table
{
	width: 129px;
	margin-left: 2px;
	margin-right: 0px;
}

/*
#left-nav td.nav-button-item span.linkfill{
	position: absolute;
	width: 129px;
	height: 44px;
	margin: -15px 0 0 -35px;
}
*/

#left-nav tr.nav-button-row
{
	height: 44px; background-image: url('Images/left_btn_unclicked.png');background-repeat: no-repeat;
}

#left-nav td.nav-button-item
{
	vertical-align: middle; 
	text-align: center;
	line-height: 93%;
}

#left-nav a.nav-button-link
{
	display: inline;	
	color: #000000;
	font-family: Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 90%;
}

#left-nav a.nav-button-link:link, #left-nav a.nav-button-link:visited
{
	text-decoration: none;
}

#left-nav tr.nav-button-row-selected
{
	height: 44px; background-image: url('Images/left_btn_clicked.png');background-repeat: no-repeat;
}

#left-nav tr.nav-button-row-selected a.nav-button-link
{
	display: inline;	
	color: #FFFFFF;
	font-family: Helvetica, Sans-Serif;
	font-weight: bold;
	font-size: 90%;
}


#content
{	
	float:left;
	width: 534px;
	height: 100%;
}

#content img
{
	display: inline;
	float: left;
	padding-right: 10px;
}

#right-panel
{
	float: right;
	width: 129px;	
	height: 100%;
}

#right-panel img.copy-block
{
	padding: 0;
	margin: auto;
}

#right-panel img.logo
{
	padding-left: 22px;
}

#footer
{
	clear:both;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url("Images/borders_background.jpg");
	background-repeat: repeat-y;
}

#footer ul
{
	padding-left: 0;
	display: block;	
	text-align: center;
	list-style-type: none;
}

#footer li
{
	display: inline;
	color: #663399;
}

#bottom-border
{
	margin: auto;
	width: 800px;
	height: 24px;
	background-image: url("Images/bottom_border.png");
	background-repeat: no-repeat;	
}

#bottom-border span
{
	display: block;
	padding-top: 5px;
	margin: auto;
	font-size: 77%;
	text-align: center;
}