/* 
  -----------------------------------
John Barsby
  -----------------------------------
*/
/*
LAYOUT STYLES
*/
/*
The background image is set to be fixed (page is scrolled) by
use of the background-attachment property.*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	height: 100px;
}
/*
DIV that surrounds the page content and centers it. It
is set to a relative position so that we can nest absolutely
positioned elements inside it.*/
#wrapper {
	position: relative;
	width: 750px;
	margin: 0px auto;
}
/*
Sets the large masthead background image, sets the height of the table cell
to match the height of the background image. Sets the table cell contents
to align in the middle. */
#masthead {
	width: 749px;
	background-color: #FFFFFF;
	border: 1px solid #333333;
}
/*
Rule sets the masthead graphic as a background on the DIV
that contains the embedded logo image. The embedded image appears naturally
at the left edge of the parent masthead cell, while the background
is displayed at the right edge.*/
#logodiv {
	background-image: url(../images/style_01.jpg);
	background-repeat: no-repeat;
	height: 180px;
}
/*
The sidebar is positioned absolutely inside the relatively positioned
wrapper DIV. It's top is set to 104px to clear the masthead above it.*/
#sidebar {
	position: absolute;
	top: 182px;
	left: 0px;
	width: 180px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #666666;
	border-left-color: #333333;
}
/*
Sidecontent is a static DIV nested inside the sidebar, and below the menu. This
allows padding for only this DIV, thereby permitting the menu to be
flush with the edges of the sidebar.*/
#sidecontent {
	font-size: 0.75em;
	background-color: #4A4A4A;
	padding: 10px;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
	text-align: left;
}
/*
Sets styles for the main content DIV. The
verticalRule background image is the dashed border between the
main content cell and the sidebar. The left margin of 181px allows
this DIV to clear the right edge of tha absolutely positioned
sidebar.*/
#maincontent {
	margin-left: 181px;
	width: 509px;
	background-image: url(images/vzh_verticalRule.gif);
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 0.75em;
	line-height: 1.5em;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 20px;
	padding-left: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
	background-color: #FFFFFF;
}
h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	line-height: normal;
}
h1 {
	font-size: 2em;
}
h2 {
	font-size: 1.7em;
	margin: 0;
}
h3 {
	font-size: 1.4em;
	margin: 24px 0px 0px;
}
#sidebar h3 {
	color: #FFFFFF;
	margin: 0;
}
#footer {
	font-size: 12px;
	color: #999999;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 182px;
}
#footerWHITE {
	font-size: 0.75em;
	color: #CCCCCC;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 212px;
}

/*
Sets link styles for all links on the page except the Pop Menu Magic Menu.*/
a:link {
	color: #333333;
	font-size: 12px;
}
a:visited {
	color: #333333;
	font-size: 12px;
}
a:hover, a:active, a:focus {
	color: #333333;
	font-size: 12px;
	text-decoration: none;
}
#sidecontent a:link {
	color: #FFF;
}
#sidecontent a:visited {
	color: #FFF;
}
#sidecontent a:hover, a:active, a:focus {
	color: #CCCCCC;
}
#logodivST03 {
	background-image: url(../images/style_03.jpg);
	background-repeat: no-repeat;
	height: 180px;
}
#sidebarST03 {
	position: absolute;
	top: 182px;
	left: 0px;
	width: 180px;
	border-bottom-width: 4px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #A11B0A;
	border-left-color: #333333;
}
#logodivST04 {
	background-image: url(../images/style_04.jpg);
	background-repeat: no-repeat;
	height: 180px;
}
bodyST2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #333333;
	background-color: #FFFFFF;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 100px;
	background-image: url(../images/style_02_npta_logo.gif);
}
#logodivST02 {
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	height: 180px;
	background-position: left top;
}
h4 {
	margin-top: 0px;
	padding-top: 0px;
	font-size: 14px;
	font-style: italic;
}
.footerlink   a:link {
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
}
.footerlink a:visited {
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: underline;
}
.footerlink a:hover {
	color: #CCCCCC;
	font-size: 12px;
	text-decoration: none;
}
.footerlink a:active {
	color: #999999;
	font-size: 12px;
	text-decoration: underline;
}