html { min-height: 100%; margin-bottom: 1px; }
html, body {
	margin:  0 0 0 1px;
}

body {
	background: #333 url(http://www.frcaction.org/img/webcast/mainbg2.png) repeat-y center top;
	color: #000;
	padding: 0;
	text-align: center;
	font-size: 12px;
	font-family: Helvetica, sans-serif;
}

#wrapper {
	margin: 0 auto;
	background: #FFF;
	width: 800px;
	padding: 0;
	border: 0px solid red;
	text-align: left;
}

#mast {
	width: 800px;
	height: 125px;
	margin: 0;
	padding: 0;
	border: 0px solid;
	float: left;
}

.frclg {
	background: url(http://www.frc.org/img/webcast/frcmst.png) no-repeat center top;
}

.frcalg {
	background: url(http://www.frcaction.org/img/webcast/frcamst.png) no-repeat center top;
}


#mastbtn {
	position: absolute;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #184086;
	width: 125px;
	height: 125px;
	margin: 0 0 0 85px;
	padding: 0;
	text-align: left;
	border: 0px solid;
}

#mastbtnfrca {
	position: absolute;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #184086;
	width: 250px;
	height: 125px;
	margin: 0 0 0 25px;
	padding: 0;
	text-align: left;
	border: 0px solid;
}
#masttxt {
	position: absolute;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #184086;
	width: 450px;
	max-height: 125px;
	margin: 0 0 0 320px;
	padding: 20px 0 0 0;
	text-align: left;
	border: 0px solid;
}

/* 
#masttxt {
	position: absolute;
	width: 450px;
	max-height: 125px;
	margin: 0 0 0 320px;
	padding: 20px 0 0 0;
	text-align: left;
	border: 0px solid;
}

#mastBx {
	position: absolute;
	display: table;
}

#mastBx p {
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	font-size: 28px;
	line-height: 28px;
	font-weight: bold;
	color: #184086;
}
*/

a {
	text-decoration: none;
	margin: 0;
	padding: 0;
}

a:hover {
	text-decoration: none;
	margin: 0;
	padding: 0;
}


#green1, #green2, #green3 {
	background: url(http://www.frcaction.org/img/webcast/grnsbtm.png) repeat-y left top;
	width: 800px;
	margin: 0;
	padding: 0 0 10px 0;
	border: 0px solid;
	float: left;
}

#sldermst {
	width: 800px;
	margin: 0;
	padding: 0;
	border: 0px solid;
	float: left;
}

#base {
	background: url(http://www.frcaction.org/img/webcast/basebg.png) repeat-y center top;
	width: 800px;
	margin: 0;
	padding: 0;
	border: 0px solid;
	text-align: left;
	float: left;
}

#bttns, #vidbtns {
	width: 233px;
	margin: 0;
	padding: 0 0 10px 41px;
	float: left;
	border: 0px solid;
}

#vidtwt {
	background: url(http://www.frcaction.org/img/webcast/twitter.png) no-repeat left top;
	width: 123px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: left;
}

#vidbtnstxt {
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #184086;
	width: 55px;
	height: 30px;
	margin: 23px 0 0 51px;
	padding: 0;
	text-align: left;
	border: 0px solid;
}

#vidfb {
	width: 52px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: left;
}

#videmail {
	width: 58px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: left;
}

#videmaillg {
	width: 233px;
	height: 64px;
	margin: 0;
	padding: 0;
	float: left;
}

#vid {
	width: 320px;
	margin: 0;
	padding: 23px 0 15px 0;
	float: left;
	border: 0px solid blue;
	z-index: 1;
}

#smvidbtns {
	font-size: 10px;
	width: 90px;
	margin: 0;
	padding: 23px 0 0 20px;
	float: left;
	border: 0px solid blue;
}

#smbtnstxt {
	font-size: 10px;
	font-weight: bold;
	color: #184086;
	width: 57px;
	margin: 0;
	padding: 10px 5px 0px 5px;
	text-align: center;
	border: 0px solid blue;
	float: right;
	line-height: 10px;
}

#smcount {
	width: 320px;
	font-size: 10px;
	margin: 0; padding:0;
	color: #597A00;
	border: 0px solid blue;
}

#smaudio {
	background: url(http://www.frcaction.org/img/webcast/fsm_audio.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 10px 0;
}

