@charset "utf-8";
/*
VeristratSupport
Home Page Styles

Karl Glasgow
code@keg4.com
05/2010
*/


html {
	background: url(../images/home/BackgroundSolid_98w98h.gif) top center;
}
body#Home {
	background: url(../images/home/BackgroundGradient_98w630h.gif) repeat-x top center;
	text-align: center;
	font-family: Trebuchet MS, Trebuchet, Arial, Helvetica, sans-serif;
	font-size: 13px;
}
body#Home img {
	display: block; /* Required to keep unwanted spacing from being rendered while using the Strict DOCTYPE */
	border: none;
}

div#PageContainer {
	margin: 0 auto; 
	width: 932px; 
	background: url(../images/home/ContainerBack_932w40h.png) repeat-y; 
	padding: 0px 6px 0px 6px;
}

table#PageLayout {
	margin-right: 12px; /* fixes IE 7 layout quirk, ignored by FF */
	width: 920px;
	background: #FFFFFF;
}

div#PageFooterEdge {
	margin: 0 auto; 
	width: 932px; 
	height: 10px; 
	background: url(../images/home/Footer_932w10h.png) no-repeat; 
	padding: 0px 6px 0px 6px;
}


/*
Header Navigation 
*/
td#HeaderNavContainer {
	padding: 5px 17px 5px 0px; 
	text-align: right;
	font-size: 10px;
	letter-spacing: normal;
	font-weight: normal;
}
td#HeaderNavContainer a {
	color: #17246F;
	text-decoration: none;
}
td#HeaderNavContainer a:hover {
	color: #17246F;
	text-decoration: underline;
}


/* "Lung" Icon */
div#LungContainer {
	position: absolute;
	top: -95px;
	right: 18px;
	z-index: 101;
}


/*
Main Navigation 
*/
td#MainNavContainer {
	background: url(../images/home/green_navbar_920w40h.gif) no-repeat top left;
	padding: 7px 0px 0px 95px;
	vertical-align: bottom;
}
table#MainNav {
	width: 100%;
	height: 33px;
}

table#MainNav td.Option {
	vertical-align: bottom;
}
table#MainNav a.Option_off,
table#MainNav a.Option_off:hover,
table#MainNav a.Option_on, 
table#MainNav a.Option_on:hover {
	display: block;
	padding: 7px 20px 4px 20px;
	white-space: nowrap;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
table#MainNav td.Option a.Option_on, 
table#MainNav td.Option a.Option_on:hover {
	color: #17246F;
	background: url(../images/home/green_hover_7w33h.gif) repeat-x top;
}
table#MainNav td.Option a.Option_off {
	color: #FFFFFF;
	background: url(../images/home/green_separator_1w33h.gif) no-repeat top right;
}
table#MainNav td.Option a.Option_off:hover {
	color: #17246F;
	background: url(../images/home/green_hover_7w33h.gif) repeat-x top;
}

table#MainNav td.CurrentOption {
}
table#MainNav td.CurrentOption a.Option_off {
	color: #17246F;
	background: url(../images/home/green_hover_7w33h.gif) repeat-x top;
}
table#MainNav td.CurrentOption a.Option_off:hover {
	color: #17246F;
	background: url(../images/home/green_hover_7w33h.gif) repeat-x top;
}

table#MainNav td.LastItem {
}
table#MainNav td.LastItem a.Option_off {
	background: none;
	color: #FFFFFF;
}
table#MainNav td.LastItem a.Option_off:hover {
	color: #17246F;
	background: url(../images/home/green_hover_7w33h.gif) repeat-x top;
}

/*
Dropdown Menus (part of Main Navigation)
*/
div.DropdownContainer {
	position: relative; 
	top: 0px; 
	left: 0px;
	height: 0px; 
}
div.Dropdown {
	display: none; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	z-index: 100;
}
div.Dropdown ul {
}
div.Dropdown li.Option {
	display: block;
	text-align: left;
}
div.Dropdown li.Option a {
	display: block;
	width: 190px;
	border: solid 1px #CCCCCC;
	border-bottom: none;
	background: #F3FFF3;
	padding: 2px 20px 2px 20px;
	color: #17246F;
	font-size: 12px;
	line-height: 2em;
	text-transform: uppercase;
	text-decoration: none;
}
div.Dropdown li.Option a:hover {
	background: #FFFFFF;
	color: #17246F;
	text-decoration: none;
}
div.Dropdown li.LastOption a {
	border-bottom: solid 1px #CCCCCC;
}


