@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #FFFFFF;

	background-image:url(../images/bg_1024x768_s.jpg);
	background-repeat: no-repeat;
	background-position:center;
	background-attachment:fixed;
	background-color:#000000;
}

p {
	color: #FFFFFF;
	text-align:left;
	padding-left: 10px;
	padding-right:10px;
}

ul{
 	list-style-type: square;
}

ul ul{
 	list-style-type: disc;
}

ul ul ul{
 	list-style-type: circle;
}

ol {
	list-style-type: decimal;
}

ol ol {
	list-style-type: lower-alpha;
}

ol ol ol{
	list-style-type:lower-roman
}

a {
	color: #FFFFFF;
}

a:visited {
	color:#FFFFFF;
}

ol {
	list-style-type: decimal;
	color: #FFFFFF;
}

/* ----- Logo ID -----  */

#Logo {
	float:left;  /* since this element is floated, a width must be given */
	width: 400px;  /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 50px;
	margin-left:10px;
}

/* ----- Top Navigation IDs -----  */
#TopNavigation {
	clear:both;
	height: 36px;
	border-top-style:double;
	border-bottom-style:double;
}
	
#TopNavigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
	
#TopNavigation li {
	float: left;  /* since this element is floated, a width must be given */
	margin: 0;
	padding: 0;
}
	
#TopNavigation li a, #TopNavigation li a:visited {
	display: block;	
	color: #FFFFFF;
	margin: 4px 8px 4px 8px;
	padding: 4px 8px 4px 8px;
	font-weight: bold;
	text-decoration: none;
	background: #CC0000;
}
	
#TopNavigation li a:hover {
	background: #FF0000;
}

/* ----- Breadcrumbs IDs -----  */

#Breadcrumbs {
	padding: 10px 10px 10px 10px;
	text-align:left;
	border-bottom-style:double;
}


/* ----- Left Navigation IDs -----  */

#LeftNavigation {
	float: left;  /* since this element is floated, a width must be given */
	width: 170px;
	margin: 5px 5px 0px 0px;
	padding: 0px;
}

#LeftNavigation ul {
	margin-left: 0px;
	width: 160px;
	list-style: none;
	padding: 3px;
}	

#LeftNavigation li {
	margin-bottom: 4px; /* Distance between buttons */
}

#LeftNavigation li a, #LeftNavigation li a:visited {
	text-align: right;
	text-decoration: none;
	color: #FFFFFF;
	display: block;		/* create button with constant width */
	padding: 7px;
	background: #990000;
}	

#LeftNavigation li a:hover {	
	background: #FF0000;
}

/* ----- Containers IDs -----  */

#MainContainer {
	float:none; /* since this element is floated, a width must be given */
	width:950px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align:center;
	padding:10px;
	margin: 40px auto;
	background: #0000FF 30 20 scroll;
}

#RightContainer {
	float:left; /* since this element is floated, a width must be given */
	width: 505px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align:left;
	padding: 10px 10px 10px 10px;
	margin-left:10px;
	border-left-style:double;
	border-right-style:double;
}

#Big {
	float:left; /* since this element is floated, a width must be given */
	width: 715px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align:left;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
}

#NewsContainer {
	float:right; /* since this element is floated, a width must be given */
	width: 170px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	text-align:center;
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 10px;
}

#Footer {
	border-top-style:double;
	font-size:12px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.hidden {display: none;}

/* ------ SPAN Class ----- */
span.dir_rtl {
	unicode-bidi:bidi-override;
	direction:rtl;
}

span.obligatory {
	color:#FF0000;
	font-size:28px;
}

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 5px;
visibility: hidden;
border:1px solid black;
font:normal 12px Verdana;
line-height: 18px;
z-index: 100;
background-color: white;
width: 200px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

.abspos {
	position:absolute;
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}