@font-face {
	font-family: 'JSL-Ancient';
	src: url('fonts/Jancient.eot');
	src: url('fonts/Jancient.eot') format('embedded-opentype'),
    	 url('fonts/Jancient.woff') format('woff'),
    	 url('fonts/Jancient.ttf') format('truetype'),
         url('fonts/Jancient.svg#JSL-Ancient') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'JSL-AncientItalic';
	src: url('fonts/Jancieni.eot');
	src: url('fonts/Jancieni.eot') format('embedded-opentype'),
    	 url('fonts/Jancieni.woff') format('woff'),
    	 url('fonts/Jancieni.ttf') format('truetype'),
         url('fonts/Jancieni.svg#JSL-AncientItalic') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'GrandjeanPW';
	src: url('fonts/GrandjeanTypes.eot');
	src: url('fonts/GrandjeanTypes.eot') format('embedded-opentype'),
    	 url('fonts/GrandjeanTypes.woff') format('woff'),
    	 url('fonts/GrandjeanTypes.ttf') format('truetype'),
         url('fonts/GrandjeanTypes.svg#GrandjeanPW') format('svg');
	font-weight: normal;
	font-style: normal;
}

a:link {
    color:#336699;
}

a:hover {
    color:#6699CC;
}

a:visited {
    color:#252f4a;
}

#buttonL1 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonL1.png") no-repeat 0 0; }
#buttonL1:hover {background-position: -200px 0; }
#buttonL1:active {background-position: -400px 0; }
#buttonL1 span {position: absolute; top: -999em; }

#buttonL2 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonL2.png") no-repeat 0 0; }
#buttonL2:hover {background-position: -200px 0; }
#buttonL2:active {background-position: -400px 0; }
#buttonL2 span {position: absolute; top: -999em; }

#buttonL3 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonL3.png") no-repeat 0 0; }
#buttonL3:hover {background-position: -200px 0; }
#buttonL3:active {background-position: -400px 0; }
#buttonL3 span {position: absolute; top: -999em; }

#buttonL4 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonL4.png") no-repeat 0 0; }
#buttonL4:hover {background-position: -200px 0; }
#buttonL4:active {background-position: -400px 0; }
#buttonL4 span {position: absolute; top: -999em; }

#buttonR1 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonR1.png") no-repeat 0 0; }
#buttonR1:hover {background-position: -200px 0; }
#buttonR1:active {background-position: -400px 0; }
#buttonR1 span {position: absolute; top: -999em; }

#buttonR2 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonR2.png") no-repeat 0 0; }
#buttonR2:hover {background-position: -200px 0; }
#buttonR2:active {background-position: -400px 0; }
#buttonR2 span {position: absolute; top: -999em; }

#buttonR3 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonR3.png") no-repeat 0 0; }
#buttonR3:hover {background-position: -200px 0; }
#buttonR3:active {background-position: -400px 0; }
#buttonR3 span {position: absolute; top: -999em; }

#buttonR4 {display: block; width: 200px; height: 150px; background: url("images/index/ButtonR4.png") no-repeat 0 0; }
#buttonR4:hover {background-position: -200px 0; }
#buttonR4:active {background-position: -400px 0; }
#buttonR4 span {position: absolute; top: -999em; }

body {
text-align: center;
position: relative;
background-image: url("images/general/VintagePaperNarrow.jpg");
background-repeat: repeat-y;
background-attachment: scroll; 
background-position: center, top;
 background-color: white;}

