
* { padding: 0; margin: 0; }
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src="../css/ele_transgif.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

body {
 font-family: Verdana, Helvetica, sans-serif;
 font-size: 13px;
}
#wrapper { 
 display: block;
 margin: 25px auto 0px auto;
 width: 920px;
}
#header {
 color: #333;
 width: 900px;
 padding: 10px;
 height: 65px;
 background: #fff;
}
#headergraphic {
 display: block;
 position: relative;
 width: 946px;
 height: 115px;
 top: -11px;
 left: -36px;
 z-index:100;
}
#photo {
 position: relative;
 color: #333;
 width: 920px;
 height: 120px;
 margin: -1px 0px 0px 0px;
 _margin: -107px 0px 0px 0px;
 background: #ffffff;
 z-index:90;
 overflow: hidden;
}
#photo img.bar{
 position: relative;
 height: 120px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;

}
#photo p {
 padding: 0px 0px 0px 0px;
 height: 120px;
 margin: 0px 0px 0px 0px;
 line-height: 0px;
 font-size: 0px;
 overflow: hidden;
}

#portrait {
 position: absolute;
 margin: 0 auto;
 margin-left: +410px;
 width: 288px;
 top: 227px;
}
#hpgirl {
 position: absolute;
 display: block;
 margin: 0 auto;
 width: 300px;
 top: 230px;
 _top: 200px;
 margin-left: +397px;
}



/*CORE FRAME*/


#leftcolumn { 
 position: relative;
 display: inline;
 border: 0px #686a69 solid;
 color: #333;
 background: url('../images/ele_navbackgnd.jpg');
 background-repeat: no-repeat;
 width: 160px;
 float: left;
}
#contentwrapper {
 position: relative;
 display: inline;
 float: right;
 width: 760px;
 border: 0px #686a69 solid;
 background: url('../images/ele_rightcolbkgnd.jpg');
 background-repeat:repeat-y;
 background-position: top right;
}



/*CONTENT FRAMING*/


#center { 
 display: inline;
 border: 0px #686a69 solid;
 color: #333;
 padding: 15px;
 width: 475px;
 border: 0px #686a69 solid;
 float: left;

}
#center p {
 font-size: 11px; 
 _font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 140%;
 color: #3c3c3c;
 margin: 0px 5px 10px 15px;
}
#center p a:link{
	color: #793976;
	text-decoration: none;
}
#center p a:visited{
	color: #793976;
	text-decoration: none;
}
#center p a:hover{
	color: #793976;
	text-decoration: underline;
}
#center p a:active{
	color: #793976;
	text-decoration: none;
}
#center p.first {
 margin: 0px 5px 0px 15px;
}
#center p.firstportrait {
 margin: 0px 5px 14px 15px;
 width: 260px;
}
#center p.shoppeintro {
 margin: 0px 5px 14px 15px;
 width: 260px;
 font-weight: bold;
}
#center p.hpgirl350 {
 margin: 0px 5px 14px 15px;
 width: 350px;
}
#center p.hpgirl300 {
 margin: 0px 5px 10px 15px;
 width: 300px;
}
#center p.hpgirl250 {
 margin: 0px 5px 10px 15px;
 width: 250px;
}
#center p.hpgirl200 {
 margin: 0px 5px 10px 15px;
 width: 200px;
}
#center p.calendar {
 margin: 12px 0px 0px 0px;
}
#center h3 {
 font-size: 13px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 140%;
 color: #793976;
 margin: 20px 5px 3px 15px;
}
#center h3 a:link{
	color: #793976;
	text-decoration: none;
}
#center h3 a:visited{
	color: #793976;
	text-decoration: none;
}
#center h3 a:hover{
	color: #793976;
	text-decoration: underline;
}
#center h3 a:active{
	color: #793976;
	text-decoration: none;
}
#center h3.first {
 font-size: 12px; 
 _font-size: 13px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 140%;
 color: #793976;
 margin: 5px 5px 3px 15px;
}
#center h3.eventcal {
 color: #709f2c;
 margin: 5px 5px 10px 15px;
}
#center h3.news {
 color: #793976;
 margin: 20px 5px 3px 15px;
}
.newstitle {
 color: #e66c1b;
 font-size: 12px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
}
.newscredit {
 font-size: 9px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 color: #818181;
}
img.imgnews {
  margin: 5px 10px 0px 0px;
  float:left;
}
.clickontext {
 font-size: 9px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-weight: normal;
 line-height: 120%;
 color: #3c3c3c;
 margin: 0px 0px 0px 0px;
}
#rightcolumn {
 display: inline;
 border: 0px #686a69 solid;
 float: right;
 color: #fff;
 width: 195px;
}
#rightcolumn p.testimonials {
 font-size: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
 font-weight: bold;
 line-height: 150%;
 margin: 25px 25px 0px 0px;
 _margin: 25px 10px 0px 25px;

}
#rightcolumn p.photobuttons {
 line-height: 180%;
 margin: 40px 20px 0px -29px;
 _margin: 40px 0px 0px 0px;
}



