@charset "UTF-8";
/* CSS Document */

/* universal styles */

body {
background: #fff0cf url(../images/bg.jpg) repeat-x;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

body.white {
background: white;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}

a img {
border: none;
}

a {
color: #ec7a2d;
}


#bannerwrap {
background: url(../images/banner_bg.jpg) repeat-x;
margin:0px;
padding:0px;
height: 92px;
}

#bannerwrap a img {
	width: 800px;
	margin: 0px auto;
	padding: 0px;
	display: block;
}

#wrap {
margin: 0px auto;
padding: 0px;
width: 800px;
}

/** navigation styles **/


ul#navigation {
list-style: none;
width: 800px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: center;
}

ul#navigation li {
display:inline;
margin: 0px;
padding: 0px 1px;
}

ul#navigation li a {
color: #55717F;
text-decoration: none;
font-size: 14px;
padding: 7px 7px;
margin: 0px;
background: #fff0cf;
display: inline-block;
}

ul#navigation li a:hover, ul#navigation li a.active {
background: white;
}

ul#navigation li a.audio {
background: #ec7a2d;
color: white;
}

ul#navigation li a.audio:hover {
background: white;
color: #55717F;
}

/** home page styles **/

#intro {
margin: 20px 0px 0px 0px;
padding:0px;
width: 800px;
background: #55717F;
}

#intro img {
padding: 10px 10px 5px 10px;
margin: 0px;
}

#intro h1 {
padding: 10px 20px 15px 20px;
margin: 0px;
font-size: 1.15em;
line-height: 1.3em;
font-weight: normal;
font-family: Arial, Helvetica, sans-serif;
color: #b0c6d1;
}

#intro h1 strong {
color: white;
font-weight: normal;
}

#events {
background: url(../images/events_header.jpg) no-repeat;
margin: 10px 0px 0px 0px;
padding: 0px;
float: left;
width: 260px;
}

#events h2 {
font-size: 13px;
text-transform: uppercase;
margin: 0px;
padding: 10px 10px 20px 20px;
}

#events h2 a {
color: white;
}

#events h3 {
color: #666666;
font-size: 12px;
font-weight:bold;
margin: 0px;
padding: 0px 20px;
}

#events h4 {
color: #666666;
font-size: 12px;
font-weight:normal;
font-style:italic;
margin: 0px;
padding: 0px 20px 15px 20px;
}

#highlights {
margin: 0px 0px 0px 275px;
padding: 0px;
width: 510px;}

#highlights a:hover {
color: #ec7a2d;
}

#highlights h2 {
font-size: 15px;
margin: 0px;
padding: 10px 0px 5px 0px;
}

#highlights h2 a {
color: #55717F;
text-decoration: none;
}


#highlights p {
font-size: 12px;
color:#666666;
line-height: 15px;
margin: 0px;
padding: 0px 10px 0px 0px;
height: 150px;
}

#highlights a img {
border: 2px solid #55717F;
padding: 0px;
margin: 0px 10px 0px 0px;
}

#highlights a:hover img {
border: 2px solid #ec7a2d;
}

#lefthighlight {
width: 250px;
margin: 0px;
padding: 0px;
float: left;
}

#righthighlight {
width: 250px;
margin: 0px 0px 0px 255px;
padding: 0px;
}

/** interior styles **/

#left { 
width: 530px;
margin: 30px 0px 0px 0px;
padding: 0px;
float: left;
display: inline;
background: white;
}

#leftaudio { 
width: 800px;
margin: 30px 0px 0px 0px;
padding: 0px;
float: left;
background: white;
}

#leftaudio iframe {
padding: 0px 30px;
}

#left img {
padding: 0px 10px 0px 0px;
margin: 0px;
float:left;
}

#left img.main {
padding: 15px;
}


#left img.logo {
padding: 20px 0px 0px 20px;
}

#left h1, #leftaudio h1 {
font-size: 23px;
color: #006699;
text-transform:uppercase;
letter-spacing:1px;
padding: 20px 20px 20px 20px;
margin: 0px;
}

#left h2 {
font-size: 16px;
color: #006699;
padding: 10px 20px 10px 20px;
margin: 0px;
}

#left h3 {
font-size: 13px;
color: #666;
padding: 10px 20px 3px 20px;
margin: 0px;
}

#left a.all {
padding: 0px 20px 10px 20px;
color: #006699;
font-size: 11px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
}

#left a.all:hover {
text-decoration: none;
}

#left h4 a{
color: #EC7A2D;
}

#left h4 a:hover {
text-decoration: none;
}

#left h4 {
font-size: 12px;
color: #666;
padding: 10px 0px 0px 20px;
margin: 0px;
}

#left h2.line {
border-top: 3px solid #fff0cf;
}

#left #speakers h3 {
font-size: 11px;
color: #55717F;
padding: 0px 5px;
margin: 0px;
}

#left h3 a {
color: #666;
}

