body{ color:#555555; font-size:0.825em; background: #fcfcfc; font-family:Arial, Helvetica, sans-serif; } div.frame { margin: auto; min-width: 700px; max-width: 1200px; } div.content { padding: 20px; min-height: 120px; } div.slideDesc { position: absolute; top: 80%; margin-left: 7.5%; border: 1px solid #363942; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: rgba(0, 0, 0, 0.7); } div.slideHead { color: white; font: bold 24px/45px Helvetica, Sans-Serif; padding-left: 10px; padding-right: 10px; } div.slideText { color: white; font: bold 24px/45px Helvetica, Sans-Serif; padding-left: 10px; padding-right: 10px; } ul.rui-billboard { border: 1px solid #363942; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; max-width:100%; width: 100%; } ul.rui-billboard li img { max-width:100%; max-height:100%; width: 100%; display: block; } div.events { padding-left: 20px; padding-right: 20px; } .event{ float:left; padding:0px; text-align:left; } ul.eventList { margin-left:0px; padding-left:0px; list-style-type:square; } .eventList li{ background:#F4F4F4; border:1px solid #EEEEEE; list-style:none; margin:5px; padding:4px 7px; word-wrap: break-word; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } .eventDate{ font-size:1.5em; margin-left: 5px; padding-left: 5px; padding-right: 5px; text-align:center; word-wrap: break-word; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .eventDate.chreme{ background:#FBF7F0; border:1px solid #EEE4D4; color:#A78B5F; } .eventDate.blue{ background:#E6F8FF; border:1px solid #D4E6EE; color:#548DA5; } .eventDate.green{ background:#E6FFDF none repeat scroll 0 0; border:1px solid #C9E6C1; color:#6EA85F; }