﻿html, body 
{
   background-color:Silver;
   margin:0;
}

body {
       font-family: Verdana , Arial, Helvetica, sans-serif;
       font-size: 12px;
       color:#333;
}

#wrapper {
       width:84%;
       top:0;
       min-width:814px;
       position:relative;
       margin: 0 auto;
       background-color:White;
       display:block;  
      
      }


#Date {	
	position: relative;
	font-size: 9px;
	color: #666;
}

#Date a {
	padding-left:5px;
}


#bodyArea
{   
    float:left;
    width:690px;
    background-color: White;
    border-collapse:collapse;
               
} 


/* for menu */

#banner
		{
			background : White;
			float: left;
			width: 100%;
			height: 45px;
			border-bottom: 2px solid #6B7173;
			
		}
		
/* Footer */
#Footer {
	font-size: 12px;
	height:auto;
}

#Footer #TextLinks {
	color: #fff;
	font-weight: bold;
	border-top-color: #262422;
	border-top-style: solid;
	border-top-width: 5px;
	background: #823905;
}

#Footer #TextLinks a {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

#Footer #Disclaimer {
	color: #b0a59e;
	font-weight: normal;
	font-size: 11px;
	background: #552503;
}


/* menu with sub menu */
#nav
{
    float: left;
    padding-right: 0;
    display: block;
    font-size: 95%;
    text-transform: uppercase;
    line-height: normal;
    font-weight: bold;
    margin: 0;
    padding-left: 0px;
    padding-right: 0px;
    list-style: none;
    text-decoration: none;
}

#nav li
{
    width: 100px;
    height: 24px;
    padding-top: 10px;
    padding-left: 7px;
    padding-right: 9px;
    min-height: 24px;
    font-weight: bold;
    background: url('../Images/btn12.jpg') no-repeat left top;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    
}
#nav li a
{
    display: block;
    text-decoration: none;
    color: #4D4C4D;
}

#nav a, #nav a:active, #nav a:visited
{
    display: block;
    text-decoration: none;
}

#nav a:hover
{
    background: url('../Images/btn12.jpg') bottom left;
}

#nav li
{
    float: left;
}

#nav li ul
{
    position: absolute;
    left: -999em;
    padding: 0px; 
    margin-left:-4.5em; 	
    margin-top:1em;
    width: 194px;
     z-index:200;
}

#nav li ul li
{
    background-color: #A3B1C7;
    text-align: center;
    list-style: none;
    width: 194px; 
    height:1.5em;
    min-height:1.5em;   
    margin:0px;
    padding-bottom:0px;
    margin-bottom:0px;
    background-image: none;
	border-bottom:1px solid #b9d6dc;
    padding-top:3px;
   
}

#nav li ul a
{
    background-image: none;
    text-decoration: none;
    color:White;
    padding:0px;
    margin:0px;
   

}


#nav li ul li:hover, #nav li ul li.sfhover
{
    background-image: none;
    background-color: #21467E;
    color: white;
    margin: 0px;
}

#nav li ul li a:hover
{
    background-image: none;
    color: white;
    background-color: #21467E;
    margin: 0px;
}

#nav li:hover ul
{
    left: auto;
    top: auto;
    margin: 0px;
    text-decoration: none;
}


#nav li:hover ul, #nav li.sfhover ul
{
    left: auto;
    top: auto;
    margin-top:1em;
}

/* for shadow effect */
.shadow
{
    position: relative;
    font: 17px verdana;
    color: #3F639A;
    font-weight: bold;
}
.text
{
    position: absolute;
    left: -1px;
    top: -1px;
    color:#3F639A;
}