p.centerlarge {text-align: center; font-family: JSL-Ancient; font-size: 28pt; color: #000000; font-style: normal; width: 940px; margin: 10px auto 10px auto; line-height: 120%;}
p.centermedium {text-align: center; font-family: JSL-Ancient; font-size: 20pt; color: #000000; font-style: normal; width: 940px; margin: 10px auto 10px auto; line-height: 120%; }
p.centersmall {text-align: center; font-family: JSL-Ancient; font-size: 16pt; color: #000000; font-style: normal; width: 940px; margin: 10px auto 10px auto; line-height: 120%;}
p.centertiny {text-align: center; font-family: JSL-Ancient; font-size: 12pt; color: #000000; font-style: normal; width: 940px; margin: 10px auto 10px auto; line-height: 120%;}

p.leftlarge {text-align: left; font-family: JSL-Ancient; font-size: 28pt; color: #000000; font-style: normal; width: 800px; margin: 10px auto 10px auto; line-height: 120%;}
p.leftmedium {text-align: left; font-family: JSL-Ancient; font-size: 20pt; color: #000000; font-style: normal; width: 800px; margin: 10px auto 10px auto; line-height: 120%;}
p.leftsmall {text-align: left; font-family: JSL-Ancient; font-size: 16pt; color: #000000; font-style: normal; width: 800px; margin: 10px auto 10px auto; line-height: 120%;}
p.lefttiny {text-align: left; font-family: JSL-Ancient; font-size: 12pt; color: #000000; font-style: normal; width: 800px; margin: 10px auto 10px auto; line-height: 120%;}

p.headinglarge {text-align: center; font-family: JSL-Ancient; font-size: 72pt; font-weight: bold; color: #252f4a; font-style: normal; width: 940px; margin: 10px auto 10px auto;}
p.headingmedium {text-align: center; font-family: JSL-Ancient; font-size: 32pt; font-weight: bold; color: #252f4a; font-style: normal; width: 940px; margin: 10px auto 10px auto;}
p.headingsmall {text-align: center; font-family: JSL-Ancient; font-size: 20pt; font-weight: bold; color: #252f4a; font-style: normal; width: 940px; margin: 10px auto 10px auto;}
p.headingsmallfloat {text-align: center; font-family: JSL-Ancient; font-size: 20pt; font-weight: bold; color: #252f4a; font-style: normal; width: 540px; margin: 10px auto 10px auto;}
p.headingsmallfloat2 {text-align: center; font-family: JSL-Ancient; font-size: 20pt; font-weight: bold; color: #252f4a; font-style: normal; width: 340px; margin: 10px auto 10px auto;}

p.news {text-align: center; font-family: JSL-Ancient; font-size: 20pt; font-weight: bold; color: #000000; font-style: italic; width: 800px; margin: 10px auto 10px auto; padding: 10px; border-style: solid; border-width: 2px; border-color: #000000;  background-color: white;}

div.default {width: 940px; margin: 10px auto 10px auto;}
div.float {width: 540px; float: right; margin: 10px auto 10px auto;}
div.float2 {width: 340px; float: right; margin: 10px auto 10px auto;}
div.clear {clear: both;}

img.button {display: block;}
img.padded {padding: 0px 10px 0px 10px;}

table.buttons {
    width: 900px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}

tr.buttonrow {height: 150px;} 

td.buttonpicture {width: 200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
td.buttontext {width: 200px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
td.buttongap {width: 100px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

table.buttontext {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0;
}

tr.buttonheading {height: 50px;} 
tr.buttondescription {height: 100px;} 

td.buttonheading {width: 200px; text-align: center; font-family: GrandjeanPW; font-size: 16pt; font-weight: bold; color: #252f4a; font-style: normal; vertical-align:bottom; text-transform: uppercase; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
td.buttondescription {width: 200px; text-align: center; font-family: GrandjeanPW; font-size: 10pt; color: #000000; font-style: normal; vertical-align: top; text-transform: uppercase; padding:15px 10px 0px 10px; margin: 0px 0px 0px 0px;}

table.headline {
    margin-left: auto;
    margin-right: auto;
   border: 0px;
    border-collapse: collapse;
}

tr.headline {height: 200px; text-align: center; font-family: JSL-Ancient; font-size: 72pt; font-weight: bold; color: #252f4a; font-style: normal; vertical-align:middle;}

td.headline {padding: 5px 2px 5px 2px; margin: 5px 0px 5px 0px;}

table.event {
    margin-left: auto;
    margin-right: auto;
    border-collapse: collapse;
}

tr.eventheader {height: 40px; font-weight: bold; text-align: left; font-family: JSL-Ancient; font-size: 20pt; font-style: normal; color: #252f4a; vertical-align:middle; background-color: #ffff33}
tr.eventdata {font-weight: normal;  text-align: left; font-family: JSL-Ancient; font-size: 20pt; font-style: normal; color: #000000; vertical-align:top; background-color: #ffffcc}


td.eventtime {width: 100px; padding: 5px 5px 5px 5px; border: 2px solid; color: #000000;}
td.eventname {width: 200px; padding: 5px 5px 5px 5px; border: 2px solid; color: #000000;}
td.eventfeaturing {width: 250px; padding: 5px 5px 5px 5px; border: 2px solid; color: #000000;}
td.eventvenue {width: 250px; padding: 5px 5px 5px 5px; border: 2px solid; color: #000000;}
td.eventdetails {width: 800px; padding: 5px 5px 5px 5px; border: 2px solid; color: #000000;}

hr.break {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
    background-color: #252f4a;
}

hr.footer {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 2px;
    background-color: #252f4a;
}

input.box {text-align: left; font-family: JSL-Ancient; font-size: 20pt; color: #000000; font-style: normal; border-style: solid;  border-width: 1px; border-color: black; padding: 5px 2px 5px 2px; background-color: #FFFFCC; border-radius:5px; box-shadow: 2px 2px 0 #252F4A inset;}

input.button {text-align: center; font-family: JSL-Ancient; font-size: 20pt; color: #FFFFFF; font-style: normal; border-style: solid;  border-width: 1px; border-color: black; padding: 5px 2px 5px 2px; background-color: #336699; border-radius:5px; box-shadow: 2px 2px 0 #252F4A; height: 50px; width: 120px; margin-right: 20px; margin-left: 20px;}

textarea {text-align: left; font-family: JSL-Ancient; font-size: 20pt; color: #000000; font-style: normal; border-style: solid;  border-width: 1px; border-color: black; padding: 5px 2px 5px 2px; background-color: #FFFFCC; border-radius:5px; box-shadow: 2px 2px 0 #252F4A inset;}