
* { padding: 0; margin: 0; }

body {
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color:#666666;
 background-image: url(../images/bg.jpg);
 background-repeat: no-repeat;
 background-position: top;
}

html{
overflow: -moz-scrollbars-vertical;
}

img, form { 
 margin: 0;
 padding: 0;
 border: 0;
}

#wrapper { 
 margin: 0 auto;
 width: 962px;
overflow:auto;
}

#wrapper_index { 
 margin: 0 auto;
 width: 1000px;
overflow:auto;
min-height: 535px;
}

#logo{ 
 margin: 0;
 width: 962px;
 height: 115px;
 text-align: left;
 padding: 0;
}

#logo a{ 
color: #FFF;
text-decoration: none;
}

#logo a:hover{ 
color: #FFF;
text-decoration: underline;
}

#menu{ 
 margin: 0 auto;
 margin-bottom:1px;
 width: 962px;
 text-align: left;
 height:53px;
 padding: 0; 
}



#title{ 
 margin: 0 auto;
 width: 875px;
 text-align: left;
 background-image: url(../images/bg_tit.jpg);
 background-repeat: no-repeat;
 height:20px;
 padding: 1px 0 0 0; 
 color:#000;
 font-size:14px;
 font-weight: bold;
}


#leftcolumn { 
 font-size: 10px;
 color: #666666;
 margin: 10px 0 0 2px;
 padding: 2px;
 width: 165px;
 float: left;
 border: 1px solid #990000; 
}

#leftcolumn img{ 
 text-align:center; 
 margin: 0 0 4px 0;
}

#leftcolumn a {
font-weight: normal;
text-decoration: none;
color: #666666;
margin: 0;
padding: 0;
}

#leftcolumn a:hover {
font-weight: normal;
text-decoration: none;
color: #999999;
}

.a_sel {
font-weight: normal;
text-decoration: none;
color: #FFF;
background-color: #990000;
padding: 2px 0 2px 2px;
}

.border_slide {
border:1px solid #990000;
padding: 2px;
width:448px;
height:450px;
margin-left: 5px;
}

.border {
border:1px solid #990000;
padding: 2px;
margin-left: 5px;
}
 

#footer {
position:absolute;
width: 100%;
color: #666666;
font-size: 10px;
text-align: center;
margin: 5px 0 0 0;
padding: 5px 0 5px 0;
background-color: #F0F0F0;
border-top: 1px solid #999999;
overflow:auto;
}

#footer a{
text-decoration: none;
padding:0;
color: #999999;
}

#footer a:hover{
text-decoration: none;
color: #000;
}

#footer img{
margin: 10px 0 0 0;
padding: 5px;
}

.link_b { 
color: #990000;
text-decoration: none;
font-weight: normal;
}

.link_b:hover{ 
color: #000;
text-decoration: none;
}

.link_bb { 
color: #000;
text-decoration: none;
font-weight: bold;
}

.link_bb:hover{ 
color: #3972AB;
text-decoration: none;
}

/*x page*/



#content { 
 color: #666666;
 text-align: left;
 margin: 0 auto;
 padding: 10px 0px 0 0px;
 width: 880px;
 line-height: 20px; 
}

#content p{ 
font-size:12px;
margin: 0;
padding:0;
text-align: justify;
}

.note{ 
font-size:11px;
margin: 0;
padding:0;
}



#rightcolumn { 
 color: #666666;
 text-align: left;
 margin: 0 0 0 15px;
 padding: 10px 4px 0 0;
 width: 770px;
 line-height: 20px;
 float: left;
}

#content_2 table { 
 color: #000000;
 text-align: left;
 margin: 0;
 padding: 0;
 width: 750px;
 line-height: 20px;
 font-size: 11px;
}

#content_team { 
 color: #000000;
 text-align: left;
 background: #FFF;
 margin: 0 auto;
 padding: 20px 55px 0 4px;
 width: 825px;
 line-height: 20px;
}

#content_team table { 
 color: #000000;
 text-align: left;
 margin: 0;
 padding: 0;
 width: 835px;
 line-height: 20px;
 font-size: 11px;
}

#content_2 p{ 
font-size:12px;
margin: 0;
padding: 0 0 0 44px;
text-align: justify;
}

#content_2 li{
font-size:11px;
list-style-position: outside;
list-style: none;
}

#box_ul_img{
width:800px; 
margin-top:10px; 
overflow:auto;
}

#box_ul{
float:left; 
width:450px; 
}

#box_img{
float:right; 
width:327px;
}

#box2_ul_img{
width:850px; 
margin-top:10px; 
overflow:auto;
}

#box2_ul{
float:left; 
width:600px; 
}

#box2_img{
float:right; 
width:180px;
}

#box_txt{
width:850px; 
margin:45px 0 50px 37px; 
overflow:auto;
}

#box_txt1{
font-size:12px; 
float:left; 
margin: 0 30px 0 6px; 
width:375px; 
line-height:15px;
text-align: justify;
}

#box_txt2{
font-size:12px; 
float:left; 
margin: 0 0 0 5px; 
width:420px; 
line-height:15px;
text-align: justify;
}