#smcal {
	background: url(http://www.frcaction.org/img/webcast/fsm_date.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 10px 0;
}

#smtime {
	background: url(http://www.frcaction.org/img/webcast/fsm_time.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 10px 0;
}

#smshare {
	background: url(http://www.frcaction.org/img/webcast/fsm_share.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 10px 0;
}

#smembed {
	background: url(http://www.frcaction.org/img/webcast/fsm_embed.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 10px 0;
}

#smhelp {
	background: url(http://www.frcaction.org/img/webcast/fsm_help.png) no-repeat left top;
	width: 90px;
	height: 42px;
	margin: 0 0 0 0;
}

#smblnk {
	width: 90px;
	height: 42px;
}

#btnstxt {
	position: absolute;
	font-weight: bold;
	color: #184086;
	border: 0px solid;
}

.oneline {
	font-size: 18px;
	width: 145px;
	margin: 0 0 0 75px;
	padding: 22px 0;
	text-align: center;
}

.twoline {
	font-size: 18px;
	width: 145px;
	margin: 0 0 0 75px;
	padding: 15px 0;
	text-align: center;
}

.multiline {
	font-size: 12px;
	width: 145px;
	margin: 0 0 0 75px;
	padding: 12px 0;
	text-align: left;
}

.multiline a {
	text-decoration: none;
	color: #184086;
}

.multiline a:hover {
	text-decoration: none;
	color: #9CC729;
}

#vidbtn {
	width: 233px;
	height: 64px;
	margin: 0 0 10px 0;
	border: 0px solid;

}

#vidbtn2 {
	width: 233px;
	height: 64px;
	margin: 0;
	line-height: 20px;
	border: 0px solid;

}

#vidbtnCnt {
	width: 233px;
	height: 64px;
	margin: 0;
	line-height: 20px;
	border: 0px solid;
	margin: 0 0 15px 0;
	background: url(http://www.frcaction.org/img/webcast/countdown.png) no-repeat left top;
}

#cal {
	background: url(http://www.frcaction.org/img/webcast/cal.png) no-repeat left top;
	width: 233px;
	height: 64px;
	margin: 0 0 15px 0;
	border: 0px solid;
}

#map {
	background: url(http://www.frcaction.org/img/webcast/map.png) no-repeat left top;
	width: 233px;
	height: 64px;
	margin: 0 0 15px 0;
	border: 0px solid;
}

#wbcst {
	background: url(http://www.frcaction.org/img/webcast/webcast.png) no-repeat left top;
	width: 233px;
	height: 64px;
	margin: 0 0 15px 0;
	border: 0px solid;
}

/*
#time {
	background: url(http://www.frcaction.org/img/webcast/time.png) no-repeat left top;
	width: 233px;
	height: 64px;
	margin: 0 0 15px 0;
	border: 0px solid;
}
*/

#share {
	background: url(http://www.frcaction.org/img/webcast/share.png) no-repeat left top;
	width: 233px;
	height: 64px;
	border: 0px solid;
}

#socmed {
	width: 115px;
	height: 44px;
	padding: 10px;
	margin: 5px auto;
	border: 0px solid;
}

#fcbkBtn 
{
/*background: url(../img/frc_nav/intSocMed.png) 0 0 no-repeat; */
/*width:50px;
height:20px;
float:left;
left:0px;
bottom:0px;
position:relative;
margin-right: 8px;*/
width:50px;float:left; margin-right:0px;
}

#twttrBtn 
{
/*background: url(../img/frc_nav/intSocMed.png) 0 0 no-repeat; */
/*width:55px;
height:20px;
float:left;
left:0px;
bottom:0px;
position:relative;
margin-right: 8px;*/
width:55px;float:left; margin-right:10px;
}

#form, #vidbx {
	font-size: 12px;
	width: 471px;
	margin: 0;
	padding: 0 0 0 0;
	float: right;
	border: 0px solid;
	text-align: left;
}

#form p {
	text-align: left;
	border: 0px solid;
}

#form h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
	color: #900;
	border: 0px solid;
}

#form label{
    display:block;
    font-weight:bold;
    text-align:right;
    float:left;
    color: #184086;
    padding: 0 0 3px 0;
    border:solid 0px #DEDEDE;
}

