html {     overflow: -moz-scrollbars-vertical; }
body { text-align:left; font-family:Arial, Helvetica, sans-serif; background:#999999; }
h1,h2,h3,h4,h5,h6{color:#0067a0;}

h1 {  font-size:14px;  font-family:sans-serif;  }

h2 { font-size: 125%; }

h3 { font-size: 110%; }

h4 { font-size: 100%;}

h5 { font-size: 100%;}

h6 { font-size: 100%;}

p{font-size:95%;  padding:3px 5px;  text-align:justify;  }

a:link, a:visited{  color: #0067A0;  text-decoration: none;  margin:0px; }

a:active, a:focus{	outline: none;	  margin:0px; }

img{	margin: 0px;	outline: none; }

.wrapper { width:780px; margin:10px auto; text-align:left;}
.header { width:780px; height:249px; background:url(images/b1.gif) no-repeat bottom left;  }
.left  {
}
a.left:link{
	   color : #000000;
	   text-decoration : none;
	   font-size : 11;
	   font-family : Verdana, Arial;
	   font-weight: normal
	   }
a.left:visited{
	   color : #000000;
	   text-decoration : none;
	   font-size : 11;
	   font-family : Verdana, Arial;
	   font-weight: normal
	   }
a.left:hover{
	color : #666666;
	text-decoration : none;
	font-size : 11;
	font-family : Verdana, Arial;
	font-weight: normal
	   }

.sm-mag-nrm{  
     font-family: Verdana; 
     font-size: 11px; 
     font-style: normal; 
     font-weight: normal; 
     color: #000000; 
     text-decoration: none;
	 text-align:left;}


.more {	
	}
a.more:link{
	   color : #CCCCCC;
	   text-decoration : none;
	   font-size : 11;
	   font-family : Verdana, Arial;
	   font-weight: normal
	   }
a.more:visited{
	   color : #CCCCCC;
	   text-decoration : none;
	   font-size : 11;
	   font-family : Verdana, Arial;
	   font-weight: normal
	   }
a.more:hover{
	color : #999999;
	text-decoration : none;
	font-size : 11;
	font-family : Verdana, Arial;
	font-weight: normal
	   }
#nav, 

#nav ul {padding:0; margin:0px 0px 0px 0px; list-style:none; font: 12px arial, verdana, sans-serif; background:#484B5B; position:relative; z-index:100;}

#nav {height:23px; width:780px; padding:0; }



#nav table {border-collapse:collapse;}

#nav li {float:left; }

#nav li li {float:none; }

#nav li li #close{ border-bottom:1px solid #413736;}

/* a hack for IE5.x and IE6 */

#nav li a li {float:left;  }



#nav li a {display:block; float:left; color:#fff; height:23px; padding:0 15px 0 10px; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:bold; }

#nav li li a {height:21px; line-height:20px; float:none; }



#nav li:hover {position:relative; z-index:100;}

#nav a:hover {position:relative; z-index:100; background:url(images/transperent.png); color:#ff6600; }

#nav li:hover > a { background:url(images/transperent.png); color:#ff6600; }



#nav :hover  ul {left:0; top:23px;  z-index:300;}

#nav a:hover ul {left:-1px; }

#nav ul {position:absolute; left:-9999px; top:-9999px;}



/* it could have been this simple if all browsers understood */

/* show next level */

#nav li:hover li:hover > ul {left:0; margin-left:100%; top:0;}

/* keep further levels hidden */

#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}

/* show path followed */

#nav li:hover li:hover > a {background:#fff; color:#ff6600; }



#nav li a:hover ul li a:hover {background:#fff;}



/* but IE5.x and IE6 need this lot to style the flyouts*/

/* show next level */

#nav a:hover a:hover ul,

#nav a:hover a:hover a:hover ul,

#nav a:hover a:hover a:hover a:hover ul,

#nav a:hover a:hover a:hover a:hover a:hover ul

{left:100%; top:0;}



/* keep further levels hidden */

#nav a:hover ul ul,

#nav a:hover a:hover ul ul,

#nav a:hover a:hover a:hover ul ul,

#nav a:hover a:hover a:hover a:hover ul ul

{position:absolute; left:-9999px; top:-9999px;}
.footer, .footer a { color:#666666; font-size:10px; font-family:Arial, Helvetica, sans-serif; }
.sub a { color:#0067A0; }
.sub { text-align:left; } 
.client { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
.client h3 { margin:5px; font-weight:bold; font-size:12px; color:#484B5B; padding:3px; background:#CCDED8; width:70%;  }
.client p { margin:0px 20px; font-size:11px;  }