* {margin:0px; border:0px; padding:0px}

ul, ol {margin-left:20px}

body, div, table{background-color:transparent; vertical-align:top; text-align:left; font-family:Trebuchet MS, Helvetica, Sans-Serif; font-size:13px; font-weight:normal; font-style:normal}

h1 {font-size:30px; margin:0px 0px 10px 0px}
h2 {font-size:25px; margin:0px 0px 10px 0px}

.embold {font-weight:bold;}
.ital {font-style:italic;}
.uline {text-decoration:underline;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}

#head {width:799px; height:79px; position:absolute; top:0px; left:0px}

#content {padding-bottom:100px; width:500px; position:absolute; top:100px; left:25px}

#infoBar {width:240px; position:absolute; top:100px; left:559px; background-color:#e4e4e4; text-align:center}

.artImage {margin:0px 10px 10px 0px; float:left}

.artDots {margin:20px 0px 20px 0px}

/*infoTextTitle is for the green-background titles in the infoBar. infoText is for the text in the infoBar that is just a few lines or a couple of links, well-spaced by line-height. Contrast with infoTextBlock, which is for long blocks of text in the infoBar and as such is aligned left and line-height reduced so it doesn't take up too much space.*/

.infoTextTitle {color:#ffffff; background-color:#4e8b46}

.infoText {line-height:25px; padding:10px}

.infoTextBlock {line-height:20px; padding:10px; text-align:left}

.whitespace {color:#ffffff; background-color:#ffffff}
