/*	

PLEASE DO NOT MAKE CHANGES TO THIS STYLE SHEET
TO OVERRIDE THESE STYLES, DECLARE A SEPARATE STYLE SHEET 
WITH THE SAME CLASS NAMES 


Colour List --------------------------------------------------------------------
Blue-medium-light #7094B7
Blue-medium #369
Blue-dark #11406E
	
Gray-light #CCC
Gray-medium #999
Gray-dark #555

Ochre #BD9C00


Style List ---------------------------------------------------------------------
HTML
Main Wrapper
Main Left
Main Gutter
Main Right
Left Navigation
Nav level 1
Nav level 2
Nav level 3
Nav level 4
Nav level 5
Nav level 6
Nav level 7
Top Nav
Search Box
Section Row
Section Image
Breadcrumbs
Page ID Styles
Content
Footer
Unsorted styles
*/
	

/* HTML --------------------------------------------------------------------- */
	
BODY {
	text-align:center;
	padding:0px;
	height:100%;
	font: 85% arial, helvetica, sans-serif;
	background: #EEE url(../images/common/bg-body.gif) repeat-y top;
	padding-left:2px;
	margin-top:0px;
	width:100%;
}
IMG {
	border: 0px;}

TD {
	vertical-align: top;
	font-size: 0.85em;
	/*border: 1px dotted gray;*/}



/* Main Wrapper ------------------------------------------------------------- */
TABLE#mainWrapper {
	width: 981px;
	padding: 0px;
	padding-left:1px;
	padding-right:1px;
	margin-left:auto;
	margin-right:auto;
	}

TABLE.mainWrapper TD {
	vertical-align: top;}



/* Main Left ---------------------------------------------------------------- */
TD#mainLeft {
	background-color: #C00;
	width: 144px;}


/* Main Gutter -------------------------------------------------------------- */
TD.mainGutter {
	width: 12px;}



/* Main Right --------------------------------------------------------------- */
/* This is the center/right divider line */
TD.mainRight 
{
	width: 823px;
	background: url(../images/common/bg-centerPanel.gif) repeat-y 632px 0px;
}
* html td.mainRight 
{
	background: url(../images/common/bg-centerPanel.gif) repeat-y 632px 0px;
}

/* Left Navigation ---------------------------------------------------------- */
TD.mainLeft A {
	text-decoration: none;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	line-height: 1.05em;
	display: block;
	width: 144px;}
	
A.viha_home 
{
	display: block;
	width: 140px !important;
	background-color: #369;
	color: #FFF;
	font-weight: bold;
	padding: 3px 0 3px 5px;
	border-bottom: 2px solid #FFF;
}

/* box model fix */
* html a.viha_home 
{
	width: 144px !important;
}

