/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {
	font: 16px Arial, Verdana, Helvetica, Sans Serif;
	color: #FFF;
	text-align: left;
	background: #029be2 url(images/bg.gif) repeat-x top left;
}

a {
	color: #fdef3e;
	text-decoration: none;
}
a:hover {
	color: #FFF;
	text-decoration: underline;
}

img {
	display: block;
	border: none;
}

#container {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
}


/*__________SLIDESHOW__________*/


#slideshow {
	float: left;
	width: 420px;
	height:555px;
	position:relative;
}
 
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}
 
#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}
 
#slideshow IMG.last-active {
    z-index:9;
}


/*________ TOP CONTENT ________*/

#topContent {
height: 555px;
}

#slideshow {

}

#mainText {
float: left;
width: 530px;
}
#mainText h2 {
padding: 0 0 10px 0;
}
#mainText p {
padding: 0 0 15px 28px;
line-height: 1.5
}
#mainText p.yellowText {
color: #fdef3e;
font-weight: bold;
}
#mainText p.yellowText em {
color: #FFF;
font-weight: bold;
font-size: 18px;
}


/*________ BOTTOM CONTENT ________*/

#bottomContent {
padding-top: 10px;
}
#map {
padding: 10px 30px 0 10px;
float: left;
}
#map iframe {
border: 2px solid #FFF;
}
#map p a {
font-size: 12px;
}


/*________ FOOTER ________*/

#footer {
clear:both;
border-top: 1px solid #50b9e9;
border-bottom: 1px solid #50b9e9;
margin: 50px 0;
height: 85px;
}

#footerRight {
float: right;
width: 475px;
margin-top: 15px;
}
#footerRight img {
float: right;
margin-left: 10px;
}
#footerRight p {
font-size: 12px;
text-align: right;
}

#footerRight p.footerText, #footerRight p.footerText a {
font-size: 10px;
color: #9ad7f3;
padding-top: 8px;
}
#footerRight p.footerText a:hover {
color: #FFF;
text-decoration: none;
}

#footerLeft {
width: 470px;
margin-top: 15px;
}
#footerLeft img {
float: left;
margin-right: 10px;
}
#footerLeft p {
font-size: 12px;
padding-top: 5px;
}