@import URL("../css/tag-cloud.css");

@media screen {

	body {
	 color: black;
	 background-color:white;
	 font-family: Verdana;
	 font-size: 12px;
	 line-height: 10pt;
	}

	#page {
	 position: absolute;
	 top: 2%;
	 left: 5%;
	 width: 850px;
	 height: 95%;
	 background-image: url("img/background.jpg");
	 background-repeat: no-repeat;
	}

	#region-before {
	 display:none;
	}

	#region-body {
	 position: absolute;
	 top: 240px;
	 left: 510px;
	 width: 420px;
	 color: black;
	}

	#region-body div {
	 padding-right: 10px;
	}


	#region-after {
	 display: none;
	}

	#region-start {
	 position: absolute;
	 top: 435px;
	 left: 10px;
	 width: 140px;
	 height: 155px;
	 color: black;
	}

	#region-end {
	 position: absolute;
	 top: 140px;
	 left:360px;
	 width: 660px;
	 color: black;
	 background-color: blue;
	}


	.menu-bar ul, .menu-item ul {
	 margin:0 0 0 0;
	 padding:0px 0px 0px 0px;
	 border-color:#FFF;
	 border-right-style: solid;
	 border-width: 1px;
	}

	.menu-bar ul li, .menu-item ul li {
	 list-style:none;
	 border-color:#FFF;
	 border-bottom-style: solid;
	 border-left-style: solid;
	 border-width: 1px;
	}

	.menu-bar {
	 position: absolute;
	 top: 0px;
	 left:0px;
	 text-align: left;
	 width: 160px;
	 background-color: orange;
	}

	.menu-item {
	 position: absolute;
	 top: 0px;
	 left:164px;
	 text-align: right;
	 width: 160px;
	 background-color: orange;
	}

	.menu-bar a:link, .menu-bar a:visited, .menu-bar a:active {
	 padding-left: 5px;
	}

	.menu-item a:link, .menu-item a:visited, .menu-item a:active {
	 padding-right: 5px;
	}

	.menu-item a:link, .menu-item a:visited, .menu-item a:active, .menu-bar a:link, .menu-bar a:visited, .menu-bar a:active {
	 text-decoration:none;
	 background-color: orange;
	 color: white;
	 display: block;
	 width: 100%;
	 padding-top: 2px;
	 padding-bottom: 2px;
	 font-weight: 600;
	 font-size: 9px;
	}

	.menu-bar a:hover, .menu-item a:hover {
	 background-color: #1A1A70;
	 color: white;
	}

	.menu-bar a.current, .menu-item a.current {
	 background-color: #1A1A70;
	 color: white;
	}

	a:link, a:visited, a:active {
	 text-decoration:none;
	 color: #1a1a70;
	}

	a:hover {
	 color: orange;
	}

	h1,h2,h3,h4,h5,h6 {
	 color: #1A1A70;
	}
	
	h1 {
	 font-size: 16px;
	 font-weight: 600;
	}

	h2 {
	 font-size: 12px;
	 font-weight: 900;
	}
	
	p, li, td {
	 font-size: 11px;
	}

}