/* CSS document */

/* Link style section */

a		{
        color: #ffffff;
       	font: bold 1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		}


a:link		{
			color: #ffffff;
			}


a:active	{
			color: #000000;
			}

a:visited	{
			color: #ffffff;
			}

a:hover		{
			color: #003366;
			background: #cbdef0;
			text-decoration: none;
			}
			
a.info		{
    		position: relative; /*this is the key*/
    		z-index: 24;
			background-color: #000099;
    		color: #7f97a3;
    		/*text-decoration: none;*/
			font: normal 1em;
			}

a.info:hover
			{
			z-index: 25;
			background-color: #cbdef0;
			}

a.info span
			{
			display: none;
			}

a.info:hover span
			{
			/*the span will display just on :hover state*/
    		display: block;
    		position: absolute;
    		top: 2em;
			left: -2em;
			width: 15em;
    		border: 1px solid #000099;
    		background-color: #cbdef0;
			color: #000000;
			font: normal 1em;
    		text-align: center;
			padding: 8px;
			}
			
a.siteinfo	{
    		background-color: #000099;
    		color: #7f97a3;
    		/*text-decoration: none;*/
			font: normal 1em;
			}

a.siteinfo:hover
			{
			position: absolute;
			top: 220px;
			left: 40px;
			width: 135px;
    		background-color: #cbdef0;
			}

a.siteinfo span
			{
			display: none;
			}

a.siteinfo:hover span
			{
			/*the span will display just on :hover state*/
    		display: block;
    		position: absolute;
    		top: 220px;
			left: 40px;
			width: 135 px;
    		border: 0px solid #000099;
    		background-color: #cccccc;
			color: #000000;
			font: normal 1em;
    		text-align: left;
			padding: 5px;
			}
			
a.site		{
    		position: relative; /*this is the key*/
    		z-index: 0;
			background-color: #cccccc;
    		color: #000000;
    		/*text-decoration: none;*/
			font: normal 1em;
			}

a.site:hover
			{
			z-index: 25;
			background-color: #cbdef0;
			}

a.site span
			{
			display: none;
			}

a.site:hover span
			{
			/*the span will display just on :hover state*/
    		display: block;
    		position: absolute;
    		top: 2em;
			left: 0em;
			width: 25em;
    		border: 1px solid #000099;
    		background-color: #cbdef0;
			color: #000000;
			font: normal 1em;
    		text-align: left;
			padding: 5px;
			}
			

/* ID style section */

#sellink a:link, #sellink a:visited, #sellink a:hover, #sellink a:active
			{
			font-family: verdana, Arial, Helvetica, sans-serif;
			font: bold .9em;
			width: 150px;
			height: auto;
			vertical-align: top;
			text-decoration: none;
			text-align: right;
			line-height: 2.0em;
			padding: 2px;
			background: #cbdef0 url("images/here.gif") center left no-repeat;
			border: 1px inset #cccccc;
			color: #ffffff;
			}									

#sidelink a
			{
			width: 130px;
			color: #ffffff;
			display: block;
			text-decoration: none;
			background-color: #7f97a3;			
			font: bold .8em;
			font-family: verdana, Arial, Helvetica, sans-serif;
			line-height: 1.8em;
			text-align: right;
			border-width: 0px 0px 1px 0px;
			border-style: inset;
			border-color: #000000;
			padding: 2px;
			}


#sidelink a:hover
			{
			width: 130px;
			color: #000000;
			display: block; 
			text-decoration: underline;
			/*background-color: #cbdef0;*/
			font: bold .8em;
			font-family: verdana, Arial, Helvetica, sans-serif;
			line-height: 1.8em;
			text-align: right;
			border-width: 0px 0px 1px 0px;
			border-style: inset;
			border-color: #000000;
			padding: 2px;
			background: #cbdef0 url("images/arrowrt.gif") center left no-repeat;
			}
			
#sidelink a:focus	{
			color: #000000;
			}
			
#toplink ul	{
			font: bold .8em;
			width: 775px;
			height: auto;
			text-align: right;
			background-color: #003366; /*#7f97a3;*/
			background-image: none;
			border: 0px solid #000066;			
			color: #ffffff;
			margin: 0px;
			padding: 4px;
			}						
			
#toplink li
			{
			width: 135px;
			display: inline;
			text-align: right;
			margin: 0px;
			}			

#toplink a
			{
			width: 135px;
			color: #ffffff;
			text-decoration: none;
			background-color: transparent;			
			font: bold .8em;
			font-family: verdana, Arial, Helvetica, sans-serif;
			line-height: 2.0em;
			text-align: right;
			border: 2px outset #cccccc;
			/*width: 150px;*/
			padding: 2px;
			margin: 0px;
			}


#toplink a:hover
			{
			width: 135px; 
			color: #000000;
			text-decoration: underline;
			/*background-color: #cbdef0;*/
			font: bold .8em;
			font-family: verdana, Arial, Helvetica, sans-serif;
			line-height: 2.0em;
			text-align: right;
			border: 2px inset #cccccc;
			padding: 2px;
			margin: 0px;
			background: #cbdef0 url("images/arrowrt.gif") center left no-repeat;
			}
			
div#links a span {display: none;}

div#links a:hover span {
			 
			/*the span will display just on :hover state*/
    		display: block;
    		position: absolute;
    		top: 160px;
			left: 0px;
			width: 200px;
    		border: 1px solid #000099;
    		background-color: #cbdef0;
			color: #000000;
			font: normal 1em;
    		text-align: left;
			padding: 10px;
			}
			
