/* ######### Drop Down ULs CSS ######### */


.ddsubmenustyle ul{ /*topmost and sub ULs, respectively*/
font: bold 10px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}


.ddsubmenustyle{ /*topmost and sub ULs, respectively*/
font: bold 10px Verdana;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: white;
border: 1px solid black;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a{
display: block;
width: 130px; /*width of menu (not including side paddings)*/
color: black;
background-color: lightyellow;
text-decoration: none;
padding: 4px 5px;
border-bottom: 1px solid black;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
display: inline-block;
width: 170px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
background: url(http://www.zodiacsolas.ca/chromebg-over.gif) center center repeat-x;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 100px;
border: 0;
}

.ddiframeshim{
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/* ######### Matt Black Strip Main Menu Bar CSS ######### */

.mattblackmenu ul{
margin: 0;
padding: 0;
font: bold 10px Verdana;
list-style-type: none;
border-bottom: 1px solid gray;
overflow: hidden;
width: 100%;
}

.mattblackmenu li{
display: inline;
margin: 0;
}

.mattblackmenu li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #0000FF;
background: url(http://www.zodiacsolas.ca/chromebg1.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.mattblackmenu li a:visited{
color: #0000FF;
}

.mattblackmenu li a:hover{
background: url(http://www.zodiacsolas.ca/chromebg-over.gif) center center repeat-x;  /*background of tabs for hover state */
}

.mattblackmenu a.selected{
background: url(http://www.zodiacsolas.ca/chromebg-over.gif) center center repeat-x; /*background of tab with "selected" class assigned to its LI */
}



/* ######### Regular stuff start here ######### */




body {
background-image: url('http://www.zodiacsolas.ca/images/zsibkgnd2.jpg');
background-color: #547FA5;
background-repeat: no-repeat;
}

.footer {
	FONT-SIZE: xx-small; COLOR: #ffe800; FONT-FAMILY: verdana, arial, helvetica, sans-serif; align: center
}
A {
	COLOR: #ffe800; TEXT-DECORATION: none
}
A:hover {
	COLOR: #ffe800; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #ffe800
}
.headspan {
	FONT-WEIGHT: bolder; FONT-SIZE: 100%; COLOR: #ffe800; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.headspanWhite {
	FONT-WEIGHT: bolder; FONT-SIZE: 105%; COLOR: #ffffff; FONT-FAMILY: verdana, arial, helvetica, sans-serif
}
.menu {
	color : white;
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
	line-height: 13px
}
a.menu:visited {
	color:white;
}
a.menu:hover {
	color:white; text-decoration:underline;
}
.LogMenu {
	color : white;
	font-family: Verdana;
	font-size: small;
	font-weight: bold;
	line-height: 13px
}

a.CurrentMenuPage:visited {
	color:#B9DCFF;
}
a.CurrentMenuPage:hover {
	color:#B9DCFF; text-decoration:underline;
}
.CurrentMenuPage {
	color : #B9DCFF;
	font-family: Verdana;
	font-size: xx-small;
	font-weight: bold;
}
.Left {
	text-align:left
}
.Center {
	text-align:center
}
.DescriptionCell {
	color: #FFE500;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
	background-color: #294C9D;
}
.DataCell {
	color: #FFFFFF;
	font-size: small;
	font-family: Verdana;
	font-weight: bold;
}
.Row {
	Height: 29px;
	text-align: left;
	vertical-align: middle;
}
.NormTxt {
	font-family: Verdana;
	color:#FFFFFF; 
	font-size: 10pt;
}
.NormTxtLft {
	font-family: Verdana;
	color:#FFFFFF; 
	font-size: 10pt;
	text-align:left
}

.TitleTxt {
	font-family: Verdana; 
	color:#B9DCFF;
	font-size: small;
	font-weight:bolder;
}

td.LR {
	font-family: Verdana; 
	background-color:#B9DCFF;
	font-size:7pt;
	color:#284C98;
	height:20px;
	border:1px solid #284C98;
}
td.LRalt{
	background-color:#EBEBEB;
	font-family: Verdana; 
	font-size:7pt;
	color:#284C98;
	height:20px;
	border:1px solid #284C98;
}
th.LR{
	background:#B9DCFF;
	font-family: Verdana; 
	height:35px;
	font-size:9pt;
	color:#284C98;
	border:1px solid #284C98;
	}
th.title {
	font-family: Verdana; 
	background-color:#B9DCFF;
	font-size:9pt;
	color:#284C98;
	height:20px;
	border:1px solid #284C98;
}

table.LR{
	border: 1px solid #284C98;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
}
TD {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana,arial,helvetica,sans-serif; TEXT-DECORATION: none
}
.whiteonblue {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}
.smallsilver {
	FONT-SIZE: 10px; COLOR: #333333; FONT-FAMILY: verdana,arial,helvetica,sans-serif
}