body {
}
nav ul { -webkit-padding-start: 0; }
.container {
  width: 95%;
}

/*low resolution, 480px and below */
@media only screen and (max-width: 480px) { 

p { color: rgb(0,0,0); } 

body { background: rgb(244,244,244); }

#master { width: 95%; margin: 0 auto; background: rgb(255,255,255); border: 1px solid rgb(193,180,152); }

header {width: 480px; height: 62px; background: url(..\img\banner480.png);}

nav { background: rgb(0,0,0); text-align: center; margin-bottom: 10px; padding: 10px 5px; }
	nav li { display: inline; margin-left: 10px; font-size: 150%; line-height: 160%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

#slideshow { display: none; }

.contentbox { background: url(ContentBoxBG.jpg); float: left; border-top: 1px solid rgb(193,180,152); border-bottom: 1px solid rgb(193,180,152); padding: 10px; margin-bottom: 10px; text-align: center; }
	.contentbox p { font-family: verdana; font-size: 80%; line-height: 150%; text-align: left; }

article { width: 95%; margin-left: 10px; margin-bottom: 60px; }

.news { margin-bottom: 20px; }
	.news h2 { font-size: 120%; margin-bottom: 5px; }
	.news h2 a { text-decoration: none; color: rgb(189,30,44); }
	.news p { line-height: 160%; }
	.newsmeta { font-size: 70%; margin-top: 5px; float: right; font-family: verdana; }
	.newsmeta a { color: rgb(189,30,44); }

footer nav { margin-bottom: 0; font-size: 80%; font-family: verdana; }

#neon {

    padding: 10px;
    background: #5a5858;
}

#neon h1 {
    text-align: left;
    margin: 10px auto;
    font-family: Arial;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #1a82f7, 0 0 35px #1a82f7, 0 0 40px #1a82f7, 0 0 50px #1a82f7, 0 0 75px #1a82f7;
}

}


/*medium resolution, 481px to 1023px */
@media only screen and (min-width: 481px) { 

p { color: rgb(0,0,0); }

body { background: rgb(244,244,244); }

.tblContainer {
        width: 95%;
        border-top-style: solid;
        border-left-style: solid;
        border-top-width: 1px;
        border-left-width: 1px;
    }

#master { width: 95%; margin: 0 auto; border: 1px solid rgb(193,180,152); background: rgb(255,255,255); }

header {height: 130px; background: url(img\banner.png); }

nav { background: rgb(0,0,0); text-align: center; padding: 10px 5px; margin-bottom: 20px; }
	nav li { display: inline; margin-left: 10px; font-size: 110%; line-height: 160%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

#slideshow { width: 90%; margin: 10px auto; }
	#slideshow img { width: 100%; border: 1px solid rgb(193,180,152); }

.contentbox { background: url(ContentBoxBG.jpg); float: left; border-top: 1px solid rgb(193,180,152); border-bottom: 1px solid rgb(193,180,152); padding: 10px; margin-bottom: 10px; }
	.contentbox p { font-family: verdana; font-size: 80%; line-height: 140%; }
	.contentbox img { float: left; margin-right: 10px; }

article { width: 95%; margin-left: 10px; margin-bottom: 50px; }

.news { margin-bottom: 20px; }
	.news h2 { font-size: 120%; margin-bottom: 5px; }
	.news h2 a { text-decoration: none; color: rgb(189,30,44); }
	.newsmeta { font-size: 70%; margin-top: 5px; float: right; font-family: verdana; }
	.newsmeta a { color: rgb(189,30,44); }

footer nav { margin-bottom: 0; font-size: 80%; font-family: verdana; }

@font-face {
    font-family: bpFont;
    src: url("AlfaSlabOne-Regular.eot"); /* EOT file for IE */
}
@font-face {
 font-family: bpFont;
 src: url("AlfaSlabOne-Regular.ttf") /* TTF file for CSS3 browsers */
}
/*http://html5snippets.com/snippets/37-cool-text-effects# Pulled this effect from this site*/
#neon {

    padding: 10px;
    background: #5a5858;
}

#neon h1 {
    text-align: left;
    margin: 10px auto;
    font-family: Arial;
    font-size: 25px;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #1a82f7, 0 0 35px #1a82f7, 0 0 40px #1a82f7, 0 0 50px #1a82f7, 0 0 75px #1a82f7;
}
/*Credit @insigngmbh http://html5snippets.com/snippets/29-animated-button# 04/03/2014*/
a:link, a:visited {
    text-decoration: none;
    color: #fff;
    border: none;
}
div.mod {
    margin: 0 0 30px 0;
    padding: 80px;
    text-align: center;
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .1);
    box-shadow: 0 0 3px rgba(0, 0, 0, .1);
}

/* button styles */
 
