body {
	color:#333;
	background-color:white;
	margin:20px;
	padding:0px;
	font:11px verdana, arial, helvetica, sans-serif;
	}
	
	div#container {
	position: relative;
	background-color: white;
	margin: 0 auto;
	padding: 0 0 0 0;
	width: 750px;
	text-align:left;
}
	
	/************/
	/* HEADER */
	/************/
	
	div#header {
	background: white url("Images/topbanner.gif") no-repeat top center;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 750px;
	height: 120px;
}
div#header h1, div#header span {
	display: none;
}


div#kw h1 {
	display: none;
}


/************/
/* MAINMENU */
/************/

div#mainmenu {
	position: relative;
	background: white url("Images/mainmenu_back.gif") repeat-x top left;
	left: 0px;
	top: 120px;
	width: 750px;
	height: 26px;
	margin: 0px 0px 0px 0px;
	border:1px solid blue;
	padding: 0px 0px 0px 0px;
	font-size: 105%;
	text-align: center;
} 


div#mainmenu h3, div#mainmenu span {
	display: none;
}

div#mainmenu ul li {
	display: inline;
	list-style-type: none;
}

div#mainmenu ul {
	padding: 3px 0 0 0; 
	margin: 0 0 0 0;
}

div#mainmenu a {
	margin: 0 0 0 0;
	padding: 0 1.5em 0 1.6em;
	text-decoration: none;
	font-weight : bold;
	color : #000000; 
}

div#mainmenu li.selected a {
	color : #000088; 
}

div#mainmenu a:hover {
	color : #000088; 
}



h1 {
	margin:0px 0px 15px 0px;
	padding:0px;
	font-size:20px;
	font-weight:700;
	color:#ccc;
	}
h2 {
	font:bold 12px/10px verdana, arial, helvetica, sans-serif;
	margin:14px 0px 0px 0px;
	color:#FFFFFF;
	padding:0px;}
	
h3 {
	font:bold 12px/14px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	padding:0px;
	}
	
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}
	
	pw {
	font:11px/10px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 2px 0px;
	color:#FFFFFF;
	padding:0px;
	
	}
	
	pb {
	font:11px/10px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 5px 0px;
	color:#1D45F2;
	padding:0px;
	font-weight:600;
	}
	
.Content>p {margin:0px;}
.Content>p+p {text-indent:30px;}


a {
	color:#09c;
	font-size:10px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
	}
a:link {color:#1D45F2;}
a:visited {color:#1D45F2;}
a:hover {background-color:#D6D6D6;}




div#pagebody {
	position: relative;
	margin: 135px 205px 0px 165px;
	width: 560px;
	border: 1px solid grey;
	background-color: white;
	padding: 10px 10px 10px 10px;
} 



  

/* All the content boxes belong to the content class. */
.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:365px;
	margin:135px 210px 0px 160px;
	border:1px solid grey;
	background-color:white;
	padding:10px;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
	}

#navAlpha {
	position:absolute;
	width:128px;
	top:161px;
	left:0px;
	border:1px dashed grey;
	background-color:#eee;
	padding:10px;
	z-index:2;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:128px;
	}
/* Be nice to Opera 5 rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
#navAlpha {width:128px;}
		
#navBeta {
	position:absolute;
	width:165px;
	top:161px;
	right:0px;
	border:1px dashed blue;
	background-color:#CDD463;
	padding:10px;
	z-index:1;
/* Again, the ugly brilliant hack. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:165px;
	}
/* Again, "be nice to Opera 5". */
body>#navBeta {width:165px;}

div#footer {
	position: relative;
	clear: both;
	color: #888888;
	font-size: 11px;
	text-align: center;
}


div#footer ul li {
	display: inline;
	list-style-type: none;
}

div#footer ul {
	padding: 3px 0 0 0; 
	margin: 0 0 0 0;
}

div#footer a {
	margin: 0 0 0 0;
	padding: 0 3em 0 3em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: normal;
	font-size: 11px;
	color : #000088; 
}

div#footer li.selected a {
	font-weight: bold; 
}

div#footer a:hover {
	color : #000088;
	background-color:#FFFFFF; 
}

/************************************************************
*                   SECTION HEADER STYLINGS                 *
************************************************************/

       .sectionHeaderStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                font-weight : bold;
                color : #FFFFFF;
                background : #AFAFAF;
        }

/************************************************************
*                   TABLE HEADER STYLINGS                 *
************************************************************/

       .tableHeaderStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : #000000;
                vertical-align : top; 
                background : #E8EDFE;
        }

/************************************************************
*                   TABLE CELL STYLINGS                 *
************************************************************/

       .tableCellStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : black;
                vertical-align : top; 
        }

/************************************************************
*                   TABLE ROW HEADER STYLINGS               *
************************************************************/

       .tableRowHeaderStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : black;
                background : #E8EDFE;
                vertical-align : top; 
                text-align : left
        }
/************************************************************
*                   TABLE ROW STYLINGS                      *
************************************************************/

       .tableRowStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : black;
                background : #FFFFFF;
                vertical-align : top; 
        }

/************************************************************
*               APPLICATION SUB MENU STYLINGS               *
************************************************************/

       .applicationSubMenuStyle {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : black;
                background : white;
        }

       A.applicationSubMenuLinkStyle:link {
           color: black;
       }

       A.applicationSubMenuLinkStyle:visited {
           color: black;
       }

       A.applicationSubMenuLinkStyle:active {
           color: black;
       }

/************************************************************
*                   Warning box                             *
************************************************************/

       .warning {
                font-family : Verdana, Helvetica, sans-serif;
                font-size : 12px;
                color : red;
                background : #E5E5E5;
                text-align: center; 
                vertical-align : top;
                border: medium green;
                border-style: dashed;
        }