/* banner CSS */

/* ---------------------------------------------------------------------- 
	Progressive enhancement. Adjust the Height of #preBanner to show as many rows as you like.
 ---------------------------------------------------------------------- */
#preBanner {
	height:173px;
	overflow:hidden;
}
#preBanner * {
	padding:0px;
	margin:0px;
	border:none;
}
#preBanner div {
	width:100%
	overflow:hidden;
	float:left;
	position:relative;
	margin:0px 5px 5px 0px;
}
#preBanner div img {
	width:100%;
	display:block;
}
#preBanner div a:link {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}
#preBanner div a:visited {
	position:absolute;
	top:0px;
	left:0px;
	text-indent:-9999px;
	display:block;
	width:100%;
	height:100%;
}
#preBanner div p {
	position:absolute;
	bottom:0px;
	left:0px;
	font-size:10px;
	color:#ffffff;
	background:#000000;
	padding:5px 10px 6px 10px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
#preBanner div p a:link {
	position:static;
	text-indent:0px;
	display:inline;
	color:#ffffff;
	text-decoration:none;
}
#preBanner div p a:visited {
	position:static;
	text-indent:0px;
	display:inline;
	color:#ffffff;
	text-decoration:none;
}
/* ---------------------------------------------------------------------- 
	These are the declarations you are more likely to change when you customize banner.
 ---------------------------------------------------------------------- */
 
/* this is the size of your banner container */
#banner {
	width:425px;
	height:173px;
}
/* these style the links that appear in the text area */
#banner #SFcontentContainer div div a:link {
	color:#00ff00;
	text-decoration:none;
}
#banner #SFcontentContainer div div a:visited {
	color:#00ff00;
	text-decoration:none;
}
#banner #SFcontentContainer div div a:hover {
	text-decoration:underline;
}
/* this sets the color and opacity of the text's background area */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#banner #SFcontentContainer div div span {
	background:#000000;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity:0.6;
	opacity:0.6;
}
/* this sets the color and opacity of the buttons */
/* you MUST change the opacity in all 8 places to get cross-browser consistency */
#banner #SFbtnContainer a:link {
	background:#000000;
	color:#ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
#banner #SFbtnContainer a:visited {
	background:#000000;
	color:#ffffff;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity:0.8;
	opacity:0.8;
}
/* this is the hover and selected states for the buttons */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#banner #SFbtnContainer a:hover {
	filter:alpha(opacity=100);
	background: #0193B8;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
#banner #SFbtnContainer.open a.trigger {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
#banner #SFbtnContainer a.current {
	filter:alpha(opacity=100);
	background: #0193B8;
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
/* ---------------------------------------------------------------------- 
	These are the declarations you aren't likely going to need to change.
 ---------------------------------------------------------------------- */
 
#banner {
	overflow:hidden;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:18px;
	color:#ffffff;
}
#banner * {
	padding:0px;
	margin:0px;
	border:none;
}
#banner div {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#banner #SFcontentContainer {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#banner #SFcontentContainer div {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#banner #SFcontentContainer div div {
	position:absolute;
	top:auto;
	bottom:0px;
	left:0px;
	width:100%;
	height:auto;
}
#banner #SFcontentContainer div div span {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block; /*IE6*/
	_height:100px;
}
#banner #SFcontentContainer div div p {
	position:relative;
	padding:5px 0px 6px 10px;
	width:90%;
}
#banner #SFcontentContainer.nomenu div div p {
	width:100%;
}
#banner #SFcontentContainer.left div div p {
	left:5%;
}
#banner #SFcontentContainer.right div div p {
}
#banner #SFcontentContainer div div a:link {
	color:#00ff00;
	text-decoration:none;
}
#banner #SFcontentContainer div div a:visited {
	color:#00ff00;
	text-decoration:none;
}
#banner #SFcontentContainer div div a:hover {
	text-decoration:underline;
}
#banner #SFbtnContainer {
	position:absolute;
	bottom:8px;
	z-index:1337; /*IE6*/
	_width:22px;
}
#banner #SFbtnContainer.right {
	right:5px;
}
#banner #SFbtnContainer.left {
	left:7px;
}
#banner #SFbtnContainer div {
	overflow:hidden;
}
#banner #SFbtnContainer a:link {
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:2px 2px 0px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#banner #SFbtnContainer a:visited {
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
	margin:2px 2px 0px 0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	border-radius:5px;
}
#banner #SFbtnContainer a:hover {
	opacity:1;
}
#banner #SFbtnContainer a:active, #banner #SFbtnContainer a:focus {
	outline:none;
}
#banner #SFbtnContainer a.play {
	font-size:10px;
	font-weight:bold;
}
#banner #SFbtnContainer a.pause {
	font-size:11px;
	font-weight:normal;
}