/*
Main Content Area
*/
td#ContentArea {
	padding: 0px;
	text-align: left;
	vertical-align: top;
}
td#ContentArea td.LeftColumn {
	width: 210px;
	padding-top: 50px;
	text-align: left;
	vertical-align: top;
}
td#ContentArea div.LeftColumn {
	border: none;
}
td#ContentArea td.CenterColumn {
	padding: 50px 20px 15px 20px;
	text-align: left;
	vertical-align: top;
}
td#ContentArea div.CenterColumn {
	border-left: solid 1px #CCCCCC;
	padding-left: 15px;
}
td#ContentArea td.RightColumn {
	padding-top: 50px;
	text-align: left;
	vertical-align: top;
}
td#ContentArea div.RightColumn {
	border-left: solid 1px #CCCCCC;
	padding: 0px 20px 0px 20px;
}

div.CenterColumn h1 {
	color: #17246F;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 0 0.5em;
}
div.CenterColumn {
	color: #646464;
	font-size: 12px;
	line-height: 1.7em;
}

/* 
Link lists 
*/
ul.QuickLinks {
	margin: 0px;
	padding: 0px;
}
ul.QuickLinks  li {
	color: #004A91;
	list-style-type: none;
	background: url(../images/home/green_arrow_5w9h.gif) 0px 6px no-repeat;
	padding-left: 10px;
	padding-bottom: 8px;
	font-size: 13px;
	line-height: normal;
}
ul.QuickLinks li a {
	color: #004A91;
	font-size: 13px;
	text-decoration: none;
}
ul.QuickLinks li a:hover {
	color: #004A91;
	text-decoration: underline;
}


/* 
Content Footer/Footer Navigation
*/
td#ContentFooter {
	padding: 5px 5px 2px 5px;
	text-align: left;
	color: #333333;
	font-size: 10px;
	letter-spacing: normal;
	font-weight: normal;
}
td#ContentFooter a {
	color: #333333;
	text-decoration: none;
}
td#ContentFooter a:hover {
	color: #333333;
	text-decoration: underline;
}


/* 
Sub-Navigation
*/
#subNav li {
	margin: 0px;
	text-align: left;
	line-height: normal;
}

#subNav ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#subNav li span {
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
}

#subNav li a {
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	color: #17246F;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	text-decoration: none;
}

#subNav ul.levelOne {
	width: 200px;
	margin-left: 0px;
}
#subNav ul.levelOne ul {
	margin-left: 14px;
}
#subNav ul.levelOne > li {
	margin-left: 0px;
}
#subNav ul.levelOne > li > span {
	margin-left: 14px;
}
#subNav ul.levelOne > li > span {
	border-bottom: solid 1px #D8D8D8;
}
#subNav ul.levelOne > li span {
	margin-left: 14px;
}

#subNav ul.levelTwo {
	margin-bottom: 4px;
	padding: 0px;
	display: block;
}

#subNav ul.levelTwo li a {
	color: #4F4F4F;
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
}

#subNav ul.levelThree li a{
	font-size: 11px;
}

#subNav li a:hover, #subNav li.current > span > a, #subNav li.open > span > a,
#subNav ul.levelTwo li a:hover, #subNav ul.levelTwo li.current > span > a,
#subNav ul.levelTwo li.open > span > a {
	color: #A2BC25;
}
#subNav ul.levelOne > li.current {
	background: transparent url(../images/SubNavBullet.gif) no-repeat 0px 5px;
}
#subNav ul.levelOne > li.open > ul {
	border-bottom: solid 1px #D8D8D8;
}
#subNav ul.levelOne > li.open > span {
	border-bottom: none;
}
#subNav ul.levelTwo > li {
	border-bottom: dashed 1px #D8D8D8;
}

#subNav li > ul > li.current {
	background: transparent url(../images/SubNavSubBullet.gif) no-repeat 0px 7px;
}
