/* Define all common values for the web site */

body{
   height: 100%;
}

html{
   height: 100%;
}

#distance-container{
   width: 1px;
   height: 50%;
   margin-bottom: -384px;
   float: left;
}

#outer-container{
   margin-top: -10px;
   /*width: 1024px;
   height: 768px;
   clear: left;*/
   /*background: url(../images/bg-graphic.png) no-repeat;*/
   /*margin-top: 10px;*/
}

#distance-container2{
   width: 1px;
   height: 50%;
   margin-bottom: -300px;
   float: left;
}

#container{   
   width: 800px;
   height: 600px;
	clear: left;
   /*background: url(../images/bg-underwhitebox.png);*/
}

#bg-box-container{
   width: 800px;
   height: 600px;
   /*background: url(../images/bg-box.png);*/
}

#page-container{
   width: 800px;
   height: 600px;
   /*Display background graphic to give white box the effect of transparency. */
   /*background: url(../images/bg-graphic.png) no-repeat -111px -84px;*/
   background: url(../images/background-final.jpg) no-repeat 14px 29px;
}

#logo-container{
   float: left;
   width: 90px;
   height: 73px;
   margin-top: 50px;
   margin-left: 40px;
}

#logo-image{
   display: block;
   width: 90px;
   height: 73px;   
}

.content-container{
   float: left;
   width: 650px;
   height: 600px;
   margin-top: 0px;
   margin-left: 20px;   
}

/* Navigation Section */
#nav-menu ul{
   list-style: none;
   /*width: 639px;*/
   width: 647px;
   height: 22px;
   margin: 103px 0 0 0;
   padding: 6px 0 0 0;
   background: url(../images/navigation-transparency.png) no-repeat;
}

/* Main menu */
#nav-menu ul li{
   display: inline;
   position: relative; /* Make any sub-menus display relative to this menu */
}

/* Sub-menu */
#nav-menu li ul{
   position: absolute;  /* Sub-menu displayed from main menu's position */
	left: 0px;
	top: -88px;
	display: none;
   z-index: 100; /* Display sub-menu above main menu */
}

/* Menu links */
#nav-menu ul li a{ /* Attributes for all links regardless of level in menu */
   text-decoration: none;
   text-align: left;
   color: #000;
   padding: 5px 5px;
}

/*Sub-menu */
#nav-menu li ul li{
   display: list-item;
   width: 140px;
}

#nav-menu li .drop-down{
   background: none;
}


/* Sub-menu links */
#nav-menu li ul li a{
   display: block;
   text-align: left;
}



/* Hover over links */
#nav-menu ul li:hover a, #nav-menu ul li.over a{ /* Display main menu options */
   color: #fff;
   background-color: #c0c0c0;
}

/* Display sub-menu */
#nav-menu ul li:hover ul, #nav-menu ul li.over ul { 
   display: list-item;
   background-image: none;
}

/* Display sub-menu colour and background */
#nav-menu ul li:hover ul a, #nav-menu ul li.over ul  a{ 
   color: #000;
   background-color: #fff;
}

/* Change colour of sub-menu option when mouse is over link */
#nav-menu ul li ul li a:hover{
   color: #f00;
	background: #fff;
}

#nav-menu ul li .current-page{
   color: #f00;
}

#cs-prod-image{
   display: block;
   margin-left: 145px;
}

.footer{
   width: 800px;
}

.copyright-notice{
   display: block;
   width: 455px;
   padding: 10px 0 10px  80px;
   font-size: 0.8em; 
}

/* Center to page. */
#outer-container, #container, .footer,
.copyright-notice{
   margin-left: auto;  
   margin-right: auto;
}