#left #speakers h4 {
font-size: 11px;
color: #55717F;
padding: 0px 5px;
margin: 0px;
font-weight:normal;
font-style:italic;
}

#left p {
font-size: 13px;
color:#666666;
line-height: 17px;
padding: 0px 20px 20px 20px;
margin: 0px;
}

#left p.indent {
padding: 0px 45px 20px 45px;
}

#left ul {
font-size: 13px;
color:#666666;
line-height: 17px;
padding: 0px 20px 20px 20px;
margin: 0px 0px 0px 20px;
}

#left ol {
font-size: 13px;
color:#666666;
line-height: 17px;
padding: 0px 20px 20px 20px;
margin: 0px 0px 0px 20px;
}

#left p a {
color: #EC7A2D;
}

#left p.intro {
color: #006699;
font-size:20px;
line-height: 26px;
padding: 0px 20px 20px 20px;
margin: 0px;
}

#left p strong {
color: #006699;
font-size: 15px;
}

/** read articles online section **/

#articles {
width: 530px;
margin: 0px;
padding: 0px 0px 20px 0px;
background: white;
border-top: 10px solid #fff0cf;
}

#articles td {
vertical-align: top;
width: 175px;
}

#articles p.articles {
width: 130px;
font-size:11px;
line-height: 11px;
padding: 0px 0px 0px 20px;
margin: 0px;
}


/** standard sidebar styles **/

#sidebar {
width: 265px;
margin: 0px 0px 0px 530px;
padding: 0px;
}

#sidebar h2 {
color: #EC7A2D;
font-size: 16px;
font-weight:bold;
margin: 0px;
padding: 30px 0px 20px 30px;
text-transform: uppercase;
letter-spacing:1px;
}

#sidebar h2.buttons {
margin: 0px;
padding: 30px 0px 0px 30px;
}

#sidebar h2 a {
font-size: 13px;
background:#EC7A2D;
color: white;
padding: 7px 10px;
margin: 0px;
text-decoration: none;
text-transform:none;
letter-spacing:normal;
text-align:center;
display: block;
}

#sidebar h2 a:hover {
background: #666;
}


#sidebar h3 {
color: #666666;
font-size: 12px;
line-height: 16px;
font-weight:bold;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

#sidebar h3.orange {
color: #EC7A2D;
}

#sidebar p {
color: #666666;
font-size: 12px;
line-height: 16px;
font-weight:normal;
font-style:italic;
margin: 0px 0px 15px 30px;
padding: 0px 0px 15px 0px;
border-bottom: 1px dotted #666;
}


#sidebar h4 {
color: #666666;
font-size: 12px;
line-height: 16px;
font-weight:normal;
margin: 0px 0px 15px 30px;
padding: 0px;
}


#sidebar a img {
padding: 0px 0px 0px 20px;
margin: 0px;
}

#sidebar img.testimonial {
padding: 0px 0px 0px 20px;
margin: 0px;
}

#sidebar a:hover {
text-decoration: none;
}

#sidebar ul {
list-style: none;
font-size: 12px;
margin: 0px 0px 0px 30px;
padding: 0px;
color: #666;
font-style:italic;
}

#sidebar ul li {
padding: 0px 0px 10px 0px;
margin: 0px;
}

#sidebar ul li a {
color: #EC7A2D;
font-weight:bold;
font-style:normal;
display: block;
}
/** event details sidebar **/

#eventdetails {
width: 265px;
margin: 0px 0px 0px 530px;
padding: 0px;
}

#eventdetails h2 {
color: #EC7A2D;
font-size: 16px;
font-weight:bold;
margin: 0px;
padding: 50px 0px 20px 30px;
text-transform: uppercase;
letter-spacing:1px;
}

#eventdetails h3 {
color: #EC7A2D;
font-size: 12px;
line-height: 19px;
font-weight:bold;
margin: 0px 0px 0px 30px;
padding: 15px 15px 0px 0px;
border-top: 1px dotted #666;
}

#eventdetails h4 {
color: #666666;
font-size: 12px;
line-height: 16px;
font-weight:normal;
margin: 0px;
padding: 0px 0px 20px 30px;
}

#eventdetails h4.nospace {
padding: 0px 0px 5px 30px;
}

#eventdetails a img {
display: inline;
padding: 0px 0px 15px 25px;
margin: 0px;
}

#eventdetails a img.left {
padding: 0px 0px 0px 20px;
}

#eventdetails img.testimonial {
padding: 0px 0px 0px 20px;
margin: 0px;
}

#eventdetails a {
color: #EC7A2D;
}

#eventdetails a:hover {
text-decoration: none;
}


/** footer **/

#footer {
width: 800px;
margin: 0px;
padding: 20px 0px;
clear: both;
}

#footer p {
font-size: 11px;
color: #666666;
text-align: center;
}

#footer p a {
color: #55717F;
}

span.padding {
padding: 0px 5px;
}