/* CSS Document */
body {font-size:12pt; font-family:"Times New Roman", Times, serif; color:#000000; margin:0; padding:0; background-color:#FFFFEE}

/*body {padding-top:60px}*/

a { color:#CC0000}
a:hover { text-decoration:none;}
a:visited { color:#550000}

img { border:0;}

table {border-collapse:collapse; padding:0; margin:0; width:100%; border: 1px solid #FFF}
td { padding:0 4px; vertical-align:top}
td#title { vertical-align:middle;}
td#righttitle {background-image:url(images/bluetop.gif); background-position:left top; background-repeat:repeat-y;  height:150px}
td#lefttitle {background-image:url(images/redtop.gif); background-position:left top; background-repeat:no-repeat; width:150px; height:150px}
td#columnleft {padding-bottom:30px; width:150px; padding-right:10px}
td#columnright {padding:0; margin:0; padding-bottom:30px; background-image:url(images/blue.gif); background-position:9px top; background-repeat:repeat-y; text-align:left}
td#columnmain { padding:0 15px 30px 15px; background-image:url(images/green.gif); background-position:left top; background-repeat:repeat-y;}

td#columnmain h5 a, td#columnmain h5 a:visited {color:#178C00}
td#columnmain p {margin-left:30px}

td#endmain {background-image:url(images/emptygreenheader.gif); background-position:15px top; background-repeat:no-repeat; height:35px}

td#righttitle, div.rightheader, td#columnright, div.righttext { width:150px}
td#cellar { font-size:10pt; padding:15px; padding-right:0;}
td#cellarleft { background-image:url(images/bluebottom.gif); background-position:4px top; background-repeat:no-repeat; height:150px}


h1{ font-size:85px; font-family:"Times New Roman", Times, serif; color:#000; text-decoration:none; margin:0; padding:0; position:relative; top:-15px; font-weight:normal}
/*h2{ font-size:25px; font-family:"Times New Roman", Times, serif; color:#333333; text-decoration:none; margin:0; padding:0; position:relative; left:-5px; top:-5px; font-weight:normal}*/
h3{ font-size:25px; font-family:"Times New Roman", Times, serif; color:#333333; text-decoration:none; margin:0; padding:0; position:relative; top:-20px; font-weight:normal}
h4{ font-size:18pt; font-family:"Times New Roman", Times, serif; color:#000; text-decoration:none; margin:0; padding:0; font-weight:bold; text-align:center; background-image:url(images/greentopheader.gif); background-position:left top; background-repeat:no-repeat; height:35px; padding-top:5px}
h5{ font-size:14pt; font-family:"Times New Roman", Times, serif; color:#178C00; text-decoration:none; margin:0; padding:0; padding-left:40px; font-weight:normal; text-align:left; background-image:url(images/greenheader.gif); background-position:left top; background-repeat:no-repeat; height:30px; padding-top:10px}
h6 {margin:0; padding:0}

dl, dt, dd {margin:0; padding:0}

p.bold {font-weight:bold; font-size:11pt}
p.underh5 { padding-top:0; margin-top:5px}

.descript {font-size:13px; margin-left:50px; margin-top:0}

span.mark {color:#CC0000; text-decoration:none; margin-left:1px}

ul { margin:0 0 0 55px; padding-top:0; list-style:disc}
ul li, ol li { margin-top:0; padding-top:0}
ol { margin:15px 0 0 55px; padding:0}

ul#menu { margin:0; list-style:none; color:#CC0000; padding:0}
ul#menu li { margin:0; padding:0; padding-left:30px; font-size:14pt; height:30px; padding-top:10px; background-image:url(images/redheader.gif); background-position:left top; background-repeat:no-repeat; }
ul#menu li small {font-size:11pt;}

div#emptymenu { margin:0; padding:0; padding-left:40px; text-align:left; background-image:url(images/emptyheader.gif); background-position:left top; background-repeat:no-repeat; height:30px; padding-top:10px;font-size:14pt; }

div.rightheader {text-align:left; background-image:url(images/blueheader.gif); background-position:left bottom; background-repeat:no-repeat; height:30px; padding: 15px 0 0 30px; color:#041CFF; font-size:14pt; margin:0;}
div.righttext { /*border-bottom:dashed 1px;*/ padding:0 0 5px 22px; text-align:left; font-size:10pt; margin-bottom:10px; line-height:12pt;}
div.righttext td {padding:0px}

.imageFrame {padding:3px; background-color:#FFFFFF; text-align:center; font-style:italic; border:1px solid #000; display:block; float:right; font-size:11px; margin:3px }

.imageFramenoAlign {padding:3px; text-align:center; font-style:italic; display:block; float:none; font-size:10pt; margin:3px }

.userpic { margin:5px; margin-right:10px; border:0; width:100px; height:100px}
.underuserpic {height:110px; overflow:visible;}

.authorblock { text-align:right; font-style:italic}

.epygraph {text-align:right; font-style:italic; font-size:11pt}

span.time {width:100px; display:inline; float:left;  margin-left:20px; font-weight:bold; color:#CC0000}

.place {color:#0000CC;}

table.calendar { background:none; border-collapse:collapse; margin-left:12px; border:none; width:90%}
table.calendar td { padding:0; text-align:center}
table.calendar td.red { background-color:#BEF1B6}
table.calendar td a { color:#990000}

ul.textList { margin:0 0 0 45px; padding-top:0; padding-left:0; list-style:disc}
ul.textList li { margin-top:0; padding-top:0;}

.trailer { margin-left:30px; clear:both}

.fade, .fade a, .fade a:visited, .fade span.time {color:#999999}

.event { margin-left:40px}
.event p { margin:0; padding:0; padding:5px 10px 10px 30px;}
.event p big { font-size:18px; line-height:30px}
.event p small { font-size:13px; line-height:25px}
.time2 { display:block; float:left; color:#CC0000; font-weight:bold; width:30px}
.place2 { margin-left:30px; color:#0000CC}
.place2 a {color:#0000CC}
.selected {background-color:#F9D656}
.descript { width:70%; padding-left:10px; text-align:justify; padding-bottom:10px}
.event ul, .event ol, .event li {margin:0px; padding:0px}
.event ul, .event ol {padding-left:80px}
.event ol.small {font-size:13px; margin-bottom:10px}
.event ol.small li {padding:1px 0}

.clear {clear:both; height:1px; font-size:1px; overflow:hidden; width:100%; margin:0; padding:0}

/* calendar styles */
.MonthNavigation {position:relative; width:100%}
.MonthNavPrev {display:block; left:2px; position:absolute}
.MonthNavNext {display:block; right:4px; position:absolute}
.MonthName {text-align:center; color:blue; font-size:11pt}

.DaysRow, .DaysRowHeader {float:right; width:100%}
.DateBox, .DateHeader {display:block; float:left; width:21px; text-align:center; padding:2px 0}
.DateHeader, .Inactive, .Inactive a {color:#AAAAAA}
.Weekend {background-color:#BEF1B6}
.secondMonth {clear:both; padding-top:15px}
.secondMonth .MonthNavigation {display:none}
.MonthName {padding-bottom:5px}
/* calendar styles END */


/* for maps interface */
div#map_container {width: 97%; height: 700px; margin:15px 0 0 30px}
div#map_container p.message {text-align:center}
div.hiddenField {display:none}

div#map_container div.event {margin-left:5px; padding-right:15px; font-size:90%}
div#map_container div.event .descript {width:auto}

div#msg_box {text-align:center}

#calendarHeader {display:none}

#versions {width:600px; margin:15px 0 0 30px; background-color:#F2EFE9; font-size:10pt}
#versions h6 {background:url(images/icon_plus.gif) left center no-repeat; cursor:pointer; padding-left:15px; font-weight:normal; margin-left:5px; font-size:10pt}
#versions h6.expand {background-image:url(images/icon_minus.gif); width:50%}
#versions div {padding:10px 20px}
#versions div dl {padding:10px 0; clear:both}
#versions div dl dt {display:block; float:left; width:100px}
#versions div dl dd {display:block; float:left}
#versions div dl dd ul {margin:0; list-style:disc inside; padding-bottom:5px}
#versions div dl dd ul li {margin:0; padding:0}
#versions div dl dt em {font-size:90%}

/* for maps interface END */