/* CSS for Slick n Knobbly site */

body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 background-color: #000;
}

h1.eventname, h1.eventname2 {
 font-family: "Bookman Old style", Garamond, Georgia, Serif;
 font-weight: 700;
 font-size: xx-large;
 margin-top: 10px;
 margin-left: 120px;
}

h1.eventname2 { 
 color: red;
}

h2 { font-family: Times New Roman, Times, Serif;
 font-size: x-large;
}

h2.pagetitle {
 padding-top: 10px;
 margin-top:0;
 margin-left: 100px;
 color: #009933;
}

#rightcol h2 { 
 text-align: center; 
 color: #ccffcc;
 margin-bottom: 7px;
}

#rightcol h2.boxtitle {
 background: #009933 url(images/box-top.gif) no-repeat scroll 0% 0%;
 color: #000;
 font-weight: bolder;
}

h3 {
 margin-left: 10px;
 font-size: medium;
 margin-bottom: 0;
}

.event-info h3 {
 font-variant: small-caps;
}

#submaincol h3 {
 font-family: Times New Roman, Times, Serif;
 font-size: x-large;
 margin-top: 0;
 color: #009933;
}

p {
 line-height: 125%;
 font-size: small;
}

p.comment {
 margin-top:5px;
 margin-bottom: 30px;
 text-align: right;
}

p.special {
 line-height: normal;
 font-style: italic;
}

#maincol p.photo {
color: #666;
margin:0;
padding:0;
font-size: 9pt;
text-indent: 0;
}

#contact p {
 margin-top: 0;
 padding-bottom: 8px;
}

img.styleleft {
 float:left;
 margin: 2px;
}

img.sip-logo {
 margin: 5px;
}

a img { border: 0;}

a {color: #66cc66; text-decoration:none; font-weight: 800; }
a:hover { color: red; text-decoration: underline;}

#wrapper {
 width: 900px;
 background-color: #009933;
 margin: 0 auto;
}

#header {
 height: 300px;
}

.header-home { background: white url(images/snk-header1.jpg) no-repeat scroll 0% 0%;}
.header-entry { background: white url(images/snk-header2.jpg) no-repeat scroll 0% 0%;}
.header-events { background: white url(images/snk-header3.jpg) no-repeat scroll 0% 0%;}
.header-youth { background: white url(images/snk-header4.jpg) no-repeat scroll 0% 0%; }

#mainmenu {
 top:300px;
 left:0;
}
 
#mainmenu ul {
 padding: 5px 0;
 margin: 0;
 list-style-type: none;
}

#mainmenu li {
 font-style: normal;
 font-size: small;
 display: inline;
 border-left:1px solid #009933;
 border-right:1px solid #009933;
}

#mainmenu a { 
 color:#fff;
 padding: 8px;
}

#mainmenu .active { 
 color: #ccffcc; 
 border-left: 1px solid #ccffcc; 
 border-right: 1px solid #ccffcc; 
}

#maincol {
 background: #fff url(images/snk-mainbg.gif) no-repeat scroll bottom right;
 top: 30px;
 width:599px;
 margin-bottom: 60px;
}

#submaincol { 
 background-color: #fff;
 width: 599px;
}

#maincol p { padding: 0 30px;
 text-indent: 2em;
 }

#submaincol img {
 margin: 7px;
}

.corners, .bottomcorners  { height:10px; }
.corners {
 background: #009933 url(images/top-corners.gif) no-repeat scroll 0% 0%;
}
#corners2 { 
 background: #009933 url(images/top-corners2.gif) no-repeat scroll 0% 0%;
}

.bottomcorners { 
 background: #009933 url(images/bottom-corners.gif) no-repeat scroll 0% 0%;
}

#bottomcorners2 { 
 background: #009933 url(images/bottom-corners2.gif) no-repeat scroll 0% 0%;
}

ul.inset {
 margin-left: 100px;
 margin-right: 30px;
 font-size:small;
 font-family: "Lucida Sans";
}

.event-info { border: 3px double black;
 margin: 0 20px;
 background-color: #eaffcc;
}

.event-info img {
 float:left;
 border: 1px solid gray;
 margin: 5px;
}

#maincol .event-info p { margin-top: 0;
 padding:0 10px;
 text-indent: 0;
}

#map { margin: 8px; float:left; }

/* table design------------
------------------------*/
caption {  font-family: Times New Roman, Times, Serif;
 font-size: x-large;
 font-weight: 700;
 color: #009933;
 }

.results {
 border-collapse: collapse;
 margin-left: 40px;
 border: 1px solid #000;
}

.results td {
 font-size: small;
 border: 1px solid #000;
 padding: 3px;
}

/*---right column design
---------------------*/

#rightcol {
 right:0;
 top: 330px;
 width:300px;
 background-color: #009933;
}

#rightcol img.photo {
 border: 2px solid #000;
 margin-left: 8px;
}

#rightcol img.logo {
 margin-bottom: 10px;
}

.box {
 background: #ccffcc url(images/box-right.gif) repeat-y scroll right;
 width:290px;
 margin-left: 8px;
 margin-bottom: 10px;
}

.box p { margin:0 25px 0 20px;
 padding: 5px 0;
}

#news.box p  {
 border-top: 2px dashed #009933;
}

.box-bottom {
 height: 40px;
 background: #009933 url(images/box-bottom.gif) no-repeat scroll bottom;
}

.highlight1 {
 color: #009933;
 font-weight: 800;
}

#contact {
 margin-left: 10px;
 background: #009933 url(images/contact.gif) no-repeat scroll 0% 0%;}

#contact p {color: #fff;
 text-align: center;
}

/*---------end of rightcol design----------*/

/*----------------------
Positioning */

#wrapper, #maincol { position:relative;}

#mainmenu, .eventname, .eventname2, #rightcol, .background {
 position:absolute;
}