/* grassroots.css */
body {font-family:Arial, Helvetica, Sans-Serif; background:black;}
/*img {border:2px solid silver;} */

/* h1 {margin:15px auto 0 35px; text-align:left; line-height:1em; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; color:white; filter:Shadow(Color=#000000, Direction=135, Strength=6); text-shadow:2px 2px 0px black} */

h1 {text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; color:white; filter:Shadow(Color=#000000, Direction=135, Strength=5); text-shadow:2px 2px 0px black}


h2 {display:inline; font-size:1.5em;}
h3 {display:inline; font-size:1.25em;}

.ptr {cursor:pointer;}
.ptr:hover {text-shadow:2px 2px 0px red}
.TOC {}
.TOC p {margin-top:0px; margin-bottom:6px;}
.brk {margin-bottom:0.85em;}
.toc2 {display:none;}
.more {font-size:0.75em; font-style:italic; color:gray; cursor:pointer;}
.TOC a {font-size:0.75em; font-style:italic; color:gray; cursor:pointer;}
.TOC a:hover {color:red;}
#edge {position:absolute; left:50%; top:8px; margin-left:-480px; width:960px; padding:20px 20px 0px 20px; border:0px solid lime; z-index:5;}
#bottomEdge {position:absolute; right:60px; bottom:0px; z-index:60; height:20px; background:transparent; font-size:0.7em; color:black;}
#backcloth {position:absolute; left:0px; top:0px; width:100%; height:555px; z-index:10;}
#pagespace {position:absolute; left:2px; top:0px; width:100%; height:555px; border:0px solid magenta; padding:0px; background:url('../images/bground.jpg'); z-index:15;}
#panel {width:256px; height:465px; margin:20px; float:left; z-index:20; border:0px solid magenta; padding-top:50px; overflow:hidden;  display:block;}
#cloudbg {position:absolute; top:10px; left:35px; z-index:30; width:250px; height:315px; background:url('../images/balloonbtn.png'); display:block; }
#flashcontent {position:absolute; top:20px; left:35px; display:block; z-index:32;}
#StaticMenu {position:absolute; top:337px; left:75px; font-size:12pt; font-weight:bold; color:#262626; text-decoration:none;}
#StaticMenu a {color:#262626; text-decoration:none;}
#StaticMenu a:hover {color:#ff00ff;}
.btnw {width:175px;} /* button wrapper */
.sMenu {padding-bottom:3px; border:3px outset silver; background: url('../images/btnbg.jpg');}
#pics {position:absolute; right:20px; top:50px; width:680px; height:515px; border:0px solid gold; z-index:25; display:block;}
.txt {color:white;}
#pic0, #news, #articles {position:absolute; top:0px; left:40px; z-index:35; width:600px; height:450px; margin:0px; padding: 0px;
	float:none; display: block; background: url(../images/Sackville2011.jpg) center no-repeat;
	border-radius:16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px;
	box-shadow: 0px 0px 16px #ccc; -moz-box-shadow: 4px 4px 2px #ccc; -khtml-box-shadow: 0px 0px 32px #ccc;
	-webkit-box-shadow: 0px 0px 32px #ccc;}
#directions, #accommodation {position:absolute; top:0px; left:40px; z-index:75; width:600px; height:450px; margin:0px; padding:0px;
	display:none; background: url(../images/mapL.jpg); border:0px solid red;
	border-radius:16px; -moz-border-radius: 16px; -webkit-border-radius: 16px; -khtml-border-radius: 16px;
	box-shadow: 0px 0px 16px #ccc; -moz-box-shadow: 4px 4px 2px #ccc; -khtml-box-shadow: 0px 0px 32px #ccc;
	-webkit-box-shadow: 0px 0px 32px #ccc;}

/* behavior: url('~/IEFixes.htc');  */
/* revamp and apparent superflous code needed to get IE to work */
.diracc {margin:8px auto 8px 15px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; 
color:white; height:1em; filter:Shadow(Color=#000000, Direction=135, Strength=5); text-shadow:2px 2px 0px black;} 
.dire {position:absolute; left:30px; top:8px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; 
font-weight:bold; color:white; height:1em; filter:Shadow(Color=#000000, Direction=135, Strength=5); text-shadow:2px 2px 0px black;}
.acco {cursor:pointer; position:absolute; left:180px; margin:8px auto 8px 15px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; color:white; height:1em; filter:Shadow(Color=#000000, Direction=135, Strength=5);
text-shadow:2px 2px 0px black;}
.shred {cursor:pointer; position:absolute; left:195px; top:8px; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; 
font-weight:bold; color:white; height:1em; filter:Shadow(Color=#ff0000, Direction=135, Strength=5); text-shadow:2px 2px 0px red;}

.accdir {position:absolute; left:30px; top:8px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; 
font-weight:bold; color:white; height:1em; filter:Shadow(Color=#000000, Direction=135, Strength=5); text-shadow:2px 2px 0px black;} 
.accom {position:absolute; left:195px; top:8px; text-align:left; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; color:white; height:1em; filter:Shadow(Color=#000000, Direction=135, Strength=5);
text-shadow:2px 2px 0px black;}
.dred {cursor:pointer; position:absolute; left:30px; top:8px; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; 
font-weight:bold; color:white; height:1em; filter:Shadow(Color=#ff0000, Direction=135, Strength=5); text-shadow:2px 2px 0px red;}


#mount {margin:45px 15px 0px 15px; font-size:10pt; font-weight:normal; color:black; text-align:left; padding:10px; background:#F5F5F5; filter:alpha(opacity=75); opacity:0.75; display:block;}

.R270 {
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand')";
filter: progid:DXImageTransform.Microsoft.Matrix(M11=-0.00000000, M12=1.00000000, M21=-1.00000000, M22=-0.00000000,sizingMethod='auto expand');
-moz-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
-webkit-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
-o-transform:  matrix(-0.00000000, -1.00000000, 1.00000000, -0.00000000, 0, 0);
}

#accommodation {background: url(../images/bandb.jpg) center no-repeat; z-index:77; border:0px solid black; display:none;}

#bandb {margin:10px 15px 0px 15px; width:555px; height:370px; font-size:10pt; font-weight:normal; color:black; text-align:left; padding:10px; background:#F5F5F5; filter:alpha(opacity=75); opacity:0.75; display:block;}

#pic1 {position:absolute; top:0px; left:90px; z-index:40;}
#pic2 {position:absolute; top:150px; left:0px; z-index:45;}
#pic3 {position:absolute; top:295px; left:65px; z-index:50;}
#pic4 {position:absolute; top:355px; left:185px; z-index:55;}
#name {position:absolute; top:10px; left:270px; z-index:55; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; color:solid yellow; margin:10px 40px 0px 0px; filter: Shadow(Color=#000000, Direction=90, Strength=6); text-shadow:2px 2px 0px black}
#eventname {position:absolute; top:40px; left:270px; z-index:42; font-family:Arial, Helvetica, Sans-Serif; font-size:20pt; font-weight:bold; color:solid yellow; margin:10px 40px 0px 0px; filter: Shadow(Color=#000000, Direction=90, Strength=6); text-shadow:2px 2px 0px black}
/*
#getform {position:absolute; top:410px; left:70px; z-index:36; font-size:0.75em; color:yellow;}
*/
#getform {font-size:0.75em; color:yellow;}
#getform:hover {color:white;}

#name span {color:white;}
#comingsoon {position:absolute; left:60px; top:220px; z-index:60; font-family:'Comic Sans MS'; font-weight:500; width:575px; height:320px; border:0px solid black; display:block;
font-size:14pt; font-weight:normal; color:yellow; text-align:left;}
#comingsoon {padding:5px; background:transparent;}
#stage {position:absolute; left:20px; top:300px; z-index:64; font-family:'Comic Sans MS'; font-weight:500; width:500px; height:320px; border:0px solid black; display:block;
font-size:15pt; font-weight:bold; color:yellow; text-align:right;}

#photoscreen {position:absolute; left:-50px; top:300px; z-index:60; font-family:'Comic Sans MS'; font-weight:500; width:500px; height:320px; border:0px solid black; display:block;
font-size:15pt; font-weight:bold; color:yellow; text-align:right;}
#adman {position:relative; left:0px; top:-50px; z-index:61;}
#about {position:absolute; left:47px; top:105px; z-index:60; width:575px; height:300px; border:1px solid black; display:none;
font-size:10pt; font-weight:normal; color:black; text-align:left;}
#about img {border:0px;}
#about {padding:5px; background:#F5F5F5; filter:alpha(opacity=75); opacity:0.75;}
#contact {position:absolute; left:310px; top:2px; z-index:65; width:300px; height:435px; border:1px solid black; display:none;}
#contact {padding:5px 15px 5px 15px; background:#F5F5F5; filter:alpha(opacity=90); opacity:0.9;}
#contact {font-size:0.75em; font-weight:normal; color:black; text-align:left;}
#captcha {position:relative; top:5px;} 
#vimg {float:left; width:200px; height:40px; border:1px solid blue;}
#tabNote {position:absolute; left:370px; top:135px; z-index:65; width:200px; height:45px; padding:5px; color:red; 
font-size:0.8em; border:1px solid red; display:none;}
.shado {height:1em: filter:Shadow(Color=#ffffff, Direction=90, Strength=4); text-shadow:2px 0px 0px white;}
#noFlash {font-size:8pt; color:black; border:1px solid white; margin:20px; padding:10px;}

#news {background:url(../images/news.jpg); z-index:95; border:2px solid gold; display:none;}
#newsheet {margin:10px 10px auto 10px; height:415px; overflow-y:scroll; font-size:8pt; font-weight:normal; color:black; text-align:left; padding:10px; background:#F5F5F5; filter:alpha(opacity=90); opacity:0.90; display:block;}
.newstxt {font-family:'Comic Sans MS'; font-weight:500;}
#xnews {position:absolute; right:10px; bottom:50px; z-index:78; font-weight:bold; color:red; cursor:pointer; display:block; border:0px solid black;}

#articles {position:absolute; left:30px; top:-20px; background:url(../images/article.jpg); width:650px; height:495px; z-index:98; border:0px solid gold; display:none;}
#artic {margin:10px 0 auto 25px; height:420px; overflow-y:scroll; padding-right:20px; font-size:0.75em; font-weight:normal; color:black; text-align:left;}
#artsheet {padding:10px; background:#F5F5F5; filter:alpha(opacity=55); opacity:0.55; min-height:420px; display:block;}
.artex {font-family:'Comic Sans MS';}

#activities {position:absolute; left:60px; top:95px; width:540px; height:315px; background:#F5F5F5; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; -khtml-border-radius:16px; filter:alpha(opacity=75); opacity:0.75; z-index:100; display:none; padding:12px 0 10px 10px; text-align:left; }
#activita {width:540px; height:310px; overflow-x:hidden; overflow-y:scroll;}
#activities span{font-family:'Comic Sans MS'; font-size:10pt; font-weight:500; color:black; }
#activities h2 {font-weight:bold; font-size:1.25em; display:inline;}
