/*----------------------------------------
* primary css file for FreeStagePlots.com
* ----------------------------------------
* 1.00 (cheth) 2009-Jan-28 initial implementation
* 1.01 (cheth) 2009-Mar-05 create logo area
* 1.02 (cheth) 2009-Mar-11 solidify
*-----------------------------------------
*/

body {
	margin: 0px;
	padding: 0px;
	font:13px arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
 	background-color="#eeeeee"
}

input {
	font:13px arial,helvetica,clean,sans-serif;
}

textarea {
	font:13px arial,helvetica,clean,sans-serif;
}

H1 {
	font:30px arial,helvetica,clean,sans-serif;
	line-height:30px;
}

a	{
	text-decoration: underline;
	color: #333333;
}

/*--------------------
* FreeStagePlots logo
* --------------------
*/

#fsp-topLogoArea {
	position:absolute; 
	top:0px;
	left:0px;
	height: 100px;
	width: 652px;
	background-color:#999999;
	margin:0;
	padding:0;
}

.topLogoImage {
	background-image: url(/pix/fsp_logo.jpg);
	background-repeat: no-repeat;
}

/*--------------------
* FreeStagePlots menu
* --------------------
*/

#fsp-menu-tab {
	position:absolute;
	top:0px;
	left:675px;
	left:590px;
	height:22px;
	width:300px;
	background-image: url(/pix/menu_tab.png);
	background-repeat: no-repeat;
	text-align: center;
	color: #ffffff;
}

#fsp-menu-tab a {
	color: #222222;
	font-size: 1.14em;
	font-weight: bold;
	padding-left: 7px;
	padding-right: 7px;
}

#fsp-news-flash {
	position: absolute;
	top:30px;
	left: 675px;
	width: 180px;
	height: 160px;
/*	background-color: #345678; */
	text-align: center;
	color: #111111;
	font-size: 1.2em;
	foxt-weight: bold;
	font-style: italic;
	padding-left: 10px;
	padding-right: 10px;
	overflow: auto;
}	
	
/*----
* ads
* ----
*/

#fsp-google-square {
	position: absolute;
	top:30px;
	left: 675px;
	width: 200px;
	height: 200px;
}	
	
#fsp-google-skyscraper {
	position: absolute;
	top:30px;
	top:0px;
	left: 890px;
	width: 120px;
	height: 600px;
}	
#fsp-google-banner {
	position: absolute;
	top:1000px;
	left: 5px;
	width: 728px;
	height: 90px;
	}
	
#fsp-bottom-banner {
	position: absolute;
	top:1100px;
	left: 5px;
	width: 728px;
	height: 90px;
	}
/*------------------------
* page layout (left-half)
* ------------------------
*/

#fsp-questions {
	position:absolute;
	top:100px;
	left:5px;
	color:#999999;
}

#fsp-BackStage {
	position:absolute;
	top:193px;
	left:265px;
	color:#999999;
}

#fsp-stage {
	position:absolute;
	top:210px;
	left:5px;
}

#fsp-audience {
	position:absolute;
	top:813px;
	left:270px;
	color:#999999;
}

#fsp-trash {
	position:absolute;
	top:840px;
	left:100px;
	width:400px;
	height:100px;
	background-color:#888888;
	padding: 10px 15px 10px 0px;
	color:#dddddd;
	text-align: center;
	z-index: 100;	/* arbitrarily high to hide icons */
}

#fsp-footer {
	position:absolute;
	top:980px;
	left:20px;
}

/*-------------------------
* page layout (right half)
* -------------------------
*/

.fsp-caption {
	position:absolute;
	top:30px;
	top:210px;
	left:675px;
}

.fsp-icon-radio {
	position:absolute;
	top:70px;
	top:250px;
	left:675px;
}

.fsp-icon-block {
	position:absolute;
	top:190px;
	top:350px;
	left:675px;
}

/*-------------------------
* page layout (other pages)
* -------------------------
*/

#fsp-pages {
	position:absolute;
	top: 100px;
	left: 10px;
}

#fsp-pages-footer {
	position: relative;
	top: 50px;
	color: #000000;
}

/*---------
* faq page
* ---------
*/

.faq-question {
	padding-top: 10px;
	font-size: 1.3em;
	font-weight: bold;
}

.faq-answer {
	list-style-type: none;
}

/*--------------------
* cosmetic appearance
* --------------------
*/

.stronger {
	font-size: 1.2em;
	font-weight: bold;
}

.family_title {
	color: #aaaaaa;
}

.welcome_instructions {
	color: #bbbbbb;
}

.radio_families {
	background-color: #e4e4e4;
/*	border: inset 1px #666666; */
}