/* ------------------------------------------------------------------------- */
/* standards */
/* ------------------------------------------------------------------------- */

* { 

	border: 0px; 
	padding: 0px;
	margin: 0px;

}

* { font-family: tahoma, verdana, arial; }

/* ------------------------------------------------------------------------- */
/* body and main construct */
/* ------------------------------------------------------------------------- */

body { background-color: #E0E0E0; }

#Wrapper {

	position: relative;
	
	overflow: hidden;
	 	
	margin: 0 auto;
	margin-top: 29px;
	
	padding: 29px 0px 0px 29px;
	
	width: 958px;
	
	background-color: #ffffff;

}

#Menu {

	position: absolute;
	
	width: 924px;
	height: 31px;
	
	background-image: url(images/menu-bar.gif);
	
	left: 29px;
	top: 132px;
	
	z-index: 9999; 
	
}

#Image-Panel { 

	margin: 46px 0px 0px 0px; 
		
	height: 202px;
	
	overflow: hidden;
	
}

#kwickcover { 

	position: absolute;
	right: 0px;
	
	
	top: 0px;
	
	width: 34px;
	height: 202px;
	
	background-color: #ffffff;

}

/* <div id="kwickcover"></div> */

#Base-Panel {

	position: relative;
	
	margin: 1px 0px 0px 0px;
	
	width: 924px;
	height: 310px;
	
	background-image: url(images/base-panel.gif);

}

#Content-Panel {

	position: relative;
	float: left;
	
	overflow: hidden;
	
	margin: 45px 0px 0px 0px;
	
	width: 922px;
	height: auto;
	
	border: 1px solid #929292;
		
}

#Footer-Panel {

	position: relative;
	
	width: 924px;
	height: 58px;

}

#Footer-Menu { 

	float: right; 
	margin: 7px 0px 0px 0px;
	
}

#Footer-Clear { 

	position: relative;
	
	width: 100%;
	height: 29px; 
	
}

/* ------------------------------------------------------------------------- */
/* inner page construct */
/* ------------------------------------------------------------------------- */

.Content-Intro-Container {

	margin: 10px 0px 0px 20px;

	background-color: #FAFAFA;
	width: 365px;
		
	border: 1px solid #F3F3F3; 

}

.Content-Intro-Container-Timeline {

	margin: 10px 0px 0px 20px;

	background-color: #FAFAFA;
	width: 410px;
		
	border: 1px solid #F3F3F3; 

}

#Content-Panel-Left { 

	float: left;
	
	width: 402px;

}

#Content-Panel-Right { 
	
	float: right;

	width: 510px;
	
}

#Content-Panel-Right-Grey {

	float: right;
	width: 510px;
	height: 300px;
	
	background-color: #F9F9F9;

}

#Content-Panel-Left-Timeline { 

	float: left;
	
	width: 456px;

}

#Content-Panel-Right-Timeline { 
	
	float: left;

	width: 456px;
	
}

.Content-Story {

	float: left;
	
	margin: 3px 0px 0px 0px;
	
	width: 510px;
	height: auto;
	
}

.Content-Story-Custom-01 {

	float: left;
	
	margin: 3px 0px 0px 0px;
	
	width: 510px;
	height: auto;
	
}

.Content-Image-Panel { 

	float: left;
	
	margin: 3px 0px 0px 0px;
	
	width: 510px;
	height: 147px;
	
	background-color: #F9F9F9;

}

.Content-Info-Container-Right { 

	float: right;

	width: 313px;
	height: 127px;
	
	background-color: #F9F9F9;
	
	border: 10px solid #ECECEC;
	
}

.Content-Info-Container-Right-Custom-01 { 

	float: right;

	width: 246px;
	height: 127px;
	
	background-color: #F9F9F9;
	
	border: 10px solid #ECECEC;
	
}

.Content-Info-Container-Left { 

	float: Left;

	width: 313px;
	height: 127px;
	
	background-color: #F9F9F9;
	
	border: 10px solid #ECECEC;
	
}

.Panel-Text {

	margin: 20px 0px 0px 0px;

	width: 402px;
	height: auto;

}

/* ------------------------------------------------------------------------- */
/* objects */
/* ------------------------------------------------------------------------- */

#portfolio-footer-text { 

	float: left; 
	margin: 5px 0px 0px 0px; 
	
	font-size: 13px;
	color: #969696;
	
}

#Footer-Menu-List { color: #989898; }

#Footer-Menu-List li { 

	display: inline; 
	list-style: none;
		
	margin: 0px 5px 0px 0px;
	
	font-size: 70%;
	color: #989898;
	
}

.Footer-Accessibility-Image { 

	float: right; 
	margin: 5px 0px 0px 0px; 
	
}

.Main-Inner-Image { float: left; }

