/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/

#sliderload {
	position:relative;
    width:480px;
    height:360px;
	background:url(images/loading3.html) no-repeat 50% 50%;
}
#hospital50 {
	position:absolute;
	top:12px;
	left:10px;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}

#body
{
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 */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #061C37;
background: #FACFCF;
background-image:url(imag/background.png);
background-repeat:repeat-x;
}
#overlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index:-1;
	background: url(imag/dotted1.png);
	opacity: 0.3;
}
*
{
margin: 0 auto 0 auto;
text-align:left;
}

#container 
{ 
display: block; 
position: relative;
vertical-align: top;
width: auto;
max-width:915px;
min-width:915px;
height:auto;
margin: auto; /* the auto margins (in conjunction with a width) center the page */
text-align: left; /* this overrides the text-align: center on the body element. */
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#header
{ 
width: auto;
height:auto;
padding-top:0px;
padding-bottom:1px;
}

#mainpic
{
width:914px;
height:90px;
}

h1{	color:#003366;	font-size:20px; padding:2px 2px; margin:0px 0px;}
h2{	color:#3C8C06;	font-size:23px;}
h3{	color:#3270A9;	font-size:21px;}
h4{	color:#999999;	font-size:18px;}
h5{	color:#3C8C06;	font-size:15px;}
h6{	color:#fff;	font-size:12px;	font-weight:bold;}

#left
{
float: left; 
width: 204px; /* since this element is floated, a width must be given */
margin-top: 15px;
margin-left: 0px; /* the left and right margin should be given to every element that will be placed in the side columns */
margin-right: 0px;	
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
}

#left_top
{
width:204px;
height:13px;
background-image:url(imag/leftmenu_top.png);
}

#left_bottom
{
width:204px;
height:13px;
background-image:url(imag/leftmenu_bottom.png);
}

#left_main
{
width:204px;
height:auto;

}

#left_main ul
{
list-style: none;
padding: 0px;
width:204px;
}

#left_main h3
{
list-style: none;
padding: 0px;
width:204px;
color:#FFFFFF;
padding-left:10px;
padding-bottom:14px;
}

#left_main ul li
{
list-style: none;
padding: 0px;
width:204px;
text-align:left;
}

#left_main ul li a
{
display:block;
list-style: none;
padding: 0px;
width:192px;
padding-left:12px;
padding-top:4px;
height:25px;
text-align:left;
background-image:url(imag/leftmenu_link.png);
background-repeat:repeat-x;
margin-top:0px;
color:#FFFFFF;
text-decoration:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
}

#left_main ul li a:visited
{
color:#FF7A7A;
background-image:url(imag/leftmenu_link.png);
background-repeat:repeat-x;
}

#left_main ul li a:hover
{
color:#EED7D7;
background-image:url(imag/link_background.png);
background-repeat:repeat-x;
text-decoration:underline;
}

#content
{
display:block;
float:center;
width:auto;
height:auto;
padding-left:0px;
padding-top:1px;
padding-right:0px;
padding-bottom:10px;
text-align:justify;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
}

#content_top
{
background-image:url(imag/main_top1.png);
background-repeat:no-repeat;
width:915px;
height:31px;
}

#content_main
{
background-image:url(imag/main_back1.png);
background-repeat:repeat-y;
width:915px;
height:auto;
min-height:520px;
padding-left:15px;
padding-right:15px;
}

#text_main
{
width:850px;
height:auto;
min-height:520px;
padding-left:15px;
padding-right:15px;
}

#content_main a
{
	color:#D24D4D;
 	text-decoration:underline;
}
#content_main a:hover
{
	text-decoration:none;
}

#content_bottom
{
background-image:url(imag/main_bottom1.png);
background-repeat:no-repeat;
width:915px;
height:31px;
}

#footer
{ 
	width:914px;
	height:42px;
	padding-top:10px;
	padding-bottom:10px;
	font-family:Tahoma, Verdana;
	color:#000033;
	font-size:13px;
	font-weight:bold;
	background-image:url(imag/footer.jpg);
	background-repeat:no-repeat;
}

#footer a
{
	color:#0033CC;
 	text-decoration:none;
}
#footer a:hover
{
	text-decoration:underline;
}


#thumbwrap {
	margin:auto;
	
}
.thumb {
	float:right; /* must be floated for same cross browser position of larger image */
	position:relative;
	margin:3px;
}
.thumb img { 
	border:1px solid #000;
	vertical-align:top;
}
.thumb:hover {
	border:0; /* IE6 needs this to show large image */
	z-index:1;
}
.thumb span { 
	position:absolute;
	visibility:hidden;
}
.thumb:hover span { 
	visibility:visible;
	top:10px; right:10px; 
}

	
/*

.twoColElsLtHdr #left li{ list-style-type:none;
margin-left:-22px; color:#003366; padding-top:5px;

}
.twoColElsLtHdr #left a {
	background: url(imag/nav6.jpg) repeat-x;
	color: #CCC;
	font: bold 1em Verdana,sans-serif;
	line-height: 30px;
	padding: 5px 5px;
    text-decoration:none;
}
.twoColElsLtHdr #left a:hover {
	background:url(imag/nav6role.jpg);
	line-height:30px;
	color:#FF0000;
	text-decoration:none;
}

*/

a{
	text-decoration:none;
	color:#3270A9;
}
a:hover
{
	text-decoration:underline;
}

.paragraf
{
    text-align:justify;
    font:14px Verdana,Arial,Helvetica,sans-serif;
}

.copy
{
 	float:left;
	padding-left:10px;
	padding-top:8px;
}

.credit
{
	float:right;
	padding-right:10px;
	padding-top:8px;
}

/* Miscellaneous classes for reuse */

.fltrt
 {/* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}

.fltlft
{ /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}

.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;
}