/* Headings style section */						

h2		{
			margin-bottom: .25em;
			font: bold 1.4em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #888888;
			
			}

h3      	{
			color: #003366;
			background-color: #cccccc;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			}

h4	    	{	
			color: #003366;
			background-color: #cccccc;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font: bold 1.1em;
			border-width: 0px 0px 0px 0px;
			border-color: #000066;
			border-style: solid;
			}
			
h5	    	{	
			color: #000000;
			background-color: #ffffff;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font: bold .8em;
			border-width: 0px 0px 0px 0px;
			border-color: #000066;
			border-style: solid;
			}
			
/* Global style section */

body		{
			color: #000000; /*#003366;*/
			background:url("images/background.gif") repeat;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font: normal .8em;
			}			

p			{
			color: #000000; /*#003366*/
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font: normal .8em;
			}
			
/* Class style section */						
			
.dyk    	{
			color: #003366;
			background-color: #ffffff;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font: normal .8em;
			}			
			

.title		{
			font-family: verdana, Arial, Helvetica, sans-serif;
			font: bold 1.2em;
			width: 775px;
			height: auto;
			vertical-align: top;
			text-align: left;
			background-color: #cbdef0; /*#7f97a3; #3399ff;*/
			background-image: none;			
			color: #000000;
			/*border-width: 0px 0px 5px 0px;*/
			border-color: #3399ff;
			border: 0px outset #cccccc;
			padding: 2px;
			margin: 0px;
			}

.leftlink 	{
			font: bold .8em;
			font-family: verdana, Arial, Helvetica, sans-serif;
			width: 135px;
			height: auto;
			vertical-align: top;
			text-align: right;
			background-color: #cccccc; /*7f97a3;*/
			background-image: none;
			border-color: #000066;
			border-style: solid;
			border-width: 0px 0px 0px 0px;
			color: #ffffff;
			list-style-type: none;
			margin: 5px 5px 0px 8px;
			padding: 2px;
			}

.link 		{
			font: bold .8em;
			width: 150px;
			height: auto;
			vertical-align: top;
			text-align: right;
			background-color: #7f97a3;
			background-image: none;			
			border-color: #000066;
			border-style: solid;
			border-width: 0px 0px 2px 0px;
			color: #ffffff;
			}

.nolink		{
			font-family: verdana, Arial, Helvetica, sans-serif;
			font: bold .8em;
			width: 135px;
			height: auto;
			vertical-align: top;
			text-decoration: none;
			text-align: right;
			line-height: 2em;
			padding: 2px;
			background: #cbdef0 url("images/here.gif") center left no-repeat;
			border: 1px solid #cccccc;
			color: #000000;
			}


.navlink 	{
			font: bold .6em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			width: 775px;
			vertical-align: top;
			text-align: center;
			background-color: #bbbbbb; /*#7f97a3; #336699; #000099;*/
			background-image: none;
			color: #003366;
			padding: 4px;
			}

.rule 		{
			width: 100%;
			height: 1em;
			vertical-align: top;
			text-align: right;
			background-color: #003366; /*#336699; #7f97a3; #000099;*/
			background-image: none;
			font: bold .9em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #3366ff;
			padding: 4px;			
			}


/*.nonavlink	{
			font: bold .7em;
			width: 10%;
			height: 10px;
			vertical-align: top;
			text-align: left;
			background-color: #3399ff;
			background-image: none;
			font-weight: bold;
			color: #cccccc;
			}*/

.service	{
			font: bold .7em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: navy;
			width: 100%;
			height: 10px;
			vertical-align: top;
			text-align: left;
			background-color: #33ccff;
			background-image: none;
			border: solid navy 1px;			
			}
			
.sitemap	{
			font: bold .8em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: navy;
			width: 50%;
			height: auto;
			vertical-align: top;
			text-align: left;
			background-color: #33ccff;
			background-image: none;
			border: solid navy 1px;			
			}

.box		{
			font: normal .75em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			height: auto;
			width: 100%;
			vertical-align: top;
			text-align: left;
			background-color: #ffffff;
			background-image: none;
			border: solid 1px;
			border-width: 0px 1px 1px 1px;
			border-color: #cccccc;
			border-style: solid;
			padding: 5px;
			}
			
.cell		{
			font: normal .75em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #000000;
			height: auto;
			width: 50%;
			vertical-align: top;
			text-align: left;
			background-color: #ffffff;
			background-image: none;
			border: solid navy 1px;
			border-width: 0px 1px 1px 1px;
			border-color: #cccccc;
			border-style: solid;
			padding: 5px;
			}

.footer		{
			font: normal .7em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #666666;
			width: 100%;
			vertical-align: top;
			text-align: left;
			background-color: #ffffff;
			background-image: none;
			border: solid navy;
			border-width: 0px 1px 1px 1px;
			border-color: #000066;
			border-style: solid;
			padding: 5px;
			}			
			
.banner		{
			font: normal .8em;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: navy;
			height: auto;
			vertical-align: top;
			text-align: left;
			/*background-color: #cbdef0;*/
			background-color: #ffffff;
			background-image: none;
			border: outset 3px #cbdef0;
			/*border-width: 0px 1px 0px 1px;
			border-color: #000066;
			border-style: solid;*/
			padding: 5px;
			}			

.wht		{
			height: 10px;
			vertical-align: top;
			text-align: left;
			background-color: #ffffff;
			background-image: none;
			border-color: #ffffff;
			border-style: solid;
			border-width: 0px 0px 0px 0px;
			}
			




/*background:url("corner.gif") top left no-repeat;*/