@import URL("../css/xhtml.css");

@media screen {

	body {
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 12px;
	 font-style: normal;
	 font-weight: normal;
	 font-variant: normal;
	 text-transform: none;
	}

	/**
	 * Positioning
	 */

	#page {
	 position: absolute;
	 top:0px;
	 left:10px;
	 width: 950px;
	 height: 100%;
	}

	#region-before {
	 position: absolute;
	 top: 140px;
	 left: 360px;
	 height:75px;
	 width: 150px;
	 background-color:orange;
	 border-color: #FFFFFF;
	 border-top-style: solid;
	 border-bottom-style: solid;
	 border-left-style: solid;
	 border-right-style: solid;
	 border-width: 1px;	 
	}

	#region-start {
	 position: absolute;
	 top: 140px;
	 left: 510px;
	 height:75px;
	 width: 150px;
	 background-color:orange;
	 text-align: right;
	 border-color: #FFFFFF;
	 border-top-style: solid;
	 border-bottom-style: solid;
	 border-left-style: solid;
	 border-right-style: solid;
	 border-width: 1px;		 
	}


	#region-body {
	 position: absolute;
	 top: 260px;
	 left: 500px;
	 width: 420px;
	}

	#region-body div {
	 margin-top: 10px;
	 margin-left: 10px;
	 margin-right: 10px;
	}

	#region-after {
	 position: absolute;
	 top: 435px;
	 left: 10px;
	 width: 140px;
	 height: 155px;

	}
	
	#region-after p {
	 line-height: 10pt;
	 font-size: 9pt;
	 color:#1A1A70;
	}	

	#region-after a {
	 font-size: 10px;
	}	

	/**
	 * Menu
	 */

	.menu, .submenu {
	 padding-left: 10px;
	 padding-right: 10px;
	 padding-top: 3px;
	 padding-bottom: 3px;
	 font-size: 9px;
	 font-weight: 600;
	 width: 130px;
	 height: 12px;
	 border-color: #FFFFFF;
	 border-bottom-style: solid;
	 border-width: 1px;
	 color: white;
	}

	.menu:link, .menu:visited, .menu:active, .submenu:link, .submenu:visited, .submenu:active {
	 text-decoration:none;
	 background-color:#CFDCC0;
	}

	 .submenu:hover, .menu:hover {
	 text-decoration:none;
	 background-color:#1A1A70;	 
	}


}