/* CSS Stylesheet - Pedro Meza - RedNaranja     */
/* ============= RedNaranja.com Stylesheet ==== */
/* (c) rednaranja.com 2007 */

body {
	background: black url(img/maingbg.png) repeat-x;
	color: #000000;
	font-family: Arial,Courier,Helvetica,Sans-Serif;
	font-size: 12px;
	margin:0px 0px 420px 0;
	padding:0;
	scrollbar-base-color:black;
	overflow-x:hidden;
	overflow-y:auto;
}

/* bottom splash image */
#bott{
	background: url(img/orange-splash.jpg) no-repeat ;
	width:500px;
	height:400px;
	display:block;
	position:fixed !important;
	position:absolute;

	left:0px;
	bottom:0px;
	z-index:0;
}

/* General styling */
p {margin:0;padding:0;}

.contentText , .contentTextNp  {
	margin:10px;
	}
.contentText a {
	color: #000066;
	text-decoration: underline;
	}
.contentText a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: #FFdd88;
	}
.contentTextNp {
	padding-left: 5px;
	padding-right: 5px;
	}

.titleText , h1, h2 {
	color: #D56B03;
	font-family: Arial,Courier,Helvetica,Sans-Serif;
	font-size: 1.25em;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

h1 { font-size: 1.4em; }

.tableHdr {
	background-color: #6F6F6F;
	color: #FFFFFF;
	font-family: Tahoma,Arial,Courier,Helvetica,Sans-Serif;
	font-size: 1em;
	font-weight: bold;
	padding-left: 5px;
}
.tableContent {
	color: #000000;
	font-family: Arial,Courier,Helvetica,Sans-Serif;
	font-size: 1em;
}

/* Main container positioning style */
#container {
	clear:both;
	margin:0 auto;
	padding:0;
	width:800px;
	z-index:2;
	position:relative;
	}

/* top menu with css rollover effect */
#menu {
	padding:0px;
	margin:0px;
	display:block;
	width:100%;
	background:#1F1F1F url(img/menu-bar2.png) repeat-x ;
	height:44px;
	width:100%;
	z-index:20;
	position:relative;
	background:none;
	margin-top:4px;
}

#menu ul{
	display:block;
	padding:0;
	position:relative;
	width:808px;
	margin:0 auto;
	height:44px;
}

#menu ul ul {
	display:none;
	margin:0px 0 0 20px;
	z-index:1000;
	width:145px;
	height:auto;
	padding:0;
	font: 0.9em normal Tahoma, Arial, Courier, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	}

#menu ul li {
	list-style:none;
	font: 12px normal Tahoma, Arial, Courier, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	float:left;
	display: block;
	width: 159px;
	height:44px;
	margin:2px 0px 2px 2px;
	background:url(img/menu-item-bg.png) no-repeat -4px -2px;
}
#menu ul ul li {
	float:none;
	margin:0;
	list-style:none;
	width: 185px;
	padding:1px;
	height:auto;
	background:none;
}

#menu ul li a {
	text-align:center;
	text-decoration: none;
	color:#ddd;
	display: block;
	width: 145px;
	height:35px;
	padding: 10px 3px 0px 10px;
}

#menu ul ul li a {
	text-align:left;
	padding:0;
	height:auto;
	width: 185px;
	border:1px solid #D56B03;
	display:block;
	color:black !important;
}

#menu ul li.selected {
	background:url(img/menu-item-sel.png) no-repeat -4px -2px;
}

#menu ul ul li.selected {
	background:none;
}

#menu ul li:hover,
#menu ul li a:hover {
	background:url(img/menu-item-hover.png) no-repeat -4px -2px;
	color:#fcc;
}
#menu ul ul li a:hover,
#menu ul ul li:hover {
	background:none;}

#menu ul li.selected a {
	color:#fcc;
}

#menu ul li:hover ul,
#menu ul a:hover ul,
#menu ul ul li a:hover {
	display:block;
}

#menu ul ul a:hover,
#menu ul ul .selected a {
	background-color: #FFdd88 !important; }

/* subMenu is a menu style used in-page */
.subMenu {
	padding:0;
	font: 0.9em normal Tahoma, Arial, Courier, Helvetica, Sans-Serif;
	letter-spacing: 1px;
	}

 .subMenu li{
	margin: 2px;
	list-style:none;
	background-color: #FFBF7F;
	width: 185px;
	padding:1px;
	border:1px solid #D56B03;
}


.subMenu{
	margin: 5px;
	}

.subMenu a,#menu ul ul a {
	padding:1px;
	background-color: #FFBF7F;
	text-decoration: none;
	color: #000000;
	display:block;
	}


.subMenu a:hover
 { background-color: #FFdd88 !important; }

/* Main content */
#content {
	padding:20px 5px 0 5px;
	width:790px;
	margin:17px auto 20px auto;
	border:1px solid black;
	background:white;
}

/* banner at bottom of content */
#banner {
	clear:both;
	height: 90px;
	margin:10px auto 0px auto;
	width:558px;
	display:block;
	background: url(img/piepag1.jpg) center bottom no-repeat;
	text-align:center;
	}

/* footer */
#footer {
	z-index:1;
	position:relative;
	}

#footer .logo,
#footer .logoen {
	height: 62px;
	background: black url(img/rednaranjaes.png) left no-repeat;
	display:block;
	width:800px;
	text-align:right;
	color:white;
	margin:0 auto;

	}
#footer	.logo {background-image: url(img/rednaranjaes.png); }
#footer	.logoen {background-image: url(img/rednaranjaen.png); }

/* Language selector */
a.langButton  {
	text-decoration: none;
	background:black;
	color: white;
	letter-spacing: 1px;
	margin: 0px auto 0 auto;
	padding:2px 6px;
}
a.langButton:hover  {
	border:2px solid gray;
	}

/* this one is used to clear floats */
#bgpiepag {
	clear:both;
}

/* make dbWiz tables and forms look fat */
.lista, .formatedForm {
	width:780px;
}

.formatedForm .long {
	width: 30em;
}