#form label span{
	font-size: 14px;
    color: #f08d37;
    font-weight:bolder;
}

#form span#rds{
	font-size: 12px;
    color: #184086;
    font-weight:bolder;
    margin: 0 20px 0 20px;
}

#form input#textfield {
    float:left;
    width:200px;
    margin:0 0 15px 0;
    border:solid 1px #DEDEDE;
    padding: 1px;
}

#form input#textfield2 {
    float:left;
    width:415px;
    margin:0 0 15px 0;
    border:solid 1px #DEDEDE;
    padding: 1px;
}

#form #formbx {
	width: 430px;
	border: 0px solid #ccc;
}

#form #formbx2 {
	width: 430px;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 0px solid #ccc;
}

/*
#form #formbx3 {
	width: 430px;
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 1px solid #ccc;
}
*/

#form b#red {
	color: #B71D21;
	font-size: 14px;
}

#form ul#formspc{
	list-style: none;
	margin:0;
	padding-left:0;
}

#form ul#formspc li{
	width:215px;
	display:inline;
	height: 50px;
	padding:0;
	float:left;
	border: 0px solid;
}

#form ul#formspc li#bgli{
	width:430px;
	display:inline;
	height: 50px;
	padding:0;
	float:left;
	border: 0px solid;
}

#form2 ol{
	margin: 0;
	padding: 0;
	list-style-position: outside;
}

#form2 li{
}


#time2 {
	margin: 0 auto;
	color: #FFF;
	font-size: 10px;
}

#responsecontainer {
	width: 233px;
}


/* COUNTDOWN CLOCK */

#textLayout {
	position: absolute;
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
	text-align: center;
	padding: 37px 0 11px 75px;
	margin: 0;
	border: 0px solid #ccc;
	/* background: url(../fsm_time.png) no-repeat, left top; */
}



/*  SLIDER CSS   */

.slide_wrapper {
	background: #adcbff url(http://www.frcaction.org/img/webcast/sldrbg.png) no-repeat center top;
	width: 800px;
	line-height: 16px;
	margin:0;
	float: left;
}

.slider {
	padding: 10px 50px 10px 50px;
	overflow: hidden;
	border: 1px solid transparent;
}

.slider_menu {
	background: url(http://www.frcaction.org/img/webcast/basebg.png) repeat-y center top;
	color: #000;
}

.slider_menu a {
	color: #000;
}


/* --------- ROTATOR IMAGES -------------- */

	#imageSlideshowHolder{

		/* This is a CSS hack in order to get a nice look in IE 5.5 and lower 

		In these versions of Internet Explorer, we need to add borders and padding to the width. In this example, we have a 3 pixel
		border on all sides. This means that the width in IE5.5 should be 606 pixels(600 + border 3px on the left + border 3 px on the right). Height
		should be set to 456 pixels(450 + 3 +3). IE 5.5 will ignore the width attributes below the first line. These will be applied to other browsers.

		*/
		/* CSS HACK */
		width: 326px;	/* IE 5.x */
		width/* */:/**/320px;	/* Other browsers */
		width: /**/320px;
		
		/* CSS HACK */
		height: 246px;	/* IE 5.x */
		height/* */:/**/240px;	/* Other browsers */
		height: /**/240px;
		
		background: url(http://www.frcaction.org/img/webcast/HCRotImgs/slidebg.jpg);
		border:1px solid #666;
		position:relative;	/* Never change this value */
		
	}
	.imageInGallery{		
		width:320px;
		height:240px;
		background: url(http://www.frcaction.org/img/webcast/HCRotImgs/slidebg.jpg);
		
		/* Never change these 3 value */
		left:0px;
		top:0px;
		position:absolute;	
	}
	#imageSlideshowHolder img{
		position:absolute;
	}
	
	/*chris - description overlay*/
	#the_captions{
		display:none;
		}
	.imageInGallery_DESC{
		position:absolute;
		color:#FFFFFF;
		padding:30px;
		padding-top:25px;
		margin-left:30px;
		margin-top:5px;
		z-index:100;
		/*height:200px;*/
		width:240px;
		font-size:80%;
		}
	.imageInGallery_DESC h1{
		color:#99cc33;
		font-size:140%;
		margin:0px;
		padding:0px 0px 5px 0px;
		}