/*FOOTER*/

#footer { 
 position: relative;
 border: 0px #686a69 solid;
 width: 920px;
 clear: both;
 color: #333;
 margin: 0px 0px 0px 0px;
 z-index:100;
}
#footer h3 { 
 position: relative;
 top: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 10px; 
 font-weight: normal;
 color: #d7beda;
 margin: -137px 0px 0px 25px;
}
#footer a:link{
	color: #d7beda;
	text-decoration: none;
}
#footer a:visited{
	color: #d7beda;
	text-decoration: none;
}
#footer a:hover{
	color: #fff;
	text-decoration: underline;
}
#footer a:active{
	color: #d7beda;
	text-decoration: none;
}




/*NAVIGATION SPACING AND COLORSCHEME*/

.arrowlistmenu{
 border: 0px #686a69 solid;
position: relative;
width: 139px; /*width of accordion menu*/
margin: 25px 0px 0px 4px;
top: 0px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-family: Verdana, Arial, Helvetica, sans-serif;
_font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px; 
color: #793976;
margin-bottom: 2px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 6px 0 6px 0px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader a:link{
	color: #793976;
	text-decoration: none;
}
.arrowlistmenu .menuheader a:visited{
	color: #793976;
	text-decoration: none;
}
.arrowlistmenu .menuheader a:hover{
	color: #793976;
	text-decoration: none;
}
.arrowlistmenu .menuheader a:active{
	color: #793976;
	text-decoration: none;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
font-weight: bold;
color: #e66c1b;
}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{
color: #e66c1b;
display: block;
padding: 2px 0;
padding-left: 9px; /*link text is indented 19px*/
text-decoration: none;
font-size: 12px; 
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-weight: normal;
text-decoration: underline;
}
.openlanguage{ /*class added to contents of 2nd demo when they are open*/
color: green;
}
.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
color: red;
}



/*GLOBALS*/

#breadcrumbs {
 font-size: 9px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 line-height: 140%;
 color: #7b7b7b;
 margin: 50px 0px 20px 15px;
 text-transform: uppercase;
}
#breadcrumbs a:link{
	color: #7b7b7b;
	text-decoration: none;
}
#breadcrumbs a:visited{
	color: #7b7b7b;
	text-decoration: none;
}
#breadcrumbs a:hover{
	color: #793976;
	text-decoration: underline;
}
#breadcrumbs a:active{
	color: #7b7b7b;
	text-decoration: none;
}
.social {
	position: relative;
	left: 640px;
	top: -100px;
	z-index:1100;
}
.caption {
 font-size: 9px; 
}

.author {
 color: #7b7b7b;
 font-size: 9px; 
 font-weight: normal;
 font-style: italic;
 line-height: 140%;
}
.author a:link{
	color: #793976;
	text-decoration: none;
}
.author a:visited{
	color: #793976;
	text-decoration: none;
}
.author a:hover{
	color: #793976;
	text-decoration: underline;
}
.author a:active{
	color: #793976;
	text-decoration: none;
}

