html { margin:0; padding:0; } /*light blue text #a6cff7; dark teal #0d576d border #a6cff7 gold e2bf43 light yellow f9ed86 dark blue #2e5882 lightgreen 8bc63f, maroon 640e2b */
body { width:auto; height:auto; background:white url(/img/gr/bg-calmaui.gif) repeat left top; text-align:left; margin:0; padding:0; font:14px Arial, Helvetica, sans-serif; color:#640e2b; }
p { margin-top:6px; margin-bottom:9px; } .center { text-align:center; }
img { border:none; }
h11 { font:24px "Comic Sans MS", Helvetica, sans-serif; color:#640e2b; margin:0; padding:0; background:#ffffcc; margin-bottom:5px; }
h1 { font:normal 30px Century Gothic, Arial, sans-serif; background:transparent; text-align:center; letter-spacing:4px; color:#640e2b; padding:0; padding-bottom:4px; margin:0; text-transform:uppercase; }
.h1 { font:21px Verdana, Arial, Helvetica, sans-serif; color:#640e2b; margin:0; padding:0; letter-spacing:3px; background:#ffffcc; }
hh2 { font:bold 15px "Comic Sans MS", Helvetica, sans-serif; margin:0; padding:0; color:#640e2b; baackground:#ffffcc; }
h2 { font:bold 21px Century Gothic, Arial, sans-serif; text-align:center; color:#640e2b; margin:0; padding:0; margin-bottom:5px; }
h3 { font:bold 15px Arial, Helvetica, sans-serif; color:#640e2b; margin:0; padding:2px; text-align:center; }
h4 { font-size:20px; margin:0; padding:0; margin-top:5px; margin-bottom:3px;}
td { color:black; }
.h2 { width:100%; height:18px; font:bold 15px "Comic Sans MS", Helvetica, sans-serif; margin:0; padding:2px 0; color:#640e2b; baackground:#ffffcc; }
.h3 { font:13px Arial, Helvetica, sans-serif; color:black; }
.h4 { font:13px Arial, Helvetica, sans-serif; }
.header { width:770px; height:20px; float:left; font:15px "Century Gothic", Helvetica, sans-serif; letter-spacing:1.4px; text-indent:12px; margin:10px 0; color:#666666; background:#eeeeee; border:1px solid #cccccc; }
.small { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:center; } .red { font:bold; color:red; } .wine { font:bold; color:#640e2b; } .clicks { font:11px Helvetica, Ariel, sans-serif; color:#640e2b; }
.yellow { color:#f9ed86; font-size:11px; } .green { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#007070; }
.photos { padding-top:5px; }
#container { width:987px; height:auto; margin:auto; padding:0; position:relative; }
#content { width:987px; height:auto; color:black; }
#pageheader { width:987px; height:102px; position:relative; }
#paageheader1 { width:478px; height:102px; float:left; background:url(/img/gr/top-left.jpg) repeat left top;}
#paageheader2 { width:509px; height:102px; float:right; background:url(/img/gr/top-right.jpg) no-repeat right top; }
#pageheader2 { width:870px; height:102px; float:right; background:url(/img/gr/rainbow-waves.jpg) no-repeat right top; }
#logotext { width:213px; height:25px; text-indent:130px; font:normal 42px "Lucida Calligraphy", serif; position:absolute; top:11px; padding:0; color:white; letter-spacing:0px; }
#bannerbox { width:625px; height:16px; position:absolute; top:58px; left:172px; }
.banner { font:italic 18px Georgia, "Times New Roman", Times, serif; color:white; text-align:left; letter-spacing:3px; }
#topnav { width:987px; height:20px; text-align:center; top:81px; background-color:#640e2b; padding-top:4px; boorder-top:1px solid #fa94b9; boorder-bottom:1px solid #fa94b9; color:white; margin-bottom:8px; }
#topnav a { color:white; text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; }
#topnav a:hover { color:yellow; text-decoration:underline; } #topnav a.selected { color:white; text-decoration:none; font-weight:bold; text-transform:uppercase; }
/*Home Page*/
#notice { width:100%; font:11px Arial, Helvetica, sans-serif; height:15px; padding:0; text-align:center; color:red; }
#showcase { width:987px; height:295px; margin-bottom:14px; }
#show1 { width:379px; height:288px; float:left; margin-right:10px; padding:6px; border:1px solid #640e2b; }
#slideshow { width:379px; height:288px;281px; float:left; text-align:left; color:black; }
#pause { width:379px; height:7px; float:left; font:10px Arial, Helvetica, sans-serif; color:#640e2b; text-align:center; }
#show2 { width:295px; height:288px; float:right; border:1px solid #640e2b; }
/*Mini-Calendar*/
#minical { width:251px; height:288px; float:left; margin-right:10px; text-align:center; padding:6px; border:1px solid #640e2b; }
#minical form { margin:0; padding:0; }
.caltable { border-collapse:collapse; empty-cells:show; width:239px; height:192px; text-align:center; border-left:1px solid black; border-top:1px solid black; }
.caltitle { font:12px Arial, sans-serif; border-right:1px solid black; border-bottom:1px solid black; background-color:#ffffcc; }
.calmonth { font:bold 12px Arial, sans-serif; border-right:1px solid black; border-bottom:1px solid black; background-color:#eeeeee; color:#640e2b; }
.calnav { font:bold 12px Arial, sans-serif; border-right:1px solid black; border-bottom:1px solid black; background-color:#eeeeee; color:black; cursor:pointer; }
.calday { font:12px Arial, sans-serif;text-align:center; border-right:1px solid black; border-bottom:1px solid black; background-color:#eeeeee; width:33px; height:16px; }
.minical { font:12px Arial, sans-serif; text-align:center; background:white; border-right:1px solid black; border-bottom:1px solid black; width:33px; cursor:pointer; color:blue; }
.caltoday { font:bold 12px Arial, sans-serif; text-align:center; background:#640e2b; color:white; border-right:1px solid black; border-bottom:1px solid black; width:33px; cursor:pointer; }
.caltoday:hover { font:bold 12px Arial, sans-serif; text-align:center; background:#ffffcc; color:blue; border-right:1px solid black; border-bottom:1px solid black; width:33px; cursor:pointer; }
.calevents { font:12px Arial, sans-serif; text-align:center; border-right:1px solid black; border-bottom:1px solid black; background:white; width:33px; cursor:pointer; }
.minical:link { color:blue; }
.calevents:hover { font:12px Arial, sans-serif; text-align:center; border-right:1px solid black; border-bottom:1px solid black; background:#007070; color:white; width:33px; cursor:pointer; }
.calblank { border-right:1px solid black; border-bottom:1px solid black; background:white; cursor:pointer; }
.upcoming { font:13px Arial, Helvetica, sans-serif; color:#640e2b; margin-bottom:3px; }
#rightcol { width:243px; height:auto; float:left; text-align:center; padding:10px; border:1px solid #640e2b; background:#eeeeee; }
#hm-full { width:987px; height:auto; margin-bottom:5px; padding:0; }
#hm-featured { width:532px; height:360px; float:left; margin:0; padding:10px; overflow:auto; border:1px solid #640e2b; }
#hm-ongoing { width:401px; height:360px; float:right; margin:0; padding:10px; overflow:auto; border:1px solid #640e2b; }
#hm-main { width:771px; height:409px; float:left; margin-right:10px; }
#hm-left { width:744px; height:387px; float:left; padding:6px 0 6px 6px; maargin-bottom:8px; font:12px Verdana, Arial, Helvetica, sans-serif; line-height:1.7em; overflow:auto; border:1px solid #640e2b; }
#hm-mid { width:335px; height:387px; float:left; text-align:center; background:white; padding:6px; border:1px solid #640e2b; margin-bottom:8px; } /*354*/
#hm-right { width:225px; height:511px; float:right; maargin-top:-409px; }/*184*/
.scrollbox { width:738px; height:360px; margin:0; padding:0; overflow:auto; }
.event { text-align:left; text-indent:2px; margin:0; padding:2px; font:12px Arial, Helvetica, sans-serif; color:black; }
#midcol1 { width:335; height:214px; float:left; margin-top:10px; text-align:left; }
.scrollbox1 { width:335px; height:194px; margin:0; padding:0; overflow:auto; }
#midcol2 { width:335; height:104px; float:left; margin-top:6px; text-align:left; }
.scrollbox2 { width:335px; height:84px; margin:0; padding:0; overflow:auto; }
.ad { width:180px; height:auto; float:left; margin-bottom:8px; text-align:center; }
.ad-right { width:160px; height:auto; float:left; margin-bottom:5px; text-align:center; }
#ad-rightcol { width:160px; height:auto; float:right; text-align:center; padding:10px; border:1px solid #cccccc; background:#eeeeee; }
#ad-bottom-hm, #ad-bottom-trio { height:102px; float:left; border-right:1px solid #640e2b; border-bottom:1px solid #640e2b; border-left:1px solid #640e2b; }
#ad-bottom-hm4 { height:102px; float:left; border:1px solid #640e2b; }
#ad-bottom-hm { width:750px; } #ad-bottom-hm4 { width:987px; margin-top:7px; } #ad-bottom-trio { width:793px; }
.ad-bottom-hm, .ad-bottom-trio { height:102px; float:left; } .ad-bottom-hm { width:250px; } .ad-bottom-hm4 { width:237px; } .ad-bottom-trio { width:258px; }
.rightcol { width:auto; height:auto; float:right; }
.daytitle { font-size:13px; font-weight:bold; border-bottom:1px solid #cccccc; color:#640e2b; padding-top:10px; }
/*Event Detail Form*/
#maincol, #event, #textbody, #weekcal { width:773px; min-height:483px; float:left; font:13px Arial, Helvetica, sans-serif; margin-right:10px; padding:10px; border:1px solid #640e2b; } /*min-height:600px;*/
#maincol, #event, #textbody { color:#640e2b; background:white; }
#ongoing, #search { width:773px; min-height:600px; float:left; margin-right:10px; padding:10px; border:1px solid #cccccc; background:white; line-height:2em; }
#search { width:773px; min-height:600px; float:left; margin-right:10px; padding:10px; background:white; border:1px solid #cccccc; }
.textcol1, .textcol2, .textcol3, .textcol4, .textcol5, .textcol6, .textcol7 { height:auto;387px; float:left; background:white; padding:10px; font:14px Arial, Helvetica, sans-serif; line-height:1.6em; border:1px solid #640e2b; }
.textcol1 { width:279px; } .textcol2 { width:422px; } .textcol3 { width:45%; 27vw; 444px; font:14px Verdana, Geneva, sans-serif; } .textcol4 { width:730px; } .textcol5 { width:773px; } .textcol6 { width:987px; } .textcol7 { width:987px; padding:0; border:none; }
.loginform, .regform { margin:18px 12px; }
.loginform label, .regform label { height:auto; float:left; margin-right:10px; text-align:right; color:#0d4f8c; }
.loginform label { width:120px; } .regform label { width:145px; } .details { width:100%; }
.row1,.row2 { width:100%; height:20px; float:left; padding-top:7px; font:13px Arial, Helvetica, sans-serif; }
.row1 { background:#fcecd2;f3f3f3; } .row2 { background:#f9dba5;e6e6e6; }
#yearcal { line-height:2em; }
#daycal { line-height:2em; }
#textbody { line-height:1.2em; }
.map { width:773 height:auto; float:left; }
#day-bottom-left { width:381px; height:110px; float:left; background:gray url(/img/gr/day-bottom-left.jpg) no-repeat left top; } /*381 110*/
#day-bottom-right { width:381px; height:110px; float:right; background:green url(/img/gr/day-bottom-right.jpg) no-repeat left top; }
.time-title { width:760px; height:auto; float:left; margin-left:13px; line-height:2em; }
.time { width:160px; float:left; }
.title { width:600px; height:auto; float:left; }
.searchform { width:773px; height:auto; line-height:2em; padding:0; margin:0; color:#640e2b; }
.searchform label { width:150px; float:left; font-weight:normal; }
#yearselect, #dayselect { width:100%; font:bold 15px "Comic Sans MS", Helvetica, sans-serif; margin:0; padding:0; color:#640e2b; text-align:center; }
.yearform { margin:0; padding:0; }
.yeardrop { font:12px Arial, Helvetica, sans-serif; color:#640e2b; background:#ffffcc; text-align:center; }
.yearlink { font:13px Verdana, Arial, Helvetica, sans-serif; }
.year-ad { width:160px; height:auto; float:left; margin-bottom:5px; text-align:center; }
#yearcal .dayofmonthyearview { font:16px Verdana, Arial, Helvetica, sans-serif; text-decoration:none; }
#year-right { width:160px; height:auto; float:right; text-align:center; padding:10px; border:1px solid #cccccc; background:#eeeeee; }
.evdate-app { width:110px; height:auto; float:left; }
.evtitle-app { width:355px; height:auto; float:left; background-color:$bgcolor; }
.evdesc-app { width:500px; height:auto; float:left; background-color:$bgcolor; }
.evtitle { width:35%; height:auto; float:left; }
.evdesc { width:65%; height:auto; float:left; }
.datedrop { font:bold 15px Arial; color:#640e2b; background-color:#ffffcc; }
.oge1, .oge2, .sres1, .sres2, .kam1, kam2 { border-bottom:2px solid #ffffff; color:#333333; line-height:1.7em; }
.oge1 { background:#f1f5f1; } /* f1f5f1 dk; ebefeb eeeecc ffffcc*/
.oge2 { background:#ebefeb; }
.oge1 ul, .oge2 ul, .sres1 ul, .sres2 ul, .kam1 ul, .kam2 ul { margin:4px; padding-left:4px; }
.sres1 { background:#eeeecc; }
.sres2 { background:#ffffcc; }
.roow1,.roow2 { width:auto;726px; height:20px; float:left; padding-top:4px; whiite-space:nowrap; }
.kam1, .row1 { background:#ffffff; eeeecc; }
.kam2, .row2 { background:#ededed; ffffcc; }
.noresults { width:600px; height:30px; font:bold 15px Arial, Helvetica, sans-serif; color:#990000; border:3px double #ffcc00; margin:auto; margin-top:40px; padding:20px; padding-top:32px; text-align:center; }
/*404 page*/
#message { width:279px; height:488px; float:left; line-height:2.1em; text-align:left; padding:10px; border:1px solid #640e2b; color:#640e2b; }
#art-404 { width:669px; height:506px; float:left; margin-right:15px; border:1px solid #640e2b; }
#message h1, #thanks h1 { font:normal 21px Century Gothic, Arial, sans-serif; color:#640e2b; background:transparent; margin-top:10px; text-align:center; letter-spacing:2px; }
#thanks { width:279px; height:477px; float:left; line-height:2.1em; text-align:left; padding:10px; border:1px solid #640e2b; color:#640e2b; }
#thanks-art { width:669px; height:496px; float:left; margin-right:15px; border:1px solid #640e2b; }
#sitemap-art { width:530px; height:669px; float:left; margin-right:0px; border:1px solid #640e2b; }
#sitemap { width:422px; height:649px; float:left; font:14px Verdana, Arial, Helvetica, sans-serif; line-height:2.0em; padding:10px; border:1px solid #640e2b; }
#sitemap h1, #success h1 ,#terms h1, #privacy h1 { font:normal 34px Century Gothic, Arial, sans-serif; text-align:center; background:transparent; letter-spacing:4px; color:#640e2b; padding:0px 0; }
/*Mission page*/
#mission { width:412px; height:411px; float:left; font:14px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:27px 20px; background:white; color:#640e2b; border:1px solid #640e2b; }
#mission-pic { width:507px; height:465px; float:left; margin-right:24px; border:1px solid #640e2b; }
#mission h1, #contact h1 { font:normal 34px Century Gothic, Arial, sans-serif; background:transparent; text-align:center; letter-spacing:4px; color:#640e2b; padding:0; padding-bottom:4px; margin:0; }
#mission a { color:blue; text-decoration:underline; }
/*Terms & Privacy pages*/
#terms { width:432px; height:auto; float:left; margin-right:24px; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:10px; color:#640e2b; border:1px solid #640e2b; }
#terms-pic { width:503px; height:669px; float:left; border:1px solid #640e2b; margin-bottom:7px; }
#terms-rightcol { width:487px; height:auto; float:right; font:13px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:10px; color:#640e2b; border:1px solid #640e2b; }
#privacy-pic { width:502px; height:669px; float:left; margin-right:24px; border:1px solid #640e2b; }
#privacy { width:412px; height:auto; float:left; font:13px Verdana, Arial, Helvetica, sans-serif; color:#640e2b; line-height:1.4em; padding:20px; border:1px solid #640e2b; }
#success-pic { width:517px; height:342px; float:left; border:1px solid #640e2b; }
#success { width:426px; height:auto; float:right; font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:15px; color:#640e2b; border:1px solid #640e2b; }
#fullcol { width:987px; height:auto; float:left; }
#fullcol ul { margin:0; padding:0; }
/*Event Submission Form*/
#submitevent { width:773px; height:auto; float:left; margin-right:10px; padding:10px; border:1px solid #640e2b; background:white; }
.submitform { width:773px; height:auto; float:left; margin:0px; color:#640e2b; }
.submitform label, .searchform label { width:123px; float:left; font-weight:normal; }
#newloc { width:740px; height:auto; }
#selcat { width:773px; height:auto; }
.formgroup { width:760px; height:auto; float:left; padding-left:15px; }
#recurgroup { width:760px; height:160px; padding-left:15px;}
.recur1 { width:760px; height:19px; float:left; }
.recur2 { width:760px; height:42px; float:left; }
hr { padding:0; margin:4px; }
.optbox { width:20px; height:12px; font:11px Arial, Helvetica, sans-serif; }
.dropbox { width:auto; font:11px Arial, Helvetica, sans-serif; }
#temp { width:773px; height:auto; float:left; text-align:center; font:14px Verdana, Arial, Helvetica, sans-serif; padding:10px; color:#640e2b; border:1px solid #640e2b; }
.photocol { width:auto; height:auto; float:right; } .photocol img { border:1px solid #640e2b; } .photo-L { float:left; margin-right:10px; } .photo-R { float:right; margin-left:10px; }
.photo-L { float:left; margin-right:10px; }
.photo-R { float:right; margin-left:10px; }
/*Login & Signup Pages
#login { width:444px; height:587px; float:left; font:13px Verdana, Arial, Helvetica, sans-serif; text-align:center; line-height:1.4em; padding:10px; background:white; color:#640e2b; border:1px solid #640e2b; }
#login-art { width:495px; height:607px; float:left; margin-right:24px; border:1px solid #640e2b; }
#loginbox { width:402px; height:285px; float:left; padding:20px; margin-top:30px; background-color:#eeeeee; border:1px solid #640e2b; color:#640e2b; }
.loginform { width:302px; height:160px; float:left; margin-top:20px; margin-left:46px; color:black; }
.loginform label { width:80px; float:left; font-weight:normal; }
.loginbtn { margin:15px 0 ; }
#login ul { margin:0; padding:0; }
#signupbox { width:402px; height:255px; float:left; padding:20px; margin-top:18px; background-color:#eeeeee; border:1px solid #640e2b; color:#640e2b; }
.signupform { width:330px; height:220px; float:left; margin-top:18px; color:black; text-align:right; }
.signupform label { width:100px; float:left; font-weight:bold; }
.smallgray { font:11px Verdana, Arial, Helvetica, sans-serif; text-align:left; } */
/*Contact Us page*/
#contact { width:450px; height:auto; float:left; line-height:1.4em; text-align:left; padding:25px 15px 30px 15px; border:1px solid #640e2b; background:white; }
#contact a:link, #contact a:visited, #message a:link, #message a:visited, #sitemap a:link, #sitemap a:visited { color:blue; text-decoration:underline; }
#contact a:hover, #message a:hover, #sitemap a:hover { color:red; text-decoration:underline; }
#address { width:442px; height:auto; float:left; text-align:center; line-height:1.4em; margin-top:0px; color:#640e2b; }
#subnote { width:442px; float:left; margin-top:15px; color:#640e2b; text-align:center; }
#request { width:432px; height:auto; float:left; padding:15px 0 0 10px; margin-top:15px; background-color:#eeeeee; border:1px solid #640e2b; color:#640e2b; }
.infoform textarea { font:11px Verdana, Arial, Helvetica, sans-serif;}
.infoform label { width:140px; font-weight:normal; float:left; text-align:right; padding-right:10px; }
.infoform { padding-top:10px; } .infoform textarea { width:417px; font:13px Arial, Helvetica, sans-serif;}
.infoform btnn { width:200px; }
.inquiry { width:378px; }
.btn { background:#55a1ff; padding:3px 6px; border:1px solid #640e2b; border-radius:5%; }
/*password page*/
#password { width:432px; height:auto; float:left; font:15px Verdana, Arial, Helvetica, sans-serif; line-height:1.4em; padding:10px; padding-bottom:30px; color:#640e2b; border:1px solid #640e2b; }
#password-pic { width:507px; height:605px; float:left; margin-right:24px; border:1px solid #640e2b; }
/*Search page*/
.tablecell { width:80px; height:80px; }
.tableheader { width:80px; color:white; background-color:#000000; }
.dayofmonth { color:#000000; text-decoration:none; background-color:#E7E7E7; }
.weeknumber { color:#B04040; text-decoration:none; }
.monthlink { color:#B04040; text-decoration:none; }
.dayofmonthyearview { color:#000000; text-decoration:none; }
.dayofmonthweekview { color:#000000; text-decoration:none; }
.entry { color:#006000; text-decoration:none; }
.unapprovedentry { color:#800000; text-decoration:none; }
.navlinks { color:#000000; }
.aboutinfo { color:#000000; text-decoration:none; }
td { font:12px Arial, Helvetica, sans-serif; color:#640e2b; }
a:link, a:visited { color:blue; text-decoration:underline; }
a:hover { color:red; text-decoration:underline; }
.selected { color:red; font-weight:bold; text-decoration:none; }
#footer { width:987px; height:auto;60px; margin:9px 0; float:left; clear:both; text-align:center; color:#abaaaa; font:11px Arial, Helvetica, sans-serif; }
#copyright { width:987px; height:17px; font:11px Arial, Helvetica, sans-serif; padding-top:7px; background-color:#ededed; border:1px solid #cccccc; }
#footnav { width:987px; height:20px; padding-top:10px; font:11px Arial, Helvetica, sans-serif; }
#footer a:link, #footer a:visited { color:blue; text-decoration:underline; }
#footer a:hover { color:red; text-decoration:underline; }
#footer a.selected { color:red; text-decoration:none; font-weight:bold; text-transform:uppercase; }
#aa { margin:8px 0; font:11px Arial, Helvetica, sans-serif; }
#aa a:link, #aa a:visited { color:#abaaaa; text-decoration:underline; }
#aa a:hover { color:blue; }
#aa { margin:4px 0; font:11px Arial, Helvetica, sans-serif; } #aa a:link, #aa a:visited { font-size:10px; color:#1c65ac; text-decoration:underline; } #aa a:hover { color:#ab005f; }
#hits { font:10px Arial, Helvetica, sans-serif; color:#2f6a8a; margin:3px 0; }