/* 6_BranchProfile.css style sheet for layout 6_BranchProfile.aspx */

#BRANCHAREAHEADER	{clear: both; width:780px; min-height: 200px; _height: 163px; margin-left: auto; margin-right: auto; position:relative; z-index:0; background-repeat:no-repeat; }

#BRANCHTITLE		{width:540px; min-height: 36px; _height:36px; margin-right: auto; position:relative; z-index:0; text-align: left; background-color: #ffffff;  background-repeat:repeat-x; vertical-align: baseline; background-position: left bottom;}

#BRANCHBODY			{clear: both; width:780px; margin-left: auto; margin-right: auto; position:relative; z-index:0; min-height: 400px; _height: 400px; }

.branch_left		{float: left; width:240px; text-align: left;}
.branch_right		{float: right; width:540px; text-align: left;}

.addressspace		{clear: both; padding: 15px 0 0 15px;}
.phonespace			{clear: both; padding: 8px 0 0 15px;}


.rowtitteleft		{clear: both; width: 239px; padding: 4px 0 0 0; background-color: #F78F20;}
.rowtitteright		{clear: both; width: 540px; padding: 4px 0 0 0; background-color: #F78F20;}
.rowcontent			{clear: both; width: 240px; padding: 1px 0 0 0; background-color: #FBF9E2; margin: auto; text-align: center;}
.sidebarcontent		{clear: both; width: 240px; padding: 1px 0 0 0; background-color: #FBF9E2; margin: auto;}

.leftsidespace		{clear: both; text-align: left; padding: 10px 10px 0 10px;}
.branchimage		{width: 222px; height: 148px;}

.buttonlogin			{float: left; padding: 1px 8px 0 0;}
.searchby				{float: right; padding: 0 3px 0 0;}
.searchfield			{float: left;}
.buttonfind				{float: left; padding: 0; margin: 1px 8px 0 0;}
.buttongo				{float: right; padding: 0; margin: 1px 0 0 0;}

/* ----------------------- EVANCED STYLES ------------------- */

/**************************************************************/
/*** The following style settings control the event display ***/
/**************************************************************/
/* The examples only show basic manipulation of the data. */
/* Addtional style attributes such as color, background, etc can also be applied */

/*** eventsinfo class - style for events container (could be set to auto scroll ***/
.eventsinfo
{
	/*overflow:auto;*/
	font-size: 14px;
	width:500px;
	padding:0;
	margin:0px;

}

.eventsinfo #eventtitle
{
	top:0mm;
	width:250px;
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	float:left;	/* Set float so eventtime DIV will appear to the right of event title */
}

.eventsinfo #eventtime
{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color:#F78F20;
	
}

/*** Example of hiding the Description field ***/
.eventsinfo #eventdescription
{
	line-height: 18px;
	font-size: 14px;
	clear: left; /* Set clear so the event description (if displayed) will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlocation
{
	clear: both; /* Set clear so the event location will appear below */
				 /*	the event title and event time instead of floating to the event title line */
				 /*	in case the event title wraps onto the second line. */
}

.eventsinfo #eventlibrary
{
	font-size: 14px;
	line-height: 35px;
	font-weight: bold;
	color:#F78F20;
	margin: 0 0 15px 0;
	border-bottom: solid 1px #FAC297;

	
	
}