@font-face {
    font-family: "FairyFont";
    src: url("FairyFont-Regular.otf");
}
@font-face {
    font-family: "FairyFont";
    src: url("FairyFont-Bold.otf");
    font-weight: bold;
}
@font-face {
    font-family: "FairyFont";
    src: url("FairyFont-Italic.otf");
    font-style: italic;
}
@font-face {
    font-family: "FairyFont";
    src: url("FairyFont-BoldItalic.otf");
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: "celtichd";
    src: url("celtichd.ttf");
}

/* ******************* New Fonts */

@font-face {
    font-family: "GTC";
    src: url("gtc.TTF");
}
@font-face {
    font-family: "GTC";
    src: url("gtcb.TTF");
    font-weight: bold;
}
@font-face {
    font-family: "GTC";
    src: url("gtci.TTF");
    font-style: italic;
}
@font-face {
    font-family: "GTC";
    src: url("gtcbi.TTF");
    font-weight: bold;
    font-style: italic;
}



/* ******************* Basic container and layout */

DIV {  /*let Firefox stick to the padding web standards*/
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        margin:0;
        padding:0;}

html,body {
	width: 100%;
    height:100%;
    padding:0px;
    margin:0px;
}

body {
	background-color: #000000;
}

#container{
	width: 100%;
	position:relative;
	float:left;
	display:table;
    background-color: #fff;
    background-image: url('../images/bgleft.png'), url('../images/bgright.png'), url('../images/bgtop.png');
    background-position: left top, right top, top;
    background-repeat: no-repeat, no-repeat, repeat-x;
}

#toptitle{
	width: 650px;
	margin-left: 190px;
	margin-top: 95px;
	float:left;
	display:table;
	color:#ffd200;
	font: 60px 'celtichd', Arial, Helvetica;
}

#topmenu{
	width:100%;
	position:relative;
	display:table;
	padding-left: 165px;
	float:left;
	}

#mainContent{
	width: 100%;
	padding-left: 95px;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	position:relative;
	display:table;
}

#homeArticles{
	text-align: center;
}

.homeFeature{
	border-top: #ffd200 4px solid;
	width: 350px;
	background-color: #fff;
	color:#4a4a4a;
	font: 18px 'FairyFont', Arial, Helvetica;

	margin-top:30px;
	margin-right:30px;
	padding-top:12px;
	display: inline-block; 
	text-align: left;
	vertical-align: text-top;
}

#rightbar{
	width: 210px;
	background-color: #fff;
	color:#4a4a4a;
	font: 1px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:right;
	margin-top:5px;
}
.rightbaritem{
	width: 200px;
	background-color: #fff;
	color:#4a4a4a;
	font: 1px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:right;
	margin-left:5px;
	margin-right:5px;
}

#footer{
	width: 100%;
	color:#ffffff;
	font: 18px 'centuryGothic', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	background: #000000 url('../images/footerbg.png') no-repeat right top;
	padding:30px;
	height:340px;
}


/* ******************* General Formatting */

