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

#container{
   width: 802px;
   margin: 5px 0;
}

/* Masthead */
#masthead{
   border: 1px solid #000;
   background-color: #002060; 
   color: #cc99ff;
   text-align: center;
   width: 800px;
}

#container #masthead a{
   display: block;
   float: left;
   text-decoration: none;
   max-height: 143px;
}

#container #masthead img{
  display: block;
}

.spacer{
   clear: left;
   padding: 0px;
   margin: 0px;
}

/* Navigation Section */
#nav-menu ul{
   list-style-type: none;
   margin: 0;
   padding: 0;
}

/* Main menu */
#nav-menu ul li{
   float: left;
   position: relative; /* Make any sub-menus display relative to this menu */
   width: 100px;
   border: 0;
}

/* Sub-menu */
#nav-menu li ul{
   position: absolute;  /* Sub-menu displayed from main menu's position */
	left: 0px;
	top: 39px;
	display: none;
   border-bottom: 1px solid #002060;
   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 */
   display: block;
   text-decoration: none;
   text-align: center;
	color: #fff;
	background: #17365d;
	padding: 3px;
	border: 1px solid #669;
   border-right: 0;
}

/* Main menu links specific custiomization */
#nav-menu a.single-line-menu{ /* Center single-line menu text */
   display: block;
   text-align: center;
   padding:  11px 0px;
}

/* Add Contact Us right border */
#nav-menu .menu-link-right-border{
   width: 100px;
   border-right: 1px solid #669;
   /* For menu option to display properly with IE 7 */
   display: block;
   text-align: center;
   padding: 11px 0px;
}

/*Sub-menu */
#nav-menu li ul li{
   width: 201px;
}

/* Sub-menu links */
#nav-menu li ul li a{
   text-align: left;
   color: #993366;
   background-color: #cc99ff;
   border: 0;
   border-top: 1px solid #002060;   
}

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

/* Display sub-menu options */
#nav-menu ul li:hover ul, #nav-menu ul li.over ul { 
   display: block; 
}
/* Change colour of sub-menu option when mouse is over link */
#nav-menu ul li ul li a:hover{
   color: #fff;
	background: #17365d;
}

/* Page Content */
#content{
   clear: left;
   height: 380px;
   background: #fff url(../images/Akari-Health-Logo-Background-Transparent.jpg) no-repeat center center;
   padding: 5px 20px;
   overflow: auto;
   line-height: 148%;
}

/* Footer */
#footer{
   color: #fff;
	background: #17365d;
	border: 1px solid #669;
   padding: 5px 7px;
   text-align: center;
}

/* Remove underline for links. */
#footer-other a:link, #footer-other a:visited{
  color: #fff;
  text-decoration: none;
}

/* Display underline for link when user hovers over it. */
#footer-other a:hover{
   text-decoration: underline;
}

#notice{
   width: 800px;
   text-align: center;
   font-size: 0.7em;
   margin: 0 0 10px 0;
}

/* center  to page */
#container, #notice{
   margin-left: auto;  
   margin-right: auto;
}

.page-heading{
   font-size: 1.2em;
   font-weight: bold;
}

.page-list{
   font-size: 1.1em;
}

.italic{
   font-style: italic;
}

.bold {
   font-weight: bold;
}

.announce-fs{
   font-size: 0.9em;
}

.update-date-fs{
   font-size: 0.8em;
}