﻿body
        {
        font-family:Tahoma, Verdana, sans-serif;
        margin:0px auto;
        padding:0px;
        font-size:12px;            
        }
.logo {width:763px; height:282px; background-image:url(../images/layout/header.jpg);margin:15px auto; }
	
.menus { background-position:bottom; background-repeat:repeat-x; width:761px;  padding-top:2px; margin:1px auto; margin-top:-64px; }

.mainMenu {margin:0px auto; width:763px; }
.mainMenu a{width:80px; display:block; float:left; text-align:center; text-decoration:none; color:#40a390; font-size:12px; padding:5px 5px 4px 5px; margin:0px; background-color:#f5f5f5;}

/* added for different number of main menu items*/
.mainMenu8 {margin:0px auto; width:763px;}
.mainMenu8 a{width:85px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold; }
.mainMenu7 {margin:0px auto; width:763px;}
.mainMenu7 a{width:99px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}
.mainMenu6 {margin:0px auto; width:763px;}
.mainMenu6 a{width:117px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}
.mainMenu5 {margin:0px auto; width:763px;}
.mainMenu5 a{width:142px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}
.mainMenu4 {margin:0px auto; width:763px;}
.mainMenu4 a{width:180px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;  }
.mainMenu3 {margin:0px auto; width:763px;}
.mainMenu3 a{width:244px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}
.mainMenu2 {margin:0px auto; width:763px;}
.mainMenu2 a{width:375px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}
.mainMenu1 {margin:0px auto; width:763px;}
.mainMenu1 a{width:753px; display:block; float:left; text-align:center; text-decoration:none; color:#000000; font-size:12px; padding:5px 5px 4px 5px; margin:0px; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; font-weight: bold;}


img {border:1px solid #65c489;}
a.menuItem {border-bottom:1px solid #384341;}
a.selectedMenuItem {background-color:#AED3CC; border:1px solid #384341; border-bottom:0px; padding:4px 4px 5px 4px;}

.mainMenu a:hover {background-color:#65c489; color:#FFFFFF;}
.mainMenu a:active {background-color:#c0ddca;color:#40a390;}

.subMenu a:hover{text-decoration:underline;}
.subMenu{width:761px; background-color:#AED3CC; border-bottom:1px solid #384341; line-height:17px;text-align:center; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; height:17px; }
.subMenu a{text-decoration:none;color:#0C5F4F; font-weight:bold;}
.mainDiv{width:763px;margin:10px auto;font-size:14px;}

.mainContent{background-color:#f5f5f5;border:1px solid #384341;padding:5px; width:753px}
.subContent {background-color:#fcfcfc; border:1px solid #384341; padding:5px; text-align:center; text-align:justify; width:743px}

h1 {color:#40a390;font-weight:bold; font-size:16px;}
h2 {color:#40a390;font-weight:bold; font-size:15px;}
h3 {color:#40a390;font-weight:bold; font-size:13px; margin:10px 0px 10px 0px;}

.VericalMenu a { width:140px; text-align: center; color:#40a390; font-size:12px; padding:3px; margin:0px; background-color:#f5f5f5; border-bottom:1px solid #65c489;}
.VericalMenu a:hover {background-color:#65c489; color:#FFFFFF;}
.VericalMenu a:active {background-color:#c0ddca;color:#40a390;}

.IncludeFile { margin-left:0px}
.IncludeFileMargined { margin-left: 160px} 

.Announcement {width:740px; background-color:#CEE7E2; border: 1px solid #77B4A8; margin-top:10px}
.Announcement h1 {color:#ffffff;font-weight:bold; font-size:14px;}
.Announcement h2 {font-weight:bold; font-size:14px;}
.AnnouncementMessage{padding:5px; text-align:justify; border-bottom: 1px dotted #77B4A8;  }
.AnnouncementTitle {width:740px; background-color:#9BAAA7; border-bottom: 1px solid #77B4A8; padding:3px 0px 3px; text-align:center; color:#ffffff; font-size:14px; font-weight:bold} 

.footer{width:100%; border-top:1px solid #65c489;  font-size:10px; text-align: center; color: #ffffff; width:763px; margin:1px auto; border:1px solid #384341; background-color: #AED3CC; }

a {color: #40a390; text-decoration: none;}
a:hover { background-color:#40a390; color:#fff;}

.BigButon {border: 1px solid #384341; padding: 5px; margin: 10px auto; width:250px; text-align:center; background-color:#AED3CC; font-size:16px; font-weight:bold; }
.BigButon a { color: #ffffff;}
.MemberRegGridList { font-size:12px; text-transform:capitalize;}

.Note {border: 1px solid #384341; padding: 5px; margin: 10px auto; text-align:center; background-color:#AED3CC; font-size:14px; font-weight:bold; }

.Button {border: 1px solid #384341; padding: 2px;  text-align:center; background-color:#AED3CC; font-size:13px; font-weight:bold; }

