/* Global Styles */
body {font:x-small/1.3 Verdana; margin:0; padding:0;}
h1, h2, h3, h4{margin:0; padding:0;}
a img {border:none;}

/* General Class */
.zuBG {background:url(../images/pattern.gif);}
.zucalendar {background:none; }
.clearFloat {clear:both;}
.imgLeft {float:left;}
.imgRight {float:right;}
.imgLink {cursor:pointer;}
.tl {background:#FFFFFF url(../images/tl.gif) repeat-x 0 0;}
.tr {background:url(../images/tr.gif) no-repeat 100% 0;}
.bl {background:url(../images/bl.gif) no-repeat 0 100%;}
.br {background:url(../images/br.gif) no-repeat 100% 100%;}
.bl_black {background:#000000 url(../images/bl_black.gif) no-repeat 0 100%;}
.br_black {background:url(../images/br_black.gif) no-repeat 100% 100%;}
.htr {clear:both; background:#90454b url(../images/h_bg.gif) repeat-x;}

div.pageArea{width:100%; min-height:381px; margin:0; background:url(../images/head_bg.gif) repeat-x left top;}
div.contentArea{width:990px; margin:0 auto 0 auto; padding-top:10px;}

div.topHeader {padding:5px; background:#000000; display:block; height:100%; overflow:hidden;}
div.topHeader .imgRight{margin-top:25px; margin-right:10px;}

div.header {text-align:right; padding:5px 10px 8px 10px; background:url(../images/htr.gif) no-repeat 100% 0;}

div.header div.links {float:left;}
div.header div.links ul{list-style:none; margin:0; padding:0;}
div.header div.links ul li {float:left; margin:0 10px 2px 2px; padding:5px;}
div.header div.links ul li .icon{float:left; margin-right:4px;}
div.header div.links ul li a{font-size:1.1em; color:#FFFFFF; text-decoration:none;}
div.header div.links ul li a:hover {color:yellow; text-decoration:underline;}

div.header div.dropListCalendar {}
div.header div.dropListCalendar label{font-size:1.1em; color:#FFFFFF;}
div.header div.dropListCalendar select{font-size:1.1em;}

div.bodyContent {clear:both; padding:10px 10px 10px 10px; min-height:450px; display:block; height:100%; overflow:hidden;}

div.bodyContent div.viewNav{width:100%;}
div.bodyContent div.viewNav ul{list-style:none; margin:0; padding:0;}
div.bodyContent div.viewNav ul li{float:right; padding:5px 8px 5px 5px;}
div.bodyContent div.viewNav ul li img{float:left; margin-right:3px;}
div.bodyContent div.viewNav ul li a{color:#3d2a30; font-weight:bold; text-decoration:none;}
div.bodyContent div.viewNav ul li a:hover {text-decoration:underline;}

div.bodyContent div.leftSide {clear:both; float:left; width:230px;}
div.bodyContent div.leftSide p {margin:0; padding:0;}
div.bodyContent div.rightSide {float:right; width:735px;}

div.footer {color:#FFFFFF; text-align:right; margin-bottom:10px; padding:10px; min-height:30px;}

/* ZU CALendar */
div.ZuCalendar {}
div.ZuCalendar h1{font-size:1.4em; color:#4b4b4b; margin-bottom:10px;}
div.ZuCalendar h1 img {float:left;}
div.ZuCalendar h1 span {font-weight:normal; padding-top:10px;}
div.ZuCalendar ul li {padding:3px;}
div.ZuCalendar div.eventTitle {border-bottom:solid 1px #c3c3c3;}
div.ZuCalendar div.eventTitle h2 {font-size:1.6em;}
div.ZuCalendar div.eventTitle h3 {font-size:1.2em; font-weight:normal; margin-bottom:10px; }
div.ZuCalendar div.eventDescription {margin-bottom:10px; padding:20px 10px 20px 0; border-bottom:solid 1px #c3c3c3;}

div.ZuCalendar div.eventList div.eventTitle {border:none; margin-top:10px;}
div.ZuCalendar div.eventList div.eventTitle h2{font-size:1.4em; }
div.ZuCalendar div.eventList div.eventTitle h3 {margin:0;}

/* Calendar List */
div.calendarList {}
div.calendarList h1 {font-size:1.4em; margin:0 0 20px 0; }
div.calendarList h2 {font-size:1.2em; padding:5px; background:#c3c3c3; border:solid 1px #666666;}
div.calendarList h3 {font-size:1.1em; margin-top:10px; text-decoration:underline;}
div.calendarList h4 {font-size:1.1em; font-weight:normal; color:#666666;}
div.calendarList h3 a{color:#000000;}
div.calendarList h3 a:hover {color:#666666;}
div.calendarList blockquote {margin:0; padding:10px 10px 15px 10px; border-bottom:dotted 1px #E1E1E1 }
div.calendarList div.footerCount {border:solid 1px #c3c3c3; margin-top:10px; padding:3px;}