.btn {
    display: inline-block;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow:
 0 8px 0 #1a74a1,  0 15px 20px rgba(0, 0, 0, .35);
    -moz-box-shadow:
 0 8px 0 #1a74a1,  0 15px 20px rgba(0, 0, 0, .35);
    box-shadow:
 0 8px 0 #1a74a1,  0 15px 20px rgba(0, 0, 0, .35);
 -webkit-transition: -webkit-box-shadow .2s ease-in-out;
 -moz-transition: -moz-box-shadow .2s ease-in-out;
 -o-transition: -o-box-shadow .2s ease-in-out;
 transition: box-shadow .2s ease-in-out;
}
.btn span {
    display: inline-block;
    padding: 10px 20px;
    font-family: "cooper-black-std-1", "cooper-black-std-2", Helvetica, Arial, sans-serif;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(19, 65, 88, .8);
    background: #3194c6;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3194c6), to(#5bacd6));
    background: -moz-linear-gradient(#3194c6, #5bacd6);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
    box-shadow: inset 0 -1px 1px rgba(255, 255, 255, .15);
 -webkit-transition: -webkit-transform .2s ease-in-out;
 -moz-transition: -moz-transform .2s ease-in-out;
 -o-transition: -o-transform .2s ease-in-out;
 transition: transform .2s ease-in-out;
}
.btn:active {
    -webkit-box-shadow:
 0 8px 0 #1a74a1,  0 12px 10px rgba(0, 0, 0, .3);
    -moz-box-shadow:
 0 8px 0 #1a74a1,  0 12px 10px rgba(0, 0, 0, .3);
    box-shadow:
 0 8px 0 #1a74a1,  0 12px 10px rgba(0, 0, 0, .3);
    -webkit-transition: -webkit-transform 0s ease-in-out;
    -moz-transition: -moz-transform 0s ease-in-out;
    -o-transition: -o-transform 0s ease-in-out;
    transition: transform 0s ease-in-out;
}
.btn:active span {
    -webkit-transform: translate(0, 4px);
    -moz-transform: translate(0, 4px);
    -o-transform: translate(0, 4px);
    transform: translate(0, 4px);
    -webkit-transition: -webkit-transform 0s ease-in-out;
    -moz-transition: -moz-transform 0s ease-in-out;
    -o-transition: -o-transform 0s ease-in-out;
    transition: transform 0s ease-in-out;
}
.btn:visited span{
    color:white;
}

}


/*high resolution, 1024px and higher */
@media only screen and (min-width: 1024px) { 

p { color: rgb(0,0,0); } 

body { background: rgb(244,244,244); }

.tblContainer {
        width: 95%;
        border-top-style: solid;
        border-left-style: solid;
        border-top-width: 1px;
        border-left-width: 1px;
    }
.tdColumn {
        padding-right: 10px;
        font-weight: bold;
        text-transform: capitalize;
        text-align: right;
        vertical-align: top;
    }
.tdData {
        vertical-align: top;
        text-align: left;
    }
#master { background: rgb(255,255,255); width: 960px; margin: 0 auto; border: 1px solid rgb(193,180,152); }

header { width: 960px; height: 130px; background: url(img\banner.png);}

nav { width: 960px; height: 35px; background: rgb(0,0,0); text-align: center; padding: 10px 0; margin-bottom: 20px;  }
	nav li { display: inline; margin-left: 10px; font-size: 120%; }
	nav li a { color: rgb(255,255,255); text-decoration: none; }

#slideshow { width: 840px; height: 300px; border: 1px solid rgb(193,180,152); margin: 10px auto; }

.contentbox {
        width: 300px;
          /* Safari 4-5, Chrome 1-9 */
          background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

          /* Safari 5.1, Chrome 10+ */
          background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

          /* Firefox 3.6+ */
          background: -moz-linear-gradient(top, #2F2727, #1a82f7);

          /* IE 10 */
          background: -ms-linear-gradient(top, #2F2727, #1a82f7);

          /* Opera 11.10+ */
          background: -o-linear-gradient(top, #2F2727, #1a82f7);
        /*background: url('../img/ContentBoxBG.jpg');*/
        float: left;
        border-top: 1px solid rgb(193,180,152);
        border-bottom: 1px solid rgb(193,180,152);
        padding: 10px;
        margin-bottom: 10px;
    }
	.contentbox p { font-family: verdana; font-size: 80%; line-height: 140%; }
	.contentbox img { margin-bottom: 10px; }
#linearBg2 {
  /* fallback */
  background-color: #1a82f7;
  background: url(images/linear_bg_2.png);
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1a82f7), to(#2F2727));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #2F2727, #1a82f7);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #2F2727, #1a82f7);

  /* IE 10 */
  background: -ms-linear-gradient(top, #2F2727, #1a82f7);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #2F2727, #1a82f7);
}
article { width: 940px; margin-left: 10px; margin-bottom: 50px; }
	.news { margin-bottom: 20px; }
	.news h2 { font-size: 120%; margin-bottom: 5px; }
	.news h2 a { text-decoration: none; color: rgb(189,30,44); }
	.newsmeta { font-size: 70%; margin-top: 5px; float: right; font-family: verdana; }
	.newsmeta a { color: rgb(189,30,44); }

footer nav { margin-bottom: 0; font-size: 80%; font-family: verdana; }

#neon {

    padding: 5px;
    background: #5a5858;
}

    #neon h1 {
        text-align: left;
        margin: 5px auto 5px 20px;
        font-family: Arial;
        font-size: 40px;
        text-transform: uppercase;
        color: #fff;
        /* NEON BLUE text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 15px #fff, 0 0 20px #1a82f7, 0 0 35px #1a82f7, 0 0 40px #1a82f7, 0 0 50px #1a82f7, 0 0 75px #1a82f7;*/
        /* NEON GREEN text-shadow: 0 0 3px #fff, 0 0 7px #fff, 0 0 11px #fff, 0 0 17px #2dff2d, 0 0 27px #2dff2d, 0 0 37px #2dff2d, 0 0 47px #2dff2d, 0 0 77px #2dff2d;*/
        text-shadow: 0 0 3px #fff, 0 0 7px #fff, 0 0 17px #ace600, 0 0 27px #ace600;
        /*text-shadow: 2px 8px 6px rgba(0,0,0,0.2), 0px -5px 35px rgba(255,255,255,0.3);*/
        /*perishablepress.com/tools/css/text-shadow/*/

     
    }
    #neon h1 text::first-letter{
        color:azure; 
    text-shadow:0 0 5px, 0 0px 6px 3px blue, 0 -2px 6px 6px cyan, 0 -4px 9px 9px lightblue
    }
}

}