/* CSS Document */

BODY {
  background: url("images/design/bg.jpg");
  margin-top: 0px;
  margin-bottom: 0px;
}

.openingImages { 
width: 710px;
padding: 5px;
border-color: #CCCCCC;
border-style: solid;
border-width: 1px;
background-color: #FFFFFF;
display:block;
}


.full {
width: 100%;
height: 100%;
padding: 0px;
border: 0px;
}

.mainB {
width: 774px;
height: 100%;
padding: 0px;
border: 0px;
  /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://www.kuperholz.gophotoandweb.com.au/images/design/mainBox.png');
}
/* IE ignores styles with [attributes], so it will skip the following. */
.mainB[class] {
background: url("http://www.kuperholz.gophotoandweb.com.au/images/design/mainBox.png");
}

.breadcrumbBar {
background: #00769E;
}

.menuTop {
width: 740px;
height: 58px;
padding: 0px;
border: 0px;
}

.mainBox {
width: 768px;
}

.mainBackground {
background: url("images/design/web_bg.jpg") 50% 50%;
}

.mainBoxTop {
background: url("images/design/mainBoxTop.png") no-repeat;
height: 19px;
}

.mainBoxMiddle {
background: url("images/design/mainBoxMiddle.gif");
padding: 4px;
}

.mainBoxBottom {
background: url("images/design/mainBoxBottom.png") no-repeat;
height: 32px;
}


.HeadingMain {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 30px;
  color: #00759D;
  font-weight: bold;
}

.otherText {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #00759D;
}

.mainText {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  padding: 10px;
}

.main {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

.mainheader {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #333333;
}

.inputRequirement {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #CC0000;
}


.tableTextSub {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  background: #00759D;
  font-weight: bold;
}


.tableTextEven {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  background: #E4F2FA;
}

.tableTextOdd {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
  background: #FBE7BB;
}

.photoText {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #02A8DB;
}

.webText {
  font-family: Trebuchet MS, Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #F1A70C;
}

.leftMenuHeader { 
background: url("images/design/left_menuHeader.jpg");
height: 36px;
width: 150px;
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
line-height: 0.8em;
}

.leftMenuSubHeader { 
background: url("images/design/leftMenuSubHeader.jpg");
height: 36px;
width: 150px;
text-align: center;
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #FFFFFF;
line-height: 0.8em;
}


.leftMenu { 
background: url("images/design/left_menu.jpg");
font-family: Trebuchet MS, Verdana, Arial, sans-serif;
width: 150px;
}


a.leftMenuHeaderLink:link { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuHeaderLink:visited { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFFFFF; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuHeaderLink:active { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFCC00; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuHeaderLink:hover { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFCC00; font-size: 12px; font-weight: bold; text-decoration: underlined; }

a.leftMenuLink:link { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuLink:visited { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #333333; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuLink:active { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #02A8DB; font-size: 12px; font-weight: bold; text-decoration: none; }
a.leftMenuLink:hover { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #02A8DB; font-size: 12px; font-weight: bold; text-decoration: underlined; }

.footerText { 
 font-family: Trebuchet MS, Verdana, Arial, sans-serif;
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: none;
}

a.footerLink:link { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration: none; }
a.footerLink:visited { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #FFFFFF; font-size: 12px; text-decoration: none; }
a.footerLink:active { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #F1A70C; font-size: 12px; text-decoration: none; }
a.footerLink:hover { font-family: Trebuchet MS, Verdana, Arial, sans-serif; color: #F1A70C; font-size: 12px; text-decoration: underlined; }

/* Menu */

#menu {
width: 740px;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
margin-top: -6px;
}

#menu a, #menu h2 {
font: 14px trebuchet ms, arial, helvetica, sans-serif;
text-align:left;
display: block;
margin: 0;
padding: 0px;
}

#menu h2 {
color: #fff;
}

#menu a {
color: #666666;
background: #FFFFFF;
text-decoration: none;
}

#menu a:hover {
color: #333333;
background: #DCEEF8;
}

#menu li {position: relative;
}

#menu ul ul {
position: absolute;
width: 180px;
z-index: 500;
border-width: 1px;
border-style: solid;
background: #FFFFFF;
border-color: #999999;
padding: 4px;
margin-top: -4px;
}

#menu ul ul ul {
position: absolute;
border-width: 1px;
border-style: solid;
background: #efefef;
border-color: #999999;
width: 150px;
top: 0;
left: 100%;
padding: 4px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}