.Main-Inner-Image-Top-Padding { 

	float: left; 
	margin: 3px 0px 0px 0px; 
	
}

.Main-Inner-Content-Image { 

	float: left; 
	margin: 3px 0px 0px 0px;
	
}

.Story-Image-Left { float: left; } 

.Story-Image-Right { float: Right; } 

.Intro-Image {

	float: left;
	
	margin: 0px 10px 0px 0px;
}

.Beal-Logo {

	float: left;

}

.Panel-Image {

	float: right;
	margin: 0px 0px 0px 0px;

}

.Panel-Text-Img-Start {

	float: left;

	margin: 0px 15px 15px 15px;

}

.Panel-Image-left {

	float: left;
	margin: 0px 0px 0px 0px;

}

/* ------------------------------------------------------------------------- */
/* element styles */
/* ------------------------------------------------------------------------- */

.Heading { display: none; }

.Remove-Weight { font-weight: 400; }

.Inner-Heading { 

	font-family: arial;
	
	letter-spacing: -2px;

	font-size: 240%;
	text-transform: uppercase;
	
	color: #ED1B2D;
	
	/* hide for now */
	
	display: none;

}

.Inner-Heading-Image { margin: 20px 0px 0px 20px; }	

#Footer-Menu-List a {

	color: #989898;
	text-decoration: none;

}

#Footer-Menu-List a:hover { color: #353535; }

.TitleSubHeading { 
	
	padding: 70px 0px 0px 28px;
	
	color: #ffffff;
	font-size: 90%;
	
}

.Content-Story p {

	margin: 15px 15px 15px 15px;
	
	font-size: 60%;	
	color: #717171;
	
}

.Content-Story-Custom-01 p {

	margin: 15px 15px 15px 15px;
	
	font-size: 60%;	
	color: #717171;
	
}

.Float-Right { float: right; }

.Content-Intro-Container { padding: 15px 0px 15px 15px; }

.Content-Intro-Container-Timeline { padding: 15px 0px 15px 15px; }

.Content-Intro-Container p {
	
	font-size: 60%;	
	color: #717171;
	
	margin-right: 15px;
	
}

.Content-Intro-Container-Timeline p {
	
	font-size: 60%;	
	color: #717171;
	
	margin-right: 15px;
	
}

.Contact-Divider { line-height: 8px; }

.Panel-Text b {

	margin: 0px 20px 0px 20px;
	
	font-size: 70%;

}

.Panel-Text h1 { 

	margin: 0px 20px 0px 20px;

	font-size: 100%;
	text-transform: uppercase;

}

.Panel-Text h2 { 

	margin: 0px 20px 0px 20px;

	font-size: 80%;
	text-transform: uppercase;

}

.Panel-Text p { 

	margin: 0px 20px 10px 20px;

	font-size: 70%;
	color: #000000;

}

.Panel-Text a {

	text-decoration: none;
	color: #989898;

}

.Panel-Text a:hover { color: #353535; }

.Inner-Header-Tag { 

	font-family: arial;

	float: right;
	text-align: right;
	
	margin: 57px 35px 0px 0px;
	
	font-size: 100%;
	
	color: #606060;
	
	font-weight: 400;

}

* html .Inner-Header-Tag { margin: 57px 17px 0px 0px; }

/* ------------------------------------------------------------------------- */
/* menu styles */
/* ------------------------------------------------------------------------- */

/* Root = Horizontal, Secondary = Vertical */

#navmenu {

	position: relative;
	float: left;

}

ul#navmenu {

	margin: 0;
	border: 0 none;
	padding: 0;
	/* width: 750px; removed with having two menus in header */ /*For KHTML*/ 
	list-style: none;
	height: 31px;
	z-index: 1;

}

ul#navmenu li {

	margin: 0;
	border: 0 none;
	padding: 0;
	float: left; /*For Gecko*/
	display: inline;
	list-style: none;
	position: relative;
	z-index: 1; 

}

ul#navmenu ul {

	margin: 0;
	border: 0 none;
	padding: 0;
	width: 160px;
	list-style: none;
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	z-index: 1;   
	border-bottom: 1px solid #626161;      

}

ul#navmenu ul:after /*From IE 7 lack of compliance*/{

	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;

}

ul#navmenu ul li {

	width: 160px;
	float: left; /*For IE 7 lack of compliance*/
	display: block !important;
	display: inline; /*For IE*/  

}

/* Root Menu */

ul#navmenu a {

	border-right: 1px solid #626161;

	padding: 9px 10px 8px 10px;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	display: block;

	background: #F4F4F4;

	background-image: url(images/menu-block.gif);

	color: #4B4B4B;

	/*font: bold 10px/22px Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 70%;

	text-decoration: none;
	height: auto !important;
	height: 1%; /*For IE*/

}