a img {border: none;} 
table {border: none;}
form {color:#464646;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:12px;text-decoration:none;margin-left: 5px;}
video, canvas {
  max-width: 100%;
}

* {
    outline: none;
}

.contactfield {
width: 100%;
float:left;
padding-bottom:5px;
color: #4a4a4a;
font: 20px 'FairyFont', Arial, Helvetica;
padding: 3px;
}


.contactfield input {
    width: 300px;
    color: #4a4a4a;
    font: 20px 'FairyFont', Arial, Helvetica;
    border: 1px solid #4a4a4a;
    border-radius: 3px 3px 3px 3px;
}

.contactfield textarea {
    width: 300px;
    height: 200px;
    color: #4a4a4a;
    font: 20px 'FairyFont', Arial, Helvetica;
    border: 1px solid #4a4a4a;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 3px;
}

.contactlabel{
width: 200px;
float:left;
}


.contactfield select {
    width: 300px;
    color: #4a4a4a;
    font: 20px 'FairyFont', Arial, Helvetica;
    border: 1px solid #4a4a4a;
    border-radius: 3px 3px 3px 3px;
}

.contactfield checkbox {
    width: 200px;
    color: #4a4a4a;
    font: 20px 'FairyFont', Arial, Helvetica;
    border: 1px solid #4a4a4a;
    border-radius: 3px 3px 3px 3px;
	float:left;
}


/* ******************* General links */

a:link {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
a:visited {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
a:hover {color:#009418;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
a:active {color:#009418;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}


/* ******************* Listings */

.listheaderimage{
	width:20%;
	min-width:300px;
	margin:5px;
	display: inline-block;
}

.listtitleandcontent{
	width:76%;
	min-width:400px;
	margin:5px;
	display: inline-block;
}


/* ******************* Map Credits */

a.mapcredits:link {color:#000000;font-family: Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none;}     
a.mapcredits:visited {color:#000000;font-family: Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none;} 
a.mapcredits:hover {color:#000000;font-family: Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none;}  
a.mapcredits:active {color:#000000;font-family:Arial, Helvetica, sans-serif; font-size:11px;text-decoration:none;}

#mapid {
	width:80%;
	height: 1200px; 
	padding:-5px; 
	float:left;
}


/* ******************* Footer */

#footer a:link {color:#ffffff;font-family:'centuryGothic', Arial, Helvetica, sans-serif; font-size:1.2vw;text-decoration:none;}     
#footer a:visited {color:#ffffff;font-family:'centuryGothic', Arial, Helvetica, sans-serif; font-size:1.2vw;text-decoration:none;} 
#footer a:hover {color:#ffba00;font-family:'centuryGothic', Arial, Helvetica, sans-serif; font-size:1.2vw;text-decoration:none;}  
#footer a:active {color:#ffba00;font-family:'centuryGothic', Arial, Helvetica, sans-serif; font-size:1.2vw;text-decoration:none;}


/* ******************* Menu */

#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu {
	margin: 0px auto;
	border: 0px;
	
}

#menu:before,
#menu:after {
	content: "";
	display: table;
}

#menu:after {
	clear: both;
}

#menu {
	zoom:1;
}

#menu li {
	float: left;
	position: relative;
}

#menu a {
	float: left;
	padding: 2px 10px;
	color: #ffffff;
	font: 21px 'FairyFont', Arial, Helvetica;
	text-decoration: none;

}

#menu li:hover > a {
	color: #ffd200;
	background-color: #000000;
	background-image: linear-gradient(#000000, #004310);
}

*html #menu li a:hover { /* IE6 only */
	color: #fafafa;
}

#menu ul {
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 38px;
	left: 0;
	z-index: 500;    
	background: #fff;	
	box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
	border-radius: 3px;
	transition: all .2s ease-in-out;  
}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 0;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	box-shadow: -1px 0 0 rgba(255,255,255,.3);		
}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
}

#menu ul li:last-child {   
	box-shadow: none;    
}

#menu ul a {    
	padding: 10px;
	width: 200px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	color: #3e3e3e;
	font: 21px 'FairyFont', Arial, Helvetica;
	background-color: #f8f8f8;
}

#menu ul a:hover {
	background-color: #000000;
	background-image: linear-gradient(#000000, #004310);
}

#menu ul li:first-child > a {
	border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #3b3b3b;
}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #3b3b3b; 
}

#menu ul ul li:first-child a:hover:after {
	border-right-color: #3b3b3b; 
	border-bottom-color: transparent; 	
}

#menu ul li:last-child > a {
	border-radius: 0 0 3px 3px;
}

/* ******************* Login Page */

#loginc {
	width: 30%;
	max-width:350px;
	margin: 0px auto;
	background-color: #f7f7f7;
	color:#4a4a4a;
	font: 16px 'FairyFont', Arial, Helvetica;
	height:100%;
	position:relative;
	display:table;
}

.updown {
	width: 40px;
	height: 30px;
	padding: 2px;
	float: left;
}

.loginp{
	width: 250px;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 3px;
}
.loginf{
	width: 250px;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	font: 18px 'FairyFont', Arial, Helvetica;
}
	
.loginbutton{
	color: white;
           border-radius: 6px;
           text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
           background: #0093e8;
           border:1px solid #002e49;
           width: 150px;
           height:30px;
           font: 20px 'FairyFont', Arial, Helvetica;
           padding-bottom: 5px;
}


.joinbutton{
	color: white;
           border-radius: 4px;
           text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
           background: #0093e8;
           border:1px solid #002e49;
           width: 130px;
           height:24px;
           font: 15px 'FairyFont', Arial, Helvetica;
           padding-bottom: 5px;
}


