/*
	globalstyle provides all major styles
	for Brea Central web site.
	
	Created: 04/13/2006
	version: 2.0
	Author: Chris Mohsenin, Jennifer Ramirez

	Header section = #bravo, #charlie
	Content section = #delta, #golf, #echo, #foxtrot
	Footer section = #hotel, #india
*/

/* body for all pages set*/
body {
	margin: 0 0 0 0;

}


/* Base layer */
#alpha {
	margin: 0 0 0 0;
}

/* Header layer. also incorporates #charlie layer */
#bravo {
	margin: 0 0 0 0;
	width: 100%;
	height: 110px;
	background-image:url(image/bravo_v2_bg.gif);
	background-repeat: repeat-x;
	
}

/* charlie layer for nav bar. sits over #bravo layer*/
#charlie {
	height: 30px;

}

/*logo layer for the Brea logo*/
#logo {
	position:relative;
	margin: 0 0 0 0;
	height: 80px;
	

	
}

/* delta layer is the sub layer for the content structure can include super layers */
#delta {
	margin: 0 0 0 0;
	width: 100%;
	height: 500px;
}

/* echo layer is superior to delta and main content */
#echo {
	width: 600px;
	margin: 0 0 0 105px;
	height: 300px;
	overflow:auto;
	
}

/* foxtrot layer is superior delta and is used for smenu */
#foxtrot {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	height: 163px;
	width: 95px;
	position: absolute;
	left: 755px;
	top: 130px;
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #999999;
	padding: 10px 0 0 10px;
	z-index: 6;

} 

/* golf layer is superior to delta and is the left margin adjacent to echo*/
#golf {
	margin: 0 0 0 0;
	width: 80px;
	height: 300px;
	position: absolute;
	top: 115px;
	left: 1px;
	z-index: 2;
	visibility:hidden;
	padding-left:5px;
}


/* hotel layer is the sub layer for the footer section */
/*#hotel {
	position:absolute;
	width: 100%;
	height: 24px;
}

*/
/* india superior to hotel layer part of footer section */
#india {
	position:absolute;
	width: 100%;
	height: 45px;
	z-index: 7;
	top: 537px;
	left: -4px;
}

#india_index {
	position:absolute;
	width: 100%;
	height: 45px;
	z-index: 7;
	top: 375px;
	left: -2px;
}



/*disclaim superior to india layer. part of the footer section*/
#disclaim {
	color: #666666;
	position: absolute;
	margin-right: 20px;
	z-index: 1;
	left: 5px;
	top: 7px;
	
}

/*update superior to india layer. part of the footer section*/
#update {
	color: #666666;
	text-align: right;
	position: relative;
	margin-left: 3%;
	right:28px;
}

#indexbg {
	margin: 5px 0 0 0;
	height: 260px;
	background-image:url(image/renderFrtView_1286_238.jpg);
	background-repeat: no-repeat;
}

/* smenu */
#smenu {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	height: 163px;
	width: 95px;
	position: absolute;
	left: 655px;
	top: 10px;
	border-left-style: solid;
	border-left-width: thin;
	border-left-color: #999999;
	z-index: 2;
	padding-left: 10px;
	color: #636D83;
	padding-top: 15px;
}

/* surveyanim superior to foxtrot. Floating layer for survey image. */

#surveyanim {
	width: 75px;
	height: 83px;
	padding-left: 1px;
	position: absolute;
	float: right;
	visibility: visible;
	
}

/*
	The section below is reserved for the content layers.
	
	about.html uses #about
	community.html uses #resfind, #events, #faq
	development.html uses #plans, #statrep
*/

#about {
	width: 600px;
	height: 300px;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	
	
	

}

#resfind {
	width: 550px;
	height: 100%;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	position: absolute;
	z-index: 3;
	visibility: visible;
}

#events {
	width: 550px;
	height: 100%;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	position: absolute;
	z-index: 4;
	visibility: hidden;
}

#faq {
	width: 660px;
	font: "Times New Roman", Times, serif;
	font-size:12px;
	vertical-align:text-top;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 0px;
	z-index: 5;
	visibility: visible;
	position: absolute;
	height: 300px;
	overflow:auto;
	left: 80px;
}

#add_links {
	width: 550px;
	height: 100%;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	position: absolute;
	z-index: 6;
	visibility: visible;
}

#plans {
	width: 550px;
	height: 100%;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	position: absolute;
	z-index: 1;
	visibility: visible;
}

#statrep {
	width: 550px;
	height: 100%;
	font: "Times New Roman", Times, serif;
	line-height: 20px;
	letter-spacing: 1px;
	text-indent: 1cm;
	margin-top: 25px;
	margin-left: 25px;
	margin-right: 25px;
	position: absolute;
	z-index: 2;
	visibility: hidden;
}

#delta_dev {
	margin: 0 0 0 0;
	width: 100%;
	height: 430px;
	position:absolute;
	background-image:url(image/diagram_v1_338x200.gif);
	background-repeat:repeat;
	
}

#meet {
	position:absolute;
	width:530px;
	height:79px;
	left: 1px;
	top: 174px;

}