/*
Design by D.Juwara - http://www.runelocus.com/
Made for Zymic.com - Free Web Templates
*/

body {
	margin: 10px 0;
	background-image: url('images/bg.png');
}

body, th, td {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}

h1, h2 {
	margin-top: 1.5em;
	color: #626456;
}

h1 {
	letter-spacing: -.075em;
	font-size: 3em;
}

h2 {
	letter-spacing: -.05em;
	text-transform: uppercase;
	font-size: 1.0em;
	font-weight: bold;
	color: white;
}

p, ul {
	margin-top: 1.5em;
	line-height: 1.8em;
	font-size: 1.1em;
}

a {
	text-decoration: none;
	color: #3C7BCF;
}

a:hover {
	border: none;
}

h1 a, h2 a {
	border: none;
	text-decoration: none;
	color: white;
}

hr {
	display: none;
}

#header {
	width: 1150px;
	height: 35px;
	margin: 0 auto;
	background-color:transparent;
	background-image:url(images/transbg.png);
}


/* Logo */

#logo {
	width: 1140px;
	margin: 0 auto;
	height: 130x;
	border: 5px solid #ffffff;
}

#logo h1, #logo h2 {
	margin: 0;
	padding: 0;
}

#logo p {
	clear: right;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFFFFF;
}


/* Info */

#keret {
	width: 1140px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	background: #FFFFFF;
	border: 5px solid #ffffff;
}

.info {
	padding: 0px 0px 0px 15px;
}

#ajax_tooltipObj{
	z-index:1000000;
	text-align:left;
}
#ajax_tooltipObj div{
	position:relative;
}

#ajax_tooltipObj .ajax_tooltip_arrow{	/* Left div for the small arrow */
	background-image:url('weather/bubi/images/arrow.gif');
	width:25px;
	position:absolute;
	left:-40px;
	top:15px;
	background-repeat:no-repeat;
	background-position:center left;
	z-index:1000005;
	height:20px;
}

#ajax_tooltipObj .ajax_tooltip_content{
	border:2px solid #317082;	/* Border width */
	left:-100px;	/* Same as border thickness */
	top:33px;
	position:absolute;
	width:450;	/* Width of tooltip content */
	background-color:#FFF;	/* Background color */
	padding: 18px 5px 0px 5px;	/* Space between border and content */
	font-size:9pt;	/* Font size of content */
	overflow:auto;	/* Hide overflow content */
	z-index:1000001;
}

/* Page */

#popup {
	z-index: 2;
	position:absolute;
	text-align: right;
	font-weight: bold;
	font-size: 20px;
}

#popup a {
	text-align: right;
	font-weight: bold;
	font-size: 20px;
	padding: 0px 5px 0px 0px;
}

#text {
	font-size: 9px;
	padding: 10px 5px 5px 5px;
}

#text a {
	font-size: 1.1em;
	font-weight: bold;

}

#page {
	width: 1140px;
	height: 1765px;
	margin: 0 auto;
	padding: 5px 0px 50px 0px;
	background: #FFFFFF;
	border: 5px solid #ffffff;
	border-top: none;
}

/* left navigation */

.left {
	float: left;
}

.left ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.left li {
	margin-bottom: 2em;
}

.left li a:hover {
	margin-bottom: 2em;
	color: darkblue;
}

.left li ul {
}

.left li li {
	margin: 0;
}

.left li h2 {
	margin: 0 0 1em 0;
}

#left {
	width: 230px;
	padding: 0px 0px 0px 15px;
}

#left li h2 {
	margin: 0 0 1em 0;
	background: url(images/smallbar.png) no-repeat left top;
	padding: 15px 0  0 15px;
	height: 50px;
}

#left li li {
	padding: 5px;
	background: url(images/line.gif) repeat-x left bottom;
	font-size: .8em;
}

#left li a {
	border: none;
	padding-left: 10px;
}

#left li a:hover {
	border: none;
	padding-left: 10px;
}

/* Content */

#content {
	float: left;
	width: 680px;
	padding: 0px 0px 0px 15px;
}

.inform .title {
	margin: 0;
	font-weight: normal;
        color: white;
}

.inform h1.title {
	background: url(images/largebar.png) no-repeat left top;
	padding: 10px 0  0 15px;
        height: 50px;
	font-size: 2.0em;
}

.inform .entry {
	padding: 0 10px 10px 5px;
}

.inform .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	background: url(images/line.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #000;
}

.inform .meta a {
	color: #000;
}

.inform .meta a:hover {
	color: gray;
}

.news .title {
	margin: 0;
	font-weight: normal;
        color: white;
}

.news h1.title {
	background: url(images/largebar.png) no-repeat left top;
	padding: 10px 0  0 15px;
        height: 50px;
	font-size: 2.0em;
}

.news .entry {
	padding: 0 10px 30px 5px;
}

.news .scroll {
	float: left;
	width: 665px;
	height: 1614px;
	scrollbar-base-color: #203b59;
	scrollbar-3d-light-color: #a0bbd9;
	scrollbar-arrow-color: #a0bbd9;
	scrollbar-darkshadow-color: #203b59;
	scrollbar-face-color: #203b59;
	scrollbar-highlight-color: #809bb9;
	scrollbar-shadow-color: #809bb9;
	scrollbar-track-color: #203b59;

}

.news .meta {
	margin: 0;
	padding: 5px 0px 0px 15px;
	background: url(images/line.gif) repeat-x left bottom;
	text-transform: uppercase;
	font-family: Times New Roman, Arial, Helvetica, sans-serif;
	color: #000;
}

.news .meta a {
	color: #000;
}

.news .meta a:hover {
	color: gray;
}

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#FF0000 !important; //reCaptcha widget background color
 }
 
 #recaptcha_table {
   border-color: #FF0000 !important; //reCaptcha widget border color
 }
 
 #recaptcha_response_field {
   border-color: #FF0000 !important; //Text input field border color
   background-color:#FF0000 !important; //Text input field background color
 }

/* Right navigation */

.right {
	float: left;
}

.right ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.right li {
	margin-bottom: 2em;
}

.right li a:hover {
	margin-bottom: 2em;
	color: darkblue;
}

.right li ul {
}

.right li li {
	margin: 0;
}

.right li h2 {
	margin: 0 0 1em 0;
}

#right {
	width: 175px;
	padding: 0px 5px 0px 10px;
}

#right li h2 {
	margin: 0 0 1em 0;
	background: url(images/smallerbar.png) no-repeat left top;
	padding: 15px 0  0 15px;
	height: 50px;
}

#right li li {
	padding: 5px;
	background: url(images/.gif) repeat-x left bottom;
	font-size: .8em;
}

#right li a {
	border: none;
	padding-left: 10px;
}

#right li a:hover {
	border: none;
	padding-left: 10px;
}

/*
Footer
Please leave the copyright/credits, thank you!
*/

#footer {
	text-align: center;
	font-size: 9px;
        color: white;
}


#footer a {
	text-align: center;
	font-size: 9px;
        color: cyan;
}