﻿body 
{
	background:url('images/GrayBG2x400.jpg') repeat-x #A8A8A8; 
}
#container 
{
	margin: 10px auto 5px;
	padding: 0px;
	width: 780px;
	/*border: 1px solid #000080;  borders are so-o-o-o last year ;) */
	background: url('images/SiteBanner.gif') no-repeat;
	color: #000000;
}

#siteBanner
{
	margin: 0px;
	padding: 5px;
	text-align: center;
	color: #B8B8B8;
	/* Tesla blue:  background: #00539F;*/
	/* This one supposed to match new logo but doesn't: background: #3044B5; */
	font-family: Verdana,Arial,Sans-serif;
	/*font-size:xx-large;
	height:110px;*/
}

a.googleLink, a:visited.googleLink, a:hover.googleLink 
{
	color: #FFFFFF;
	text-decoration:underline;
}

#navigationBar
{
	width: 780px;

	/*width:100%; */
	height: 28px;
	margin: 0px;
	padding:0px; 
	background-color: #000000;
}

#navigationBar #languageSelection
{
    /* visibility: hidden;  /* use this to hide language selector until ready. */
	margin: 0px 8px 0px 0px;
	float:right;
}

#navigationBar #languageSelection td
{
	line-height:27px;
	/* margin-right: 8px; */
	width:70px;
	text-align: center;
	display:inline;
	float:right;
	color:#fff;
	font-family:Verdana,Arial,Sans-serif;
	font-size:60%;
	
	/*    padding-right: 13px;
    font-weight: bold;*/
    background-position: right center;
    background-image: url(images/BlueDownArrow2.jpg);
    background-repeat: no-repeat;

}


.languageListcss
{
	margin: 0px;
	text-align:left;
	font:normal 12px/16px Arial;
	background-color:#00539F;
	text-decoration:none;
	width:50px; 
	position:absolute;
	left:0;
	top: 0;
	visibility:hidden;
	z-index:500000;
	padding:5px 10px 10px 10px;
	border:none;
}
.languageListcss a, .languageListcss a:visited
{
	padding-top:4px;
	color:#FFFFFF;
	display:block;
	text-indent:3px;
	white-space:nowrap;
	text-decoration:none;
}
.languageListcss a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
}

#navigationBar #navLinksContainer
{
	margin: 0px;
	float: left;
}


#navigationBar #navLinksContainer #navLinks
{
	margin:0px;
	padding:0px;
	overflow: hidden;
}

#navigationBar #navLinksContainer #navLinks li
{
	font: 13px Verdana,Arial,Sans-serif;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	background:#000;
}

#navigationBar #navLinksContainer #navLinks li span.navDropMenu
{
	margin: 0px;
	text-align:left;
	font:normal 12px Arial;
	background-image: none;
	text-decoration:none;
	width:50px; 
	position:absolute;
	left:0;
	top: 0;
	visibility:hidden;
	z-index:500000;
	padding:5px 10px 10px 10px;
	border:none;
}
#navigationBar #navLinksContainer #navLinks li span.navDropMenu a, #navigationBar #navLinksContainer #navLinks li span.navDropMenu a:visited
{
	padding-top:4px;
	color:#FFFFFF;
	display:block;
	text-indent:3px;
	white-space:nowrap;
	text-decoration:none;
	text-transform:none;
	background-image: none;
	background-color: #00539F;
	border: none;
}
#navigationBar #navLinksContainer #navLinks li span.navDropMenu a:hover
{
	color:#FFFFFF;
	text-decoration:underline;
	/*background-image: none;
	background-color: #00539F;
	border: none;*/
}

#navigationBar #navLinksContainer #navLinks a
{
	display:block;
	float:left;
	/*text-transform:uppercase;*/
	/* font-weight: bold; */
	text-decoration:none;
	color:#fff;
	height:24px;
	line-height:20px;
	margin:0;
	padding:0px 8px;
	border-right:1px solid #666;
	border-top:4px solid #000000;
	background: url('images/NavBarBackground.jpg') repeat-x #000000 left center; 
}
#navigationBar #navLinksContainer #navLinks a:hover
{
	background: url('images/NavBarLinkHover.jpg') repeat-x #003566 left center; 
	border-top:4px solid #003566;
}

#NavBarShadow
{
	position:inherit;
	width:100%;
	height:14px;
	background: url('images/NavBarShadow.png') repeat-x;
}

/*
#contentArea 
{
	margin: 14px;
	background-color: #FFFFFF;
	font-family:Arial,Verdana,Sans-serif;
	font-size:12px;
}
*/

#pageSpecificContent
{
	margin: 0px;
	padding: 0px;
	background: #FFFFFF url('images/LeftSideBar.png') repeat-y;
	font-family:Arial,Verdana,Sans-serif;
	font-size:12px;
	
}
#leftSideArea
{
	float:left;
	width:175px;
	height:100%;
	margin:0;
	padding:0;
	color: #000;
	font-family:Arial,Verdana,Sans-serif;
	font-size: 11px;  /* needs to be just a bit smaller */
}
#mainContentArea 
{
	/* margin: 0px; */
	margin:0px 0px 0px 175px;
	padding-top: 14px;
	padding-right: 14px;
	padding-bottom: 5px;
	padding-left: 10px;
	background-color: #FFFFFF;
}




#siteFooter {
	margin: 0px auto;
	padding: 0px;
	width: 780px;
	color: #FFFFFF;
	/* color: #585858; */
	font-family:Verdana,Arial,Sans-serif;
	font-size:xx-small;
}

#siteFooter a 
{
	color: #FFFFFF;
	/* color: #585858; */
	text-decoration:none;
}

#siteFooter a:hover
{
	color: #FFFFFF;
	/* color: #585858; */
	text-decoration:underline;
}