.prlink {
 color: #7b7b7b;
 font-size: 10px; 
 font-weight: normal;
 font-style: italic;
 line-height: 140%;
}
.prlink a:link{
	color: #d99f21;
	text-decoration: none;
}
.prlink a:visited{
	color: #d99f21;
	text-decoration: none;
}
.prlink a:hover{
	color: #cd8024;
	text-decoration: underline;
}
.prlink a:active{
	color: #d99f21;
	text-decoration: none;
}


/*SHOPPES TABLES*/

table#shoppes {
  width: 475px;
  border-spacing: 0px;
  margin: 0px 0px 0px 15px;
  _margin: 10px 0px 0px 0px;
}
table#shoppes td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  _font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; 
  width: 157px;
  text-align: center;
  padding: 0px 0px 25px 0px;
}

table#shoppes a:link{
	color: #793976;
	text-decoration: none;
}
table#shoppes a:visited{
	color: #793976;
	text-decoration: none;
}
table#shoppes a:hover{
	color: #793976;
	text-decoration: underline;
}
table#shoppes a:active{
	color: #793976;
	text-decoration: none;
}


/*FLYERS TABLES*/

table#flyers {
  width: 475px;
  border-spacing: 0px;
  margin: 0px 0px 0px 15px;
  _margin: 10px 0px 0px 0px;
}
table#flyers td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  _font-family: Arial, Helvetica, sans-serif;
  font-size: 10px; 
  width: 157px;
  padding: 0px 0px 15px 0px;
  text-align: center;
}

table#flyers a:link{
	color: #793976;
	text-decoration: none;
}
table#flyers a:visited{
	color: #793976;
	text-decoration: none;
}
table#flyers a:hover{
	color: #793976;
	text-decoration: underline;
}
table#flyers a:active{
	color: #793976;
	text-decoration: none;
}


/*STANDARD TABLES*/


.headgray {
 color: #5c5c5c;
 font-size: 11px; 
 font-weight: bold;
 font-style: italic;
}
.headpurple {
 color: #793976;
 font-size: 11px; 
 font-weight: bold;
 line-height: 190%; 
}
.headpurplenews {
 color: #793976;
 font-size: 11px; 
 font-weight: bold;
 line-height: 130%; 
}
.headpurplebio {
 color: #793976;
 font-size: 12px; 
 font-weight: bold;
 line-height: 130%; 
}
.headpurplebio a:link{
	color: #793976;
	text-decoration: none;
}
.headpurplebio a:visited{
	color: #793976;
	text-decoration: none;
}
.headpurplebio a:hover{
	color: #793976;
	text-decoration: underline;
}
.headpurplebio a:active{
	color: #793976;
	text-decoration: none;
}
.headgraybio {
 color: #5c5c5c;
 font-size: 11px; 
 font-weight: normal;
 font-style: italic;
 margin: 0px 0px -8px 0px;
}
table#standard {
  width: 470px;
  border-spacing: 0px;
  margin: 0px 0px 0px 15px;
}
table#standardsmall {
  width: 480px;
  border-spacing: 0px;
  margin: 0px 0px 0px 15px;
}
table#standard td {
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  _font-family: Arial, Helvetica, sans-serif;
  line-height: 140%;
  padding: 0px 5px 0px 0px;
}
table#standardsmall td {
  font-size: 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  _font-family: Arial, Helvetica, sans-serif;
  line-height: 140%;
  padding: 0px 5px 0px 0px;
}

table#flyers a:link{
	color: #793976;
	text-decoration: none;
}
table#flyers a:visited{
	color: #793976;
	text-decoration: none;
}
table#flyers a:hover{
	color: #793976;
	text-decoration: underline;
}
table#flyers a:active{
	color: #793976;
	text-decoration: none;
}

p { 
	margin: 0; 
	padding: 0; 
}