/** STRUCTURE **/

body {
background-color: white;
margin: 0px 0px;
/* width: none; */
text-align: center;
font-family: verdana, trebuchet, arial, sans-serif;
font-size: 12px;
/*  background: url(../images/bg.jpg);  */

width: 100%;
}

.otherinfo {
color: #889EC5;
font-size: 9px;
}

H1.otherinfo {
color: #889EC5;
font-size: 11px;
margin: 0;
}

H2.otherinfo {
color: #889EC5;
font-size: 10px;
margin: 0;
}

#wrap {
width: 720px;
margin: auto;
background: url(../images/bg-body.jpg);
}

#header {
height: 117px;
width: 720px;
float: left;
text-align: left;
margin: 0px;
padding: 0px;
*/margin-bottom: -3px;
background: url(../images/banner.jpg) no-repeat;
}

#links {
width: 720px;
height: 23px;
text-align: left;
float: left;
margin: 0px 0px 0px 4px;
*/margin-left: 2px;
}

#links ul {
height: 23px;
margin: 0px;
padding: 0px;
}

#links ul li {
display: inline;
margin: 0px 0px;
height: 23px;
margin-left: -4px;
}


#content {
width: 720px;
float: left;
margin: 0px 0px;
padding: 20px;
text-align: left;
background: url (../images/bg-body.jpg);
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 680px;
}

#left {
width: 260px;
padding: 10px 0px 20px 20px;
margin: 0px 0px;
text-align: center;
float: left;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 240px;
}

#right {
width: 460px;
padding: 10px 20px 20px 15px;
margin: 0px 0px;
text-align: left;
float: left;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
width: 425px;
}

#footer {
width: 720px;
height: 34px;
padding: 10px 0px 0px 0px;
text-align: center;
margin: auto;
background: url(../images/footer.jpg);
font-size: 10px;
*/width: 725px;
/** ugly brilliant hack **/
voice-family: "\"}\"";
voice-family:inherit;
height: 24px;
}

#clear {
content: ".";
display: block;
visibility: hidden;
height: 0px;
clear: both; 
}

#content img, #left img, #right img {
margin-top: 10px;
}

/** MARKUP **/

h1 {
font-size: 14px;
color: #9D080D;
}

h3 {
font-size: 12px;
color: #9D080D;
}

a:link {
color: #41749B;
}

a:hover {
color: #92512b;
}

a:visited {
color: #41749B;
}

.right {
float: right;
margin-left: 5px;
}

.left {
float: left;
margin-right: 5px;
}

.small {
font-size: 10px;
}

.product {
width: 665px;
margin: 10px 0px 10px 0px;
text-align: left;
float: left;
}

.product .left {
width: 240px;
margin: 0px 15px 0px 0px;
text-align: center;
float: left;
}

.product .right {
width: 400px;
text-align: left;
float: left;
}

blockquote {
border: 1px dotted #bbbbbb;
font-size: 10px;
padding: 10px;
}

/* the class below positions the second illustration, (single illustration under the image map),  on the left to the bottom of the page */
.workshopillustration4 {
	padding-top: 600px;
}


/* NOTE the telly award pop over styles are in ein_tellypopover.html rather then linking to this style sheet - faster, easier to do this way...20080312nln */