@charset "utf-8";
/* CSS Document */
*{
margin:0px;
padding:0px;
border:0px;
}

#container{ 
width:790px;
margin-left:auto; 
margin-right:auto;
text-align:center; 
}

#border{
	width:785px;
	float:left;
	padding:0px 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	display:inline;
}
* html #border{
width:782px;
}
#top-curve{
height:24px;
background-image:url(../images/top_curve_03.gif);
background-repeat:no-repeat;
}
#top-curve h1 {
	text-align:center;
	color:#CCD7FF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	letter-spacing:2px;
	font-size:12px;
	padding-top:2px;
}
#logo-bar {
padding:0px;
margin:0px;
}



#vista_toolbar {
float:left;
font:normal 12px 'Segoe UI','Trebuchet MS','Arial'; 
margin:0; 
padding:0;
}

/*#vista_toolbar ul {
background-image:url(back.gif);
background-repeat:repeat-x;
float:left;
line-height:32px;
list-style:none;
margin:0;
padding:0 10px 0 10px;
width:500px;
} */

#vista_toolbar ul {
	background-image:url(../images/nav-bar-base.gif);
	background-repeat:no-repeat;
	width:785px;
	float:left;
	line-height:32px;
	list-style:none;
} 

#vista_toolbar li { 
display:inline;
margin:0px 10px;
} 

#vista_toolbar a { 
color:#FFF; /* need because it will use default link color */
float:left;
padding:0 3px 0 3px; /* left 3 px because of left.png image */ 
text-decoration:none; 
} 

#vista_toolbar a span { 
display:block; 
float:none; 
padding:0 10px 0 7px; 
} 

#vista_toolbar a span img { 
border:none; 
margin:8px 4px 0 0; 
}

#vista_toolbar a:hover{
background: url(../images/left.png) no-repeat left center; 
}

#vista_toolbar a:hover span { 
background:url(../images/right.png) no-repeat right center; 
}

#vista_toolbar a.right {
float:right; /* for help button - just add class "right" ->  <a class="right"... */
margin-right:30px;
}

#menu{
clear:both;
}

#content {
background-color:#FFFFFF;
width:785px;
}

#content form{
background:#F0F0F0;
}
#slide {
width:554px;
float:left;
}
#right{
width:230px;
float:right;
}
* html #right {
display: inline;
margin-left: -230px;
}
#lower{
clear:left;
width:554px;
}
#buttons {
float:left;
width:170px;
}

* html #buttons {
display: inline;
margin-right: -170px;
}
#text{
width:364px;
font-family:'Segoe UI', Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin-left:180px;
padding:5px;
}

* html #text{
overflow:hidden;
width: expression(document.body.offsetWidth - (document.body.offsetWidth - 364));
}
#text p{
margin-bottom:5px;
line-height:18px;
}

#text h1 {
	color:#003399;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	font-size:20px;
	padding:4px 0px;
}

#text h2 {
	font-family:"Segoe UI",Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:14px;
	padding:10px 0px 4px;
}

#text h3 {
	font-family:"Segoe UI",Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	padding:10px 0px 4px;
}

.small{
font-size:18px;
font-weight:normal;
}

#text ol{
margin-left:25px;
margin-bottom:5px;
}

#text ul{
list-style-type:disc;
margin-left:15px;
margin-bottom:5px;
}
#text ul li{
margin-bottom:5px;
}

#footer{
clear:both;
background-image:url(../images/footer.jpg);
background-repeat:no-repeat;
height:50px;
color:#666666;
}

#footer p{
	text-align:center;
	font:normal 11px 'Segoe UI','Trebuchet MS','Arial';
	color:#000000;
}

#footer ul{
font:normal 12px 'Segoe UI','Trebuchet MS','Arial';
list-style:none;
text-align:center;
padding:5px 0px;
}

#footer li{ 
display:inline;
margin:0px 10px;
} 

#footer a{ 
text-decoration:none;
color:#666666; 
} 

#footer a:hover{ 
text-decoration:underline; 
}