/* Root Menu Hover Persistence */
ul#navmenu a:hover, ul#navmenu li:hover a, ul#navmenu li.iehover a {
	
	background: #AE1C1C;
	color: #FFFFFF;

	background-image: url(images/menu-hover.gif);
	background-position: 0 0px;

	border: 0;
	border-right: 1px solid #7A7A7A;

}

/* 2nd Menu */
ul#navmenu li:hover li a, ul#navmenu li.iehover li a {

	float: none;
	background: #F3F3F3;
	color: #4B4B4B;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0px 0px;

	border: 0;
	border-right: 1px solid #626161;
	border-left: 1px none #626161; 
	
}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover, ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover, ul#navmenu li.iehover li.iehover a {

	background: #AE1C1C;
	color: #FFFFFF;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0px 21px;

	border-right: 1px solid #626161;
	border-left: 1px solid #626161;
	
}

/* 3rd Menu */
ul#navmenu li:hover li:hover li a, ul#navmenu li.iehover li.iehover li a {

	background: #F3F3F3;
	color: #4B4B4B;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0 0px; 
  
}

/* 3rd Menu Hover Persistence */
ul#navmenu li:hover li:hover li a:hover, ul#navmenu li:hover li:hover li:hover a,
ul#navmenu li.iehover li.iehover li a:hover, ul#navmenu li.iehover li.iehover li.iehover a {

	background: #AE1C1C;
	color: #FFFFFF;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0 21px;
  
}

/* 4th Menu */
ul#navmenu li:hover li:hover li:hover li a, ul#navmenu li.iehover li.iehover li.iehover li a {

	background: #F3F3F3;
	color: #4B4B4B;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0 0px;
  
}

/* 4th Menu Hover */
ul#navmenu li:hover li:hover li:hover li a:hover, ul#navmenu li.iehover li.iehover li.iehover li a:hover {

	background: #AE1C1C;
	color: #FFFFFF;

	background-image: url(images/menu-dropdown.gif);
	background-position: 0 21px;

}

ul#navmenu ul ul, ul#navmenu ul ul ul {
	
	position: absolute;
	display: none;
	
	left: 160px;
	top: 0;
  
}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul, ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul, ul#navmenu li.iehover ul ul ul { display: none; }

ul#navmenu li:hover ul, ul#navmenu ul li:hover ul, ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul, ul#navmenu ul li.iehover ul, ul#navmenu ul ul li.iehover ul { display: block; }

/* Drop Stuff fixes */
#navmenu li ul li a { padding: 3px 10px 5px 9px; margin: 0px 0px 0px 0px; }

#First-Menu-Item li { left: 1px; }

/* ------------------------------------------------------------------------- */
/* navigation menu right alignment */
/* ------------------------------------------------------------------------- */

.navmenu-right {

	position: relative;
	float: right;
	
	list-style: none;

}

.navmenu-right a {

	padding: 0px 10px 0px 10px;

	display: block;
	height: 30px;

	text-decoration: none;
	font-size: 70%;	
	
	color: #4B4B4B;

}

* html .navmenu-right a { 

	padding: 0px 10px 0px 5px;

	width: 120px; 
	
	background-image: url(images/ie6-blank-menu.gif); 
	text-align: right; 
	
}

.navmenu-right a:hover {

	/* border-right: 1px solid #7A7A7A; */

	color: #FFFFFF;
	background-image: url(images/menu-hover.gif);
	
}

.navmenu-right li {
	
	line-height: 31px; 	
	/* border-left: 1px solid #626161; */
	
}

/* ------------------------------------------------------------------------- */
/* homepage hover menu */
/* ------------------------------------------------------------------------- */

#kwick {
	position: relative;
	margin: 0 0 0 1px;
}

* html #kwick{margin: 0}
*:first-child+html #kwick{margin: 0}

#kwick .kwicks {
	display: block;
	height: 202px;
	margin: 0px;
}

#kwick li { float: left; }

li:after { content: ""; }

#kwick .kwick {
	display: block;
	cursor: pointer;
	overflow: hidden;
	height: 202px;
	width: 186px;
	background: #fff;
	border-right: 1px solid #ffffff;
}

#kwick .kwick span { display: none; }
#kwick .opt1 { background: #ffffff url(images/menu/beal1.jpg) ; }
#kwick .opt2 { background: #ffffff url(images/menu/beal2.jpg) ; }
#kwick .opt3 { background: #ffffff url(images/menu/beal3.jpg) ; }
#kwick .opt4 { background: #ffffff url(images/menu/beal4.jpg) ; }
#kwick .opt5 { background: #ffffff url(images/menu/beal5.jpg) ; border-right: 0; }

/* ------------------------------------------------------------------------- */