/* ******************* Control Panel */

#adminheader{
	width: 100%;
	background-color: #f7f7f7;
	background-image: url("../images/cplogo.png");
	background-repeat: no-repeat;
	background-position: right;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	height:141px;
	position:relative;
	float: left;
	padding-left:50px;
	border-bottom:1px #dedede solid;
}

.admincontrol{
	background-color: #f7f7f7;
	width: 150px;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	height:140px;
	position:relative;
	float: left;
}

.pagecontrol{
	width: 50%;
	min-width:800px;
	background-color: #ffffff;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	height:141px;
	display:table;
	float: left;
	padding-left:50px;
}

.othercontrols{
	background-color: #ffffff;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	height:140px;
	position:relative;
	float: left;
	padding-left:10px;
	padding-right:10px;
}

.tablecellpadding{
	padding:5px;
}

.controlpanelform form {
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
}

.joinform {
	color:#ffffff;
	font: 20px 'FairyFont', Arial, Helvetica;
}

.controlpanelform table {
		color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	}
	
.controlpanelform input {
	max-width: 450px;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	}
	
.controlpanelform submit {
		color:#ffffff;
	}
	
.controlpanelform textarea {
	max-width: 450px;
	height: 200px;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 3px;
	}
	
	
.admincontrol a:link {color:#4a4a4a;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.admincontrol a:visited {color:#4a4a4a;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.admincontrol a:hover {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.admincontrol a:active {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

.othercontrols a:link {color:#4a4a4a;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.othercontrols a:visited {color:#4a4a4a;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.othercontrols a:hover {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.othercontrols a:active {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

.pagecontrol a:link {color:#009af3;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.pagecontrol a:visited {color:#009af3;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.pagecontrol a:hover {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.pagecontrol a:active {color:#000000;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

.newsfeed a:link {color:#343434;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:1em;text-decoration:none;}     
.newsfeed a:visited {color:#343434;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:1em;text-decoration:none;} 
.newsfeed a:hover {color:#0087d5;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:1em;text-decoration:none;}  
.newsfeed a:active {color:#0087d5;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:1em;text-decoration:none;}

a.homeArt:link {color:#212121;font-family:'celtichd', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}     
a.homeArt:visited {color:#212121;font-family:'celtichd', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;} 
a.homeArt:hover {color:#006a11;font-family:'celtichd', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}  
a.homeArt:active {color:#006a11;font-family:'celtichd', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;}

a.homeArt2:link {color:#212121;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
a.homeArt2:visited {color:#212121;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
a.homeArt2:hover {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
a.homeArt2:active {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

a.homeArt3:link {color:#212121;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}     
a.homeArt3:visited {color:#212121;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;} 
a.homeArt3:hover {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}  
a.homeArt3:active {color:#006a11;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}

p.homeArticles {margin:0px;padding:0px;}

.pagecontrol li {background-color: #ffffff;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	list-style-type: none;
	}
	
	.pagecontrol ul {background-color: #ffffff;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	list-style-type: none;
	}

h1{
color:#ffd200;
padding: 15px;
margin-bottom:5px;
padding-left: 25px;
font: 40px 'celtichd', Arial, Helvetica;
	background-color: #000000;
    background-image: url('../images/titlebgleft.png'), url('../images/titlebgright.png');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
display:inline block;
margin-top: 5px;
}


h1.storytitle{
color:#ffd200;
padding: 15px;
margin-bottom:5px;
padding-left: 25px;
font: 36px 'celtichd', Arial, Helvetica;
	background-color: #000000;
    background-image: url('../images/titlebgleft.png'), url('../images/titlebgright.png');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
display:inline block;
margin: 0px;
font-weight:bold;
}

h2{
color:#005212;
margin-bottom:5px;
font: 26px 'celtichd', Arial, Helvetica;
display:inline block;
margin: 0px;
}


h3{
color:#ffd200;
padding: 15px;
margin-bottom:5px;
padding-left: 25px;
font: 36px 'celtichd', Arial, Helvetica;
	background-color: #000000;
    background-image: url('../images/titlebgleft.png'), url('../images/titlebgright.png');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
display:inline block;
margin-top: 5px;
}

h3.storysubtext{
color:#3dac66;
margin-bottom:5px;
font: 23px 'celtichd', Arial, Helvetica;
display:inline block;
margin-top: 5px;
background:none;
padding: 0px;
margin-bottom:0px;
padding-left: 0px;
}


#content2 {
	width: 100%;
	background-color: #fff;
	color:#4a4a4a;
	font: 20px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding-left:10px;
	padding-right:10px;}
#content3 {
	width: 100%;
	background-color: #fff;
	color:#4a4a4a;
	font: 18px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding-left:10px;
	padding-right:10px;}
	
/* ******************* Phone menu and layout */

#phonedisp {display: none;}
#undermenu {display: none;}
#phonefooter {display: none;}
#commlink {display: none;}
#midlink {display: none;}
#bottomlink {display: none;}

@media screen and (min-width: 1px) and (max-width: 799px) {
	
h3.storysubtext{
color:#e66300;
margin-bottom:5px;
font: 24px 'celtichd', Arial, Helvetica;
display:inline block;
margin-top: 5px;
background:none;
padding: 8px;
}

#mapid {
	width:100%;
	height:350px;
}

html, body {
		width: 100%;
		background: #fff;
		padding: 0px;
		margin: 0px;
		color: #000;
		margin: 0;
		display: table;
		font-size: 100%;
		overflow-x:hidden;
		}
img, video, canvas {
  max-width: 100%;
  height: auto;
}

#commlink {
	display: block;
	width:100%;
}

.homeFeature {
	width:100%;
}

#midlink {
	display: block;
	width:100%;
}

#bottomlink {
	display: block;
	width:100%;
}


#phonedisp {
	display: block;
	color:#4a4a4a;
	font: 3em 'basicSansHeavy', Arial, Helvetica;
}

#mainContent{
	background-color: #fff;
	color:#4a4a4a;
	font: 18px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:left;
}

.listheaderimage{
	width:95%;
	min-width:0px;
}

.listtitleandcontent{
	width:95%;
	min-width:0px;
}


#pageContent{
	background-color: #fff;
	color:#4a4a4a;
	font: 14px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
}


#mainContent{
	width: 100%;
	padding-left: 5px;
	color:#4a4a4a;
	font: 18px 'FairyFont', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
}


h3{
color:#ffd200;
padding: 10px;
margin-bottom:5px;
margin-left:-10px;
font: 16px 'celtichd', Arial, Helvetica;
	background-color: #000000;
    background-image: url('../images/titlebgleft.png'), url('../images/titlebgright.png');
    background-position: left top, right top;
    background-repeat: no-repeat, no-repeat;
display:inline block;
margin-top:1px;
}

#content2 { font: 14px 'FairyFont', Arial, Helvetica #4a4a4a; float:left; width:100%; padding-left:10px;padding-right:10px;background-color: #ffffff;color: #4a4a4a;}
#content3 { font: 14px 'FairyFont', Arial, Helvetica #4a4a4a; float:left; width:100%; padding-left:10px;padding-right:10px;background-color: #ffffff; color: #4a4a4a;}


/* ******************* General links */

a:link {color:#009af3;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}     
a:visited {color:#009af3;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;} 
a:hover {color:#0087d5;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}  
a:active {color:#0087d5;font-family:'FairyFont', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;}

p {font-size:18px;}

#phonefooter {
	width: 100%;
	color:#ffffff;
	font: 1em 'centuryGothic', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	background: #3c3c3c ;
	padding:4px;
}

#toptitle {display: none;}
#header {display: none;}
#topmenu {display: none;}
#rightbar {display: none;}
#menu {display: none;}
#newsslider {display: none;}
#footer {display: none;}

.phonemenu a:link {color:#ec5b00;font-family:Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;margin:18px;font-weight:bold;}     
.phonemenu a:visited {color:#ec5b00;font-family:Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;margin:18px;font-weight:bold;} 
.phonemenu a:hover {color:#ec5b00;font-family:Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;margin:18px;font-weight:bold;}  
.phonemenu a:active {color:#ec5b00;font-family:Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;margin:18px;font-weight:bold;} 

li.orange
{
	list-style-type: none; 
	font: 15px 'centuryGothic', Arial, Helvetica;
}

.loginp{
	width: 50px;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 3px;
}
}