A:hover.viha_home {
	background-color: #274D74;}

TD.mainLeft UL {
	width: 144px;
	list-style-type: none;
	margin: 0;
	padding: 0;}

TD.mainLeft UL A, 
TD.mainLeft UL A:visited {
	width: 132px;
	padding: 3px 0;
	color: #555;}

* HTML TD.mainLeft UL A,
* HTML TD.mainLeft UL A:visited {
	width: 144px;
	height: 1em;}



/* Nav level 1 ------------------------------- */
TD.mainLeft UL A,
TD.mainLeft UL A:visited {
	padding-left: 13px;
	background: #DDD url(../images/common/arrow-grey_right.gif) no-repeat 5px 6px;
	color: #369;
	font-weight: bold;}

TD.mainLeft UL A:hover {
	background-color: #999;
	color: #FFF;}

TD.mainLeft UL {
	background-image: none;}

TD.mainLeft UL LI {
	border-bottom: 1px solid #FFF;}
 


/* Nav level 2 ------------------------------- */
TD.mainLeft UL UL A,
TD.mainLeft UL UL A:visited {
	padding-left: 13px;
	background: #CCC url(../images/common/arrow-grey_right.gif) no-repeat 5px 6px;
	background-color: #EEE;
	font-weight: normal;
	color: #369;}

TD.mainLeft UL UL A:hover {
	background-color: #CCC;
	color: #555;}


/* Nav level 3 ------------------------------- */
TD.mainLeft UL UL UL A,
TD.mainLeft UL UL UL A:visited {
	padding-left: 13px;
	background: #FFF url(../images/common/arrow-grey_right.gif) no-repeat 5px 6px;
	color: #555;
	border-bottom: 1px solid #CCC;}
	
TD.mainLeft UL UL UL A:hover {
	background-color: #EEE;}

TD.mainLeft UL UL UL LI {
	border-bottom: 0px;}



/* Nav level 4 ------------------------------- */
TD.mainLeft UL UL UL UL A,
TD.mainLeft UL UL UL UL A:visited {
	padding-left: 29px;
	background: #FFF url(../images/common/arrow-grey_right.gif) no-repeat 17px 6px;
	color: #555;
	border-bottom: 1px solid #EEE;
	width: 116px;}

TD.mainLeft UL UL UL UL A:hover {
	background-color: #EEE;}


/* Nav level 5 ------------------------------- */
TD.mainLeft UL UL UL UL UL A,
TD.mainLeft UL UL UL UL UL A:visited {
	padding-left: 41px;
	background-image: url(../images/common/arrow-grey_right.gif);
	background-position: 29px 6px;
	color: #555;}
	

/* Nav level 6 ------------------------------- */
TD.mainLeft UL UL UL UL UL UL A,
TD.mainLeft UL UL UL UL UL UL A:visited {
	padding-left: 53px;
	background-position: 41px 6px;
	background-color: #FFF;}



/* Nav level 7 ------------------------------- */
TD.mainLeft UL UL UL UL UL UL UL A,
TD.mainLeft UL UL UL UL UL UL UL A:visited {
	padding-left: 65px;
	background-position: 53px 6px;
	background-color: #FFF;}


DIV.leftImg {
	margin: 1em 0;
	text-align: center;}


/* Top Nav ------------------------------------------------------------------ */
TR.topNav {
	font-size: 0.8em;}

TR.topNav TD {
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #CCC;
	background-color: #FFF;}

TR.topNav A, 
TR.topNav A:visited {
	display: block;
	color: #369;
	padding: 2px 4px 14px 4px;
	margin: 0px;
	text-decoration: none;
	text-transform: uppercase;}

TR.topNav A:hover {
	color: #FFF;
	background-color: #369;}

TR.topNav A.current, 
TR.topNav A.current:visited {
	color: #FFF;
	background-color: #369;}

TR.topNav A.current:hover {
	background-color: #274D74;}

TR.topNav TD.icon A, 
TR.topNav TD.icon A:visited {
	display: inline;
	padding: 0px;}

TR.topNav TD.icon A:hover {
	background-color: transparent;}

TR.topNav TD.icon {
	border-left-width: 0px;
	text-align: right;
	background-color: #FFF;}



/* Search Box --------------------------------------------------------------- */
DIV#searchBox {
	padding: 2px;
	background-color: #369;
	color: #FFF;
	width: 176px;
	border-bottom: 1px solid #FFF;}

* HTML DIV#searchBox {
	width: 186px;}

DIV#searchBox * {
	vertical-align: middle;}

DIV#searchBox P {
	display: inline;}

DIV#searchBox INPUT.inputBox {
	color: #369;
	background-color: #fff;
	width: 140px;
	border: 1px solid #7094B7;
	font-size: 9px;
	padding-left: 2px;
	padding-right: 2px;}

DIV#searchBox H2 {
	margin: 0;
	font-size: 0.75em;
	font-weight: normal;
	text-transform: uppercase;}

DIV.bannerStripHalfHeight DIV#searchBox {
	border-bottom: 0px;}
DIV.searchBoxHome 
{
	height:62px !important;
	padding-top:5px !important;
	padding-bottom:0px !important;
}	


/* Section Row -------------------------------------------------------------- */
TR.sectionRow TD {
	border-top: 2px solid #FFF;
	background-color: #D5B000;
	padding: 0px;
	margin: 0px;}

DIV.bannerStrip {
	background-color: #BD9C00;
	height: 100px;
	width: 180px;
	border-left: 2px solid #FFF;
	margin: 0;
	padding: 0;}

DIV.bannerStripHome {
	height:auto ;
	}


* HTML DIV.bannerStrip {
	width: 187px;}

TR.sectionRow TD.sectionCell {
	width: 629px;
	background: url('../images/common/bg-banner-default.jpg') no-repeat;
	}

.homepagecell {
	background:none !important;
}

* HTML TR.sectionRow TD.sectionCell {
	width: 629px;}

TD#Header_Tablecell9,
TD#Header1_Tablecell9,
TD#HeaderPlus1_Tablecell9 {
	width: 629px;
	background: url('../images/common/bg-banner-default.jpg') no-repeat;
	}

* HTML TD#Header_Tablecell9 {
	width: 629px;}

TD#Header_Tablecell10,
TD#Header1_Tablecell10,
TD#HeaderPlus1_Tablecell10 {
	border-left: 2px solid #FFF;}

TD#Header1_Tablecell9 H2,
TD#Header_Tablecell9 H2,
TD#HeaderPlus1_Tablecell9 H2 {
	line-height: 1.2em;
	font-size: 0.95em;
	padding: 20px 0 0 10px;
	margin: 0px;
	color: #FFF;
	text-transform: uppercase;
	background: url(../images/common/arrow-big-white_right.gif) no-repeat 0px 22px;}


/* Section Image -------------------------------------------------------------- */
TD.sectionCell IMG {
	float: left;
	margin-left: 8px;
	border-left: 2px solid #FFF;
	border-right: 2px solid #FFF;}

TD.sectionCell IMG.noStyle {
	float: none;
	margin: 0px;
	border: 0px;}

TD.sectionCell H2 {
	font-size: 1em;
	color: #FFF;
	text-transform: uppercase;
	margin-left: 112px;
	margin-top: 65px;
	margin-bottom: 0px;
	padding: 0px 0 0 10px;
	background: url(../images/common/arrow-big-white_right.gif) no-repeat top left;}



/* Breadcrumbs -------------------------------------------------------------- */
.breadcrumbs TD {
	width: 815;
	text-align: left;
	background: #999;
	font-size: 0.8em;
	padding: 4px 1em;
	border-top: 2px solid #FFF;}

.breadcrumbs UL {
	margin: 0;
	padding: 0;}

.breadcrumbs UL LI {
	display: inline;}

.breadcrumbs UL LI A, 
.breadcrumbs UL LI A:visited {
	color: #333;
	text-decoration: none;
	background: url(../images/common/arrow-grey_open.gif) no-repeat center right;
	padding-right: 8px;
	margin-right: 1px;}

.breadcrumbs UL LI A:hover, 
.breadcrumbs UL LI A:active {
	color: #FFF;}

.breadcrumbs UL LI.currentCrumb A, 
.breadcrumbs UL LI.currentCrumb A:visited {
	background-image: none;
	padding-right: 0px;
	color: #FFF;}

/* Page ID Styles ----------------------------------------------------------- */
H1#pageId {
	background-color: #fff;
	border-bottom: 1px solid #CCC;
	font: normal 2em georgia, palatino, "Book Antiqua", serif;
	color: #369;
	padding: 0.5em 0 0.2em 0px;
	margin: 0px;
	width: 819px;}


/* Content ------------------------------------------------------------------ */
TR#contentPanel {
	font-size: 1em;
	float: left;
	line-height: 1.3em;
	padding-bottom: 1em;}

TD#contentCell {
	padding: 0px;}



/* VIHA Logo ---------------------------------------------------------------- */
DIV#VIHAlogo {
	text-align: center;
	padding: 11px 0px;}



/* Footer ------------------------------------------------------------------- */
TR#footer TD {
	color: #999;
	font-size: 0.7em;}
	
#footer DIV.bar {
	background-color: #369;
	width: 630px;}

* HTML #footer DIV.bar {
	width: 819px;}

#footer DIV.altBar {
	width: 189px;
	height: 12px;
	margin-left:630px;
	border-left: 2px solid #FFF;
	background-color: #D5B000;}

* HTML #footer DIV.altBar {
	width: 189px;
	margin-left: 630;}

#footerText A, 
#footerText A:visited {
	float: left;
	color: #369;
	text-decoration: none;
	border-right: 1px solid #CCC;
	padding: 0px 0.5em 1em 0.5em;}

#footerText A:hover, 
#footerText A:active {
	background-color: #369;
	color: #FFF;}

#footerText P {
	float: right;
	width: 280px;
	margin: 0 0.5em;
	margin-right:250px;}

TD#contentCell A {
	color: #369;}


/* Unsorted styles ---------------------------------------------------------- */
DIV.clear {
	clear: both;}

DIV.noShow {
	display: none;}

TD#contentCell A:hover, TD#contentCell A:active {
	color: #C00;}

SPAN.error {
	display: block;
	background-color: #C00;
	color: #FFF;
	font-weight: bold;
	padding: 0.1em 0.5em;
	font-size: 0.85em;}
	

#pageHeader,#Header_pageHeader,#HeaderPlus1_pageHeader,#Header1_pageHeader
{
	width:98%;
}

.breadcrumbsHome TD
{
	padding-top:2px !important;
}


