/*
Colors



*/


/*
Sections

-layout
-general
-header
-nav
-home
-footer

/*




/* layout      - - - - - - - - - - - - - - - - - - -    */

body{background: #f4f4f4;
	margin: 0px;
	padding: 0px;
    text-align: center; /* for IE */
	}
	 
	
	
	
	
	


a{
	color: #ff6600;
	text-decoration: none;
} 
a:hover{
	color: #666666;
} 

h1 {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0 0 5px 0;
}

h2 {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:0 0 5px 0;
}

h5 {
	color: #333333;
	font: bold 16px/100% "Arial", Arial, sans-serif; margin:15px 0 5px 0;
}

h3 {
	color: #ff6600;
	font: bold 14px/100% "Arial", Arial, sans-serif; margin:0 0 0 0;
}


h4 {
	color: #ff6600;
	font: bold 14px/100% "Arial", Arial, sans-serif; margin:0;
}

h6 {
	color: #ff6600;
	font: bold 13px/100% "Arial", Arial, sans-serif;
}

.section {
	color: #ff6600;
	font: bold 15px/100% "Arial", Arial, sans-serif;
	text-decoration: underline;
}

.section2 {
	color: #ff6600;
	font: bold 15px/100% "Arial", Arial, sans-serif;
	text-decoration: none;
}

 {
	color: #ff6600;
	font: 13px/100% "Arial", Arial, sans-serif;
}

.hr  {background:#e7e7e7; height:1px; width:900; margin:25px 0 1px 0}



.container {width: 916px; 
          margin-left: auto;
          margin-right: auto;
		  background: url('http://www.lyonspr.com/new/images/right-border.jpg') repeat-y right 11px;
		  }
		  
.container-left {background: url('http://www.lyonspr.com/new/images/left-border.jpg') repeat-y left 11px;
          margin-left: auto;
          margin-right: auto;
		  display: block;}	


.wrapper {width: 900px; 
          margin-left: auto;
          margin-right: auto;
		  float:center;
		  background:#ffffff;
		  text-align: left; /* counter the body center */}


.divider {background: url('http://www.lyonspr.com/new/images/divider.png') repeat-y right; widht:3px;}		  
			
.text{width:630px; margin:0px 0 20px 0;}
.small  {font: 10px "Arial", sans-serif; color:#333333;}
.odd{background:#f1f1f1; width:285px; padding:5px 0 5px 0; }
.even{background:#ffffff; padding:5px 0 5px 0; width:285px}
.odd-wide{background:#f1f1f1; width:612px; padding:3px 0 3px 0;}
.even-wide{background:#ffffff; padding:3px 0 3px 0;}
.dotted-hr {width:100%; border-top:1px dotted #e7e7e7; border-bottom:1px dotted #e7e7e7; padding:8px 0 8px 0; margin:6px 0 12px 0;}
.left-border {background: url(images/left-border.jpg);}
.header {background: url(images/header.png); width:900px}
.banner {background: url(images/banner.jpg); width:900px}
.navigation {background: url(http://www.lyonspr.com/new/images/navigation.png); width:900px; height:36px; color:#ffffff; font: 16px "Arial", sans-serif;}
.copy-body {width:900px; margin:40px 0 0 0;}
.copy-left {padding:0 20px 0 20px; width:630px; font: 13px "Arial", sans-serif; color:#333333; line-height:140%; background: url('http://www.lyonspr.com/new/images/divider.png') repeat-y right;}
.copy-left-bigger {padding:0 0px 0 0px; width:630px; font: 14px "Arial", sans-serif; color:#333333; line-height:140%; }
.copy-left-indented{padding:14px 0px 14px 8px; width:622px; font: 13px "Arial", sans-serif; color:#333333; line-height:140%; }
.copy-right {margin:0 22px 0 0;float:right; width:186px; font: 11px "Arial", sans-serif; color:#333333; line-height:170%;   }
.footer {background:#f4f4f4; height:100%; width:900px;}
.footer-left {padding:15px 0 15px 32px; font: 10px bold "Arial", sans-serif; color:#333333; line-height:170% }
.footer-right {float:right; padding:50px 32px 15px 15px; font: 9px bold "Arial", sans-serif; color:#333333; line-height:170% }
.audio-file { font: 13px "Arial", sans-serif; color:#333333; line-height:170%; font-weight:900} }
a.gray:link {color:#333333;}
.right-arrow {margin:0 4px 0 12px}
.play-button-small {margin:5px 0px 5px 10px; }
.listen-description {padding:3px 0px 3px 15px; width:570px; font: 13px "Arial", sans-serif; color:#333333; line-height:140% }
.listen-description-orange {padding:3px 0px 3px 0px; width:570px; font: 13px "Arial", sans-serif; color:#ff6600; line-height:140% }
.highlight {color: #ff6600; font: 13px/100% "Arial", Arial, sans-serif;}
.sample {font: 13px "Arial", sans-serif, bold; color:#ff6600; line-height:170%; }
.copy-small {font: 11px "Arial", sans-serif; color:#333333; line-height:170%;   }
.samples-header {font: 14px "Arial" , sans-serif; color:#ff6600; line-height:170%; padding 0 0 5px 0; font-weight: bold; }
.read-more{background:#ffffff; padding:5px 0 5px 0; width:265px}

#bullets-padding {padding:5px;}

#nav  
{
  padding: 0 0 0 0;
  width: 900px;
  height: 36px;
  background: url(http://www.lyonspr.com/new/images/navigation.png) bottom left repeat-x;
  color:#ffffff;
  font: .75em "Arial", sans-serif;
  font-weight:600;
}



#nav ul
{
list-style: none;
padding: 0;
margin: 0;

}

#nav li
{
float: left;
margin: 0;

}

#nav li a
{
height: 2em;
line-height: 3em;
float: left;
display: block;
text-decoration: none;
text-align: center;
color:#ffffff;
width:150px;
height:36px
}



#nav li a:hover
{
height: 2em;
line-height: 3em;
background: url(http://www.lyonspr.com/new/images/nav-button-on.png) bottom left repeat-x;
float: left;
display: block;
text-decoration: none;
text-align: center;
color:#ffffff;
width:150px;
height:36px
}

#nav li a:active
{
height: 2em;
line-height: 3em;
background: url(http://www.lyonspr.com/new/images/nav-button-on.png) bottom left repeat-x;
float: left;
display: block;

text-decoration: none;
text-align: center;
color:#ffffff;
width:150px;
height:36px
}

#nav li ul { /* second-level lists */
	position: absolute;
 display: block;
  left: -999em;
  padding: 0 0 0 0;
  margin: 36px 0 0 -50px;
  background: url("http://www.lyonspr.com/new/images/nav-button-on.png") bottom left repeat-x;
  width: 150px; 
}



#nav li ul li {
  margin: 0;
  border: solid #959595;
  border-width: 0 1px;
  background: #ce5200;
  width:225px;
}


#nav li ul li a {
  margin: 0;
  padding: 0 0 0 5px;
  color: #fff;
  display: block;
  text-align: left;
  width:225px;
}

#nav li:hover ul li a, #nav li.sfhover ul li a{
  background: none; 
  text-align: left;
  padding: 0 0 0 5px;
  display: block;
  
}

#nav li ul li a:hover {
  background: #7a7978;
  width: 220px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li:hover, #nav li.sfhover {
  position: static;
}


/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: left
}
/* End hide */