#box_graph_2{
width:680px; 
margin:0 0 60px 50px; 
overflow:auto;
}

.title_p {
font-size:13px;
color: #3A73AE;
font-weight: bold;
margin: 0;
padding: 4px 0 0 4px;
}

.title_team {
font-size:13px;
color: #3A73AE;
font-weight: normal;
margin: 0;
padding: 4px 0 0 4px;
}

.title_b { 
font-size:11px;
color: #3972AB;
text-decoration: none;
font-weight: normal;
}

.input{	
	border: 1px solid #3A73AE;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:250px;
	height:18px;
	padding:2px 0 2px 0;
	}
	
	.textarea{	
	border: 1px solid #3A73AE;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	width:510px;
	}

	
	.button{	
	border: 1px solid #3A73AE;
	background-color: #3A73AE;
	color: #FFF;
	font-size: 12px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
.td_team{
	padding-left:40px; 
	padding-top:6px; 
	text-align:justify;
}

.td_img{
	padding-left:40px; 
	padding-top:10px;
}

 
  
.input{
  background-color: #E7E7E7;
   border: 1px solid #666; 
	width: 250px; 
	height: 18px;
	color: #666;
	font-size: 12px;
  }
  
  select{
  background-color: #E7E7E7;
   border: 1px solid #666; 
	width: 250px; 
	height: 20px;
	color: #666;
	font-size: 12px;
  }

.textarea{
  background-color: #E7E7E7; 
  border: 1px solid #666; 
  color: #666;
	font-size: 12px;
  }
  
.button{
color: #FFF;
background-color: #990000;
  border: 1px solid #990000; 
 }
  #rotator
{	
	z-index:1; 
	overflow: hidden;
	margin: 25px 0 0 0;
	position: relative;
	width:448px;
   height:450px;
	float:right;	
	border:1px solid #990000;
	padding:2px;
}
 
 #rotator img
{
	display: none;
	border: 0;
	width:448px;
  	}
	
	#rotator_2
{	
	z-index:1; 
	overflow: hidden;
	margin: 25px 0 0 0;
	position: relative;
	width:448px;
   height:614px;
	float:right;	
	border:1px solid #990000;
	padding:2px;
}
 
 #rotator_2 img
{
	display: none;
	border: 0;
	width:448px;
  	}
	
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/skeleton_left.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav, 
#nav ul {
float:left; 
padding:0 0 5px 0;
margin:0; 
width: 165px;
list-style:none; 
font: 10px verdana, sans-serif; 
position:relative; 
z-index:200;}

.submenu_ul {
border:1px solid #990000; 
border-width:1px 2px 2px 1px; 
background-color:#FFFFFF; 
margin:5px;
}

.submenu_ul a{
line-height: 18px;
}

#nav li li {
background:#FFF;
}
/* a hack for IE5.x and IE6 */
* html #nav li {float:left;}

#nav li a {
display:block; 
color:#666666; 
margin:1px; 
text-decoration:none;
white-space:nowrap; 
}

#nav li:hover {
position:relative; 
z-index:300;}

#nav ul {
position:absolute; 
left:-9999px; 
top:-9999px;
}
/* yet another hack for IE5.x and IE6 */
* html #nav, * html nav ul {
width:1px;
}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover > ul {
left:-15px; 
margin-left:100%; 
top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {
position:absolute; 
left:-9999px; 
top:-9999px; 
width:auto;}
/* show path followed */
#nav li:hover > a {
text-decoration:underline; 
color:#999999;
}


/* but IE5.x and IE6 need this lot to style the flyouts and path followed */
/* show next level */
#nav li:hover ul,
#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{left:-15px; 
margin-left:100%; 
top:-1px;}

/* keep further levels hidden */
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{position:absolute; 
left:-9999px; 
top:-9999px;}

/* show path followed */
#nav li:hover a,
#nav li:hover li:hover a,
#nav li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover a,
#nav li:hover li:hover li:hover li:hover li:hover li:hover a
{text-decoration:underline; color:#660000;}

/* hide futher possible paths */
#nav li:hover li a,
#nav li:hover li:hover li a,
#nav li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li a,
#nav li:hover li:hover li:hover li:hover li:hover li a
{text-decoration:none; color:#666666;}

	
/*Home */
#logo_hp{
float:left; 
margin-top:1px;
overflow:auto;
z-index:0;
}

#scrT_hp{
float:right; 
margin-top:35px;
}

#scrD_hp{
overflow:auto; 
margin:0px 0 0 200px;
}

#logoscr_hp{
float:left; 
margin:30px 0 0 0; 
padding:0; 
vertical-align:bottom;  
width:184px;
overflow:auto;
z-index:0;
}

#box_sx{
float:left;
z-index:2; 
margin-top:0; 
margin-left:30px;
text-align: left;
width:415px;

}

#lng_hp{
float:left; 
margin:180px 10px 0 0; 
width:262px;
}

#madonna{
float:right; 
margin:30px 0px 0 0px;
}

#box_img_hp{
z-index:1; 
float:right; 
margin:10px 10px 10px 0;
width:350px;
}

#angelo{
float:right;
margin-top:20px;
width:175px;
}

