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

@font-face {
    font-family: "fedor";
    src: url("fedor.ttf"), url('fedor.eot');
}

@font-face {
    font-family: "gara";
    src: url("gara.ttf");
}
@font-face {
    font-family: "gara";
    src: url("garabo.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "gara";
    src: url("garait.ttf");
    font-style: italic;
}
@font-face {
    font-family: "gara";
    src: url("garbita.ttf");
    font-weight: bold;
    font-style: italic;
}



@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;
}
@font-face {
    font-family: "basicSansHeavy";
    src: url("saclb.ttf");
}
@font-face {
    font-family: "basicSansHeavy";
    src: url("saclbi.ttf");
    font-style: italic;
}
@font-face {
    font-family: "centuryGothic";
    src: url("Gothic.TTF");
}
@font-face {
    font-family: "centuryGothic";
    src: url("Gothicb.TTF");
    font-weight: bold;
}
@font-face {
    font-family: "centuryGothic";
    src: url("Gothici.TTF");
    font-style: italic;
}
@font-face {
    font-family: "centuryGothic";
    src: url("Gothicbi.TTF");
    font-weight: bold;
    font-style: italic;
}



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

* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }

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

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

body {
	background-color:#300000;
}


#header{
	width: 100%;
	background-color: #000000;
	position:relative;
	float:left;
	display:inline-block;
	padding:0px;
	margin:0px;
}

#topmenu{
	position:relative;
	float:left;
	display:table;
	margin-top:30px;
}

#topsocial{
	position:relative;
	float:right;
	display:table;
	margin-top:40px;
	margin-right:20px;
}

#topleft{
	height:97px;
	position:relative;
	float:left;
	display:table;
}
#mainContent{
	width: 100%;
	background-color: #fff;
	color:#4a4a4a;
	font: 24px 'GTC', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding:15px;
}

#subContent{
	width: 100%;
	background-color: #fff;
	color:#4a4a4a;
	font: 24px 'GTC', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding:15px;
	padding-top:0px;
}



#pageContent{
	width: 100%;
	background-color: #fff;
	color:#4a4a4a;
	font: 1.5em 'GTC', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding-left:10px;
	padding-right:10px;
}

#footer{
	width: 100%;
	color:#ffffff;
	position:relative;
	float:left;
	display:table;
	background-image: linear-gradient(#850000, #300000);
	padding:10px;
	height:200px;
	border-top:6px solid #212021;
}
#facebooktwitter{
	width: 152px;;
	height: 150px;
	position:absolute;
	right: 5px;
	margin-bottom:80px;
}

.footerimg {
	border:0px; padding:0px; margin:0px; display: block; float: left;
}

.titlediv{
	width: 100%;
	background-color: #3c3c3c;
	color:#ffba00;
	font: 2em 'centuryGothicBold', Arial, Helvetica;
	position:relative;
	float:left;
}

.titledivleft{
	background-color: #3c3c3c;
	color:#ffba00;
	font: 4em 'centuryGothicBold', Arial, Helvetica;
	position:relative;
	float:left;
	margin:10px;
}

.titledivright{
	background-color: #3c3c3c;
	color:#4a4a4a;
	font: 2em 'GTC', Arial, Helvetica;
	position:relative;
	float:right;
}

/* *********************************************************************************************************************************** Home Page */

#homeGroupsContent
{
	text-align: center; padding:10px; padding-bottom:0px; margin:-15px; 
	background: #f0f0f0; 
    background: url('../images/hexbg.png') repeat-x top left, -webkit-linear-gradient(#bababa, #ffffff); 
    background: url('../images/hexbg.png') repeat-x top left, -moz-linear-gradient(#bababa, #ffffff);
    background: url('../images/hexbg.png') repeat-x top left, linear-gradient(#bababa, #ffffff);
}

.content
{
	text-align: center; padding:10px; padding-bottom:0px; margin:-15px; 
	background: #f0f0f0; 
    background: url('../images/hexbg.png') repeat-x top left, -webkit-linear-gradient(#bababa, #ffffff); 
    background: url('../images/hexbg.png') repeat-x top left, -moz-linear-gradient(#bababa, #ffffff);
    background: url('../images/hexbg.png') repeat-x top left, linear-gradient(#bababa, #ffffff);
}

.subcontent
{
	text-align: center; padding:10px; padding-bottom:0px; margin:-15px; 
	background: #f0f0f0; 
    background: url('../images/crosshatchbg.png') repeat-x top left, -webkit-linear-gradient(#bababa, #ffffff); 
    background: url('../images/crosshatchbg.png') repeat-x top left, -moz-linear-gradient(#bababa, #ffffff);
    background: url('../images/crosshatchbg.png') repeat-x top left, linear-gradient(#bababa, #ffffff);
}

.homeGroups
{
	display: inline-block; text-align: left; width:400px; padding:5px; vertical-align: text-top; margin-bottom:10px; margin-right:5px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	-webkit-border-top-left-radius: 80px;
	-moz-border-radius-topleft: 80px;
	border-top-left-radius: 80px;
	border: 2px solid #c7c7c7;
	background: #f0f0f0; 
    background: -webkit-linear-gradient(#ffffff, #eaeaea); 
    background: -moz-linear-gradient(#ffffff, #eaeaea);
    background: linear-gradient(#ffffff, #eaeaea);
    min-height: 365px;
}

.subGroups
{
	display: inline-block; text-align: center; padding:15px; vertical-align: text-top; margin:10px; 
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 2px solid #c7c7c7;
	background: #f0f0f0; 
    background: -webkit-linear-gradient(#ffffff, #eaeaea); 
    background: -moz-linear-gradient(#ffffff, #eaeaea);
    background: linear-gradient(#ffffff, #eaeaea);
    min-height: 25px;
}

img.homeGroupsImage {
	margin-right:5px;
	margin-bottom:5px;
	display:block;float:left;
	position:relative;
    z-index: 160;
}

img.homeGroupsImage2 {
	margin-right:5px;
	margin-bottom:5px;
	display:block;float:left;
	position:relative;
    z-index: 160;
}

a.homeGroupsTitle:link {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:230px;word-wrap: break-word;float:left;}     
a.homeGroupsTitle:visited {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:230px;word-wrap: break-word;float:left;} 
a.homeGroupsTitle:hover {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:230px;word-wrap: break-word;float:left;}  
a.homeGroupsTitle:active {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:230px;word-wrap: break-word;float:left;}

a.homeGroupsText:link {color:#313131;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;line-height:25px;display:block;}     
a.homeGroupsText:visited {color:#313131;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;line-height:25px;display:block;} 
a.homeGroupsText:hover {color:#a80000;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;line-height:25px;display:block;}  
a.homeGroupsText:active {color:#a80000;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;line-height:25px;display:block;}



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

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

* {
    outline: none;
}

h3{
color:#ffffff;
padding: 16px;
margin-left:-15px;
margin-right:-15px;
font: 35px 'fedor', Arial, Helvetica;
background: url('../images/titlebgs/main-titlebg.png') no-repeat right;
display:inline block;
margin-top:1px;
}

h4{
color:#ffffff;
margin-left:-15px;
margin-right:-15px;
font: 35px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:-15px;
}

/* *********************************************************************************************************************************** Entry Page */

#entryPageHeader{
	width: 100%;
	background-color: #f0f0f0;
	background: linear-gradient(#b5b5b5, #ffffff);
	background: -webkit-linear-gradient(#b5b5b5, #ffffff); 
    background: -moz-linear-gradient(#b5b5b5, #ffffff);
	color:#4a4a4a;
	font: 24px 'GTC', Arial, Helvetica;
	position:relative;
	float:left;
	display:table;
	padding:15px;
	padding-top:0px;
}

#entryMainText
{
	text-align: left; padding:20px; 
	background: #ffffff; 
	color:#313131;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;
    display:inline;
    width: 100%;
    word-wrap: break-word;
    float:left;
    position:relative;
}

#entryMainText ul{
	margin-left:15px;
}

#entryMainText ol{
	margin-left:15px;
}

#entryMainText table tr:nth-child(odd) td{
	background-color: #ececec;
}

#entryMainText table {
	table-layout: fixed;
	width:30%;
	word-wrap: break-word;
	max-width:600px;
	min-width:300px;
}

#entryMainText table td {
	word-wrap: break-word;
}


h5{
color:#ffffff;
margin-left:-15px;
margin-right:-15px;
font: 30px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:-49px;
padding-top:35px;
}

h6{
color:#ffffff;
margin-left:-18px;
margin-right:-18px;
font: 30px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:0px;
padding-top:35px;
}

.entrySubHeader{
color:#000000;
margin-left:5px;
font: 25px 'fedor', Arial, Helvetica;
margin-top:-35px;
display:block;
}

a.entryHeaderLink:link {color:#606060;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:25px;text-decoration:none;}     
a.entryHeaderLink:visited {color:#606060;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:25px;text-decoration:none;} 
a.entryHeaderLink:hover {color:#a80000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:25px;text-decoration:none;}  
a.entryHeaderLink:active {color:#a80000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:25px;text-decoration:none;}

a.keywordsList:link {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:left;padding-left:5px;}     
a.keywordsList:visited {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:left;padding-left:5px;} 
a.keywordsList:hover {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:left;padding-left:5px;}  
a.keywordsList:active {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:left;padding-left:5px;}

a.authorTitle:link {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:400px;word-wrap: break-word;float:left;}     
a.authorTitle:visited {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:400px;word-wrap: break-word;float:left;} 
a.authorTitle:hover {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:400px;word-wrap: break-word;float:left;}  
a.authorTitle:active {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;width:400px;word-wrap: break-word;float:left;}

p.keyTitle {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;display:block;float:left;}
p.keyTitle2 {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;display:block;float:left;}

@media screen and (min-width: 1200px) and (max-width: 1800px)  {
	.columnLayout
	{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    
    -webkit-column-rule-color: #cbcbcb; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #cbcbcb; /* Firefox */
    column-rule-color: #cbcbcb;
	}
	img {max-width:590px;}
	table {max-width:590px;}
}

@media screen and (min-width: 1801px) and (max-width: 4000px)  {
	.columnLayout
	{
	
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    
    -webkit-column-gap: 10px; /* Chrome, Safari, Opera */
    -moz-column-gap: 10px; /* Firefox */
    column-gap: 10px;
    
    -webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
    
    -webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
    
    -webkit-column-rule-color: #cbcbcb; /* Chrome, Safari, Opera */
    -moz-column-rule-color: #cbcbcb; /* Firefox */
    column-rule-color: #cbcbcb;
	}
	
	img {max-width:590px;}
	table {max-width:590px;min-width:300px;}
}

.columnLayout a:link {color:#a80000;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.columnLayout a:visited {color:#a80000;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.columnLayout a:hover {color:#e50000;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.columnLayout a:active {color:#e50000;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

.columnLayout p {margin-bottom: 20px;}
.columnLayout ul {margin-bottom: 20px;}
.columnLayout img {margin:5px;float:left;}
.shortLayout p {margin-bottom: 20px;}
.shortLayout ul {margin-bottom: 20px;}
.shortLayout img {margin:5px;float:left;}

img.entryGroupsImage {
	margin-right:5px;
	margin-bottom:5px;
	display:block;float:left;
	position:relative;
    z-index: 160;
}

/* *********************************************************************************************************************************** Voting Stars */

#votingDiv {margin-top:20px;height:30px;}

.rating {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-input {
    float: right;
    width: 28px;
    height: 25px;
    padding: 0;
    margin: 0 0 0 -25px;
    opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
    background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
    position: relative;
    float: right;
    display: block;
    width: 28px;
    height: 25px;
    background: url('../images/singlestar.png') 0 -25px;
}

/* *********************************************************************************************************************************** Comment Section */

.commentBox {
	text-align: left;
	width: 90%;
	display: table;
	border-radius: 10px 10px 10px 10px;
	border:1px solid #a5a5a5;
	padding:10px;
	background:  -webkit-linear-gradient(#f0f0f0, #ffffff); 
    background:  -moz-linear-gradient(#f0f0f0, #ffffff);
    background:  linear-gradient(#f0f0f0, #ffffff);
    margin: 0 auto;
    margin-bottom:15px;
    img {max-width:580px;}
	table {max-width:600px;min-width:300px;}
	word-wrap: break-word;
}

.commentBox table tr:nth-child(odd) td{
	background-color: #ececec;
}


.commentBox ul{
	margin-left:15px;
}

.commentBox p{
	margin-bottom: 20px;
}

.commentBox ol{
	margin-left:15px;
}

.sigboxleft {
	text-align: left;
	float:left;
	display: table;
    min-width:200px;
    padding:10px;  
    padding-left:0px;
}

.sigboxright {
	text-align: right;
	float:right;
	display: table;
    min-width:300px;
    padding:10px;  
}

.commentBox a:link {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.commentBox a:visited {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.commentBox a:hover {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.commentBox a:active {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

p.commentTitle {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:40px;text-decoration:none;display:block;text-align:center;}
p.commentVoteResponse {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;text-align:center;line-height:30px;}
p.inspiration {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;display:block;text-align:center;}

a.commentAttrib:link {color:#989898;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:right;}     
a.commentAttrib:visited {color:#989898;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:right;} 
a.commentAttrib:hover {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:right;}  
a.commentAttrib:active {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:18px;text-decoration:none;display:block;float:right;}

a.commentLogin:link {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;text-align:center;}     
a.commentLogin:visited {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;text-align:center;} 
a.commentLogin:hover {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;;word-wrap: break-word;float:left;text-align:center;}  
a.commentLogin:active {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;text-align:center;}

img.voteButton {
	display:block;
	float:right;
	}
	
.rating1 {
    overflow: hidden;
    display: inline-block;
    font-size: 0;
    position: relative;
}
.rating-input1 {
    float: right;
    width: 21px;
    height: 19px;
    padding: 0;
    margin: 0 0 0 -19px;
    opacity: 0;
}
.rating1:hover .rating-star1:hover,
.rating1:hover .rating-star1:hover ~ .rating-star1,
.rating-input1:checked ~ .rating-star1 {
    background-position: 0 0;
}
.rating-star1,
.rating1:hover .rating-star1 {
    position: relative;
    float: right;
    display: block;
    width: 21px;
    height: 19px;
    background: url('../images/singlestarcomment.png') 0 -19px;
}

.commentvotebutton{
	color: white;
           border-radius: 10px;
           text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
           background: #7e0000;
           border:1px solid #23347a;
           width: 60px;
           height:26px;
           font: 15px  'GTC', Arial, Helvetica;
           padding-bottom: 0px;
           margin-right:15px;
           margin-bottom:4px;
           cursor: pointer;
}

#addComment{
	display:table;
	margin:0 auto;
	background:#ffffff;
	color:#313131;font-family: 'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;
}

.commentBox table {
	table-layout: fixed;
	width:30%;
	word-wrap: break-word;
}

.commentBox table td {
	word-wrap: break-word;
}


/* *********************************************************************************************************************************** Profile Section */

.profileBox {
	text-align: left;
	color:#363636;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:30px;
	width: 90%;
	display: table;
	border-radius: 10px 10px 10px 10px;
	border:1px solid #a5a5a5;
	padding:10px;
	background:  -webkit-linear-gradient(#f0f0f0, #ffffff); 
    background:  -moz-linear-gradient(#f0f0f0, #ffffff);
    background:  linear-gradient(#f0f0f0, #ffffff);
    margin: 0 auto;
    margin-bottom:15px;
    img {max-width:580px;}
	table {max-width:600px;min-width:300px;}
	word-wrap: break-word;
}

.profileBox a:link {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;}     
.profileBox a:visited {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;} 
.profileBox a:hover {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;}  
.profileBox a:active {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;}

/* *********************************************************************************************************************************** Login page */

#loginFrame {
	text-align: center; 
	display:table;
	width: 100%;
	float: left;
	position: relative;
	
	background: #f0f0f0; 
    background: url('../images/hexbg.png') repeat-x top left, -webkit-linear-gradient(#bababa, #ffffff); 
    background: url('../images/hexbg.png') repeat-x top left, -moz-linear-gradient(#bababa, #ffffff);
    background: url('../images/hexbg.png') repeat-x top left, linear-gradient(#bababa, #ffffff);
}

#loginText {
	text-align: left;
	width: 600px;
	display: inline-block;
	background: #ffffff;
	padding:10px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #bcbcbc;
	margin-top:10px;
	margin-bottom:10px;
}

,loginForm {
	color:#313131;
	font-family:'GTC', Arial, Helvetica, sans-serif; font-size:18px;
}

.loginm{
	width: 220px;
	border:1px solid #23347a;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	font-size:20px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
    padding-left:5px;
}

.registerm{
	width: 100%;
	border:1px solid #23347a;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	font-size:20px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
    padding-left:5px;
}

table.genrepick{
width:100%;
border-collapse:collapse;
}

table.genrepick tr:nth-child(odd) td{
	background-color: #ececec;
}
table.genrepick tr:nth-child(even) td{
	background-color: #ffffff;
}

p.loginTitle {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;display:block;}

p.loginDesc {color:#000000;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:20px;}

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

#membermenu {
	width:100%;
	float:left;
	position:relative;
	display:inline-block;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #4d0101;
	background-image: linear-gradient(#4d0101, #890000);
}

#memberFrame {
	text-align: center; 
	display:table;
	width: 100%;
	float: left;
	position: relative;
	
	background: #f0f0f0; 
    background: url('../images/hexbg.png') repeat-x top left, -webkit-linear-gradient(#bababa, #ffffff); 
    background: url('../images/hexbg.png') repeat-x top left, -moz-linear-gradient(#bababa, #ffffff);
    background: url('../images/hexbg.png') repeat-x top left, linear-gradient(#bababa, #ffffff);
}

#memberText {
	text-align: left;
	width: 95%;
	display: inline-block;
	background: #ffffff;
	padding:10px;
	border-radius: 20px 20px 20px 20px;
	border: 1px solid #bcbcbc;
	margin-top:10px;
	margin-bottom:10px;
}

table.memberEntries{
width:99%;
border-collapse:collapse;
}

table.memberEntries tr:nth-child(odd) td{
	background-color: #ffffff;
}
table.memberEntries tr:nth-child(even) td{
	background-color: #ececec;
}

p.memContPanel {
	font: 20px 'GTC', Arial, Helvetica;
}

a.memberControlPanelHeader:link {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;padding: 8px 10px;padding-left: 30px;padding-right: 20px;}     
a.memberControlPanelHeader:visited {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;padding: 8px 10px;padding-left: 30px;padding-right: 20px;} 
a.memberControlPanelHeader:hover {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;padding: 8px 10px;padding-left: 30px;padding-right: 20px;}  
a.memberControlPanelHeader:active {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:30px;text-decoration:none;padding: 8px 10px;padding-left: 30px;padding-right: 20px;}

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

.controlpanelform input {
	width: 500px;
	color:#4a4a4a;
	font: 20px Arial, Helvetica;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	}
	
.controlpanelform submit {
		color:#ffffff;
		
	}
	
.controlpanelform textarea {
	width: 500px;
	height: 200px;
	color:#4a4a4a;
	font: 20px Arial, Helvetica;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	margin-bottom: 3px;
	}
	
.controlpanelform select {
	width: 150px;
	color:#4a4a4a;
	font: 20px Arial, Helvetica;
	border:1px solid #4a4a4a;
	border-radius: 3px 3px 3px 3px;
	}

	
.formlabel{
width: 200px;
float:left;
font: 20px 'GTC', Arial, Helvetica;
}

.formfield {
width: 800px;
float:left;
padding-bottom:5px;
}

/* *********************************************************************************************************************************** Seach Box */

.searchbutton{
	color: white;
           border-radius: 8px;
           text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
           background: #6a0000;
           border:1px solid #23347a;
           width: 130px;
           height:30px;
           font: 20px  'GTC', Arial, Helvetica;
           padding-bottom: 0px;
           margin-right:15px;
}

.searchbox{
           font: 20px  'GTC', Arial, Helvetica;
           padding-bottom: 0px;
           
}

#searchsite{
           font: 20px  'GTC', Arial, Helvetica;
           margin-top:14px;
           margin-right:10px;
           float:right;
           position:relative;
           display:table;
}

img.searchicon{
           vertical-align: text-bottom;
           cursor: pointer; cursor: hand;
}

input.searchsite {
	width: 220px;
	border:1px solid #23347a;
	border-radius: 8px 0px 0px 8px;
	margin: 0px;
	font-size:20px;
    background:#ffffff;
    padding:2px;
    vertical-align: text-bottom;
}

p.topsearch{
	color:#ffffff;
	font: 20px 'GTC', Arial, Helvetica;
	padding:5px;
	margin:5px;
}

p.topsort{
	color:#505050;
	font: 20px 'GTC', Arial, Helvetica;
	padding:5px;
	margin:5px;
}

#searchbox{
	width:100%;
	position:relative;
	display:table;
	background-color: #828384;
	float:left;
	text-align: center;
	border-bottom:1px solid #5c5d5d;
	position:relative;
    z-index: 150;
	}
	
#sortbox{
	width:100%;
	position:relative;
	display:table;
	float:left;
	text-align: center;
	}
	
.searchp{
	width: 250px;
	border:1px solid #ffffff;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	font-size:20px;
	margin-bottom:-8px;
	font-weight:bold;
}

select.inpSelect {
	width: 220px;
	border:1px solid #23347a;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	font-size:20px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
}

select.listSort {
	width: 220px;
	border:1px solid #23347a;
	border-radius: 8px 8px 8px 8px;
	margin-right: 5px;
	font-size:20px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
}

.searchitems{
	display: inline-block; 
	text-align: left;
	background-color: #828384;
	}
	
.sortitems{
	color: #000000;
	display: inline-block; 
	text-align: left;
	}
	
/* *********************************************************************************************************************************** Pagination */

.loading-bar {

color:#fce700;
font: 26px'fedor', Arial, Helvetica;
background: #606fb0;
background-image: linear-gradient(#4d0101, #890000);
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 14px;
border: 2px solid #777777;

display:inline block;
padding:0px;
margin:0px;
margin-bottom:10px;
cursor: pointer;
}

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

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

/* *********************************************************************************************************************************** Subcategory links */

a.subcategoryLinks:link {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;}     
a.subcategoryLinks:visited {color:#a70000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;} 
a.subcategoryLinks:hover {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;}  
a.subcategoryLinks:active {color:#dc0000;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:22px;text-decoration:none;display:block;word-wrap: break-word;float:left;}

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

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

#footer a.copyLink:link {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}     
#footer a.copyLink:visited {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;} 
#footer a.copyLink:hover {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}  
#footer a.copyLink:active {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}

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

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

#menu {
	width:100%;
	float:left;
	position:relative;
	display:inline-block;
	border-bottom: 1px solid #ffffff;
	border-top: 1px solid #ffffff;
	background-color: #4d0101;
	background-image: linear-gradient(#4d0101, #890000);
}

#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: 8px 10px;
	color: #ffffff;
	font: 30px 'fedor', Arial, Helvetica;
	text-decoration: none;
	padding-left:30px;
	padding-right:20px;
}

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

*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: 1;    
	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: 30px 'fedor', Arial, Helvetica;
	background-color: #f8f8f8;
}

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

#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;
}

/* *********************************************************************************************************************************** Slideshow */

ul#slideshow{list-style:none;margin:auto;overflow:hidden;}

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

#loginc {
	width: 30%;
	max-width:350px;
	margin: 0px auto;
	background-color: #f7f7f7;
	color:#4a4a4a;
	font: 16px 'GTC', 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 'GTC', 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 'GTC', 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 'GTC', Arial, Helvetica;
           padding-bottom: 5px;
}


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

#adminheader{
	width: 100%;
	background-color: #f7f7f7;
	background-repeat: no-repeat;
	background-position: right;
	color:#4a4a4a;
	font: 20px 'GTC', Arial, Helvetica;
	position:relative;
	float: left;
	padding-left:50px;
	padding-top:20px;
	border-bottom:1px #dedede solid;
}

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

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

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

.tablecellpadding{
	padding:5px;
}

.controlpanelform form {
	color:#4a4a4a;
	font: 20px 'GTC', Arial, Helvetica;
	border-style:none;
}

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

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

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

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

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

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

.homepagecontent { margin-top:23.5%; padding-left:10px; width:100%; float:left;}
.homepagecontent2 { margin-top:70px; float:right; width:13%;padding-left:5px;padding-right:5px;}
.homepagecontent3 { margin-top:70px; float:right; width:13%;padding-left:5px;padding-right:5px;}
.homepagecontent4 { margin-top:70px; float:right; width:13%;padding-left:5px;padding-right:5px;}

.paddingspan {padding:80px;}

/* *********************************************************************************************************************************** Phone menu and layout */

#phonedisp {display: none;}
#undermenu {display: none;}
#phonefooter {display: none;}
#linebreak {display: none;}

@media screen and (min-width: 435px) and (max-width: 880px) {

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

#menu a {
	text-align:center;
	float:none;
	padding: 8px 10px;
	color: #ffffff;
	font: 20px 'fedor', Arial, Helvetica;
	text-decoration: none;
	padding-left:20px;
	padding-right:10px;
	display:table;
}

a.memberControlPanelHeader:link {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}     
a.memberControlPanelHeader:visited {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;} 
a.memberControlPanelHeader:hover {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}  
a.memberControlPanelHeader:active {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}

#linebreak {display: inline;
line-height:10px
}

input.searchsite {
	width: 180px;
	border:1px solid #23347a;
	border-radius: 6px 0px 0px 6px;
	margin: 0px;
	font-size:15px;
    background:#ffffff;
    padding:2px;
    vertical-align: text-bottom;
}

img.searchicon{
           vertical-align: text-bottom;
           cursor: pointer; cursor: hand;
           width:24px;
           height:24px;
           }

#searchsite {
    font: 15px 'GTC', Arial, Helvetica;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: left;
    position: relative;
    display: table;
}

select.inpSelect {
	width: 180px;
	border:1px solid #23347a;
	border-radius: 6px 6px 6px 6px;
	margin-right: 5px;
	font-size:15px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
}

select.inpSelect:after {
    content:"\a";
    white-space: pre;
}

.searchbutton {
    color: white;
    border-radius: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #6a0000;
    border: 1px solid #23347a;
    width: 100px;
    height: 25px;
    font: 15px 'GTC', Arial, Helvetica;
    padding-bottom: 0px;
    margin-right: 15px;
    margin-bottom:5px;
}

p.topsearch {
    color: #ffffff;
    font: 15px 'GTC', Arial, Helvetica;
    padding: 5px;
    margin: 5px;
}

#menu {
    text-align:center;
    display: table;
    float:left;
    position: relative;
}

#menu li {
    text-align:center;
}

#phonedisp {
	display: block;
	background: #000000;
}

h3{
color:#ffffff;
padding: 16px;
margin-left:-15px;
margin-right:-15px;
font: 20px 'fedor', Arial, Helvetica;
background: url('../images/titlebgs/main-titlebg.png') no-repeat right;
display:inline block;
margin-top:1px;
}


h4{
color:#ffffff;
margin-left:-15px;
margin-right:-15px;
font: 20px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:-15px;
}


h5 {
    color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    font: 20px 'fedor', Arial, Helvetica;
    display: inline block;
    line-height: 82px;
    margin-top: -49px;
    padding-top: 35px;
    padding-left:10px;
}

h6{
color:#ffffff;
margin-left:-20px;
margin-right:-20px;
font: 20px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:0px;
padding-top:35px;
padding-left:10px;
}

#phonefooter {
	width: 100%;
	color:#ffffff;
	position:relative;
	float:left;
	display:table;
	background-image: linear-gradient(#850000, #300000);
	padding:10px;
	height:200px;
	border-top:6px solid #212021;
}

.footerimg {
	border:0px; padding:0px; margin:0px; display: block;
}

#loginText {
    text-align: left;
    width: 95%;
    display: inline-block;
    background: #ffffff;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #bcbcbc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formfield {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.controlpanelform input {
    width: 90%;
    color: #4a4a4a;
    font: 20px 'GTC', Arial, Helvetica;
}

#facebooktwitter{
	width: 152px;;
	height: 150px;
	position:relative;
	display: table;
	margin: 0px auto;
	margin-bottom:10px;
}

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

table.memberEntries { width:100%; }

table.memberEntries td { word-wrap: break-word;}

.paddingspan {display: none;}
img.entryGroupsImage {display: none;}
img.homeGroupsImage2 {display: none;}
#header {display: none;}
.fadein {display: none;}
.fullDisp {display: none;}
#newsslider {display: none;}
#footer {display: none;}
.homepagecontent {float:left; width:100%;margin-top:5px;}
.homepagecontent2 {float:left; width:100%;margin-top:5px;}
.homepagecontent3 {float:left; width:100%;margin-top:5px;}
.homepagecontent4 {float:left; width:100%;margin-top:5px;}

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

#phonefooter a:link {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
#phonefooter a:visited {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
#phonefooter a:hover {color:#ffba00;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
#phonefooter a:active {color:#ffba00;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

#phonefooter a.copyLink:link {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}     
#phonefooter a.copyLink:visited {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;} 
#phonefooter a.copyLink:hover {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}  
#phonefooter a.copyLink:active {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}

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

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

.homeGroups
{
	width:90%;
}

}

@media screen and (min-width: 1px) and (max-width: 434px) {

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

#menu a {
	text-align:center;
	float:none;
	padding: 8px 10px;
	color: #ffffff;
	font: 20px 'fedor', Arial, Helvetica;
	text-decoration: none;
	padding-left:20px;
	padding-right:10px;
	display:table;
}

a.memberControlPanelHeader:link {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}     
a.memberControlPanelHeader:visited {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;} 
a.memberControlPanelHeader:hover {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}  
a.memberControlPanelHeader:active {color:#ffd200;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;padding: 8px 10px;padding-left: 10px;padding-right: 10px;}

#linebreak {display: inline;
line-height:10px
}

input.searchsite {
	width: 180px;
	border:1px solid #23347a;
	border-radius: 6px 0px 0px 6px;
	margin: 0px;
	font-size:15px;
    background:#ffffff;
    padding:2px;
    vertical-align: text-bottom;
}

img.searchicon{
           vertical-align: text-bottom;
           cursor: pointer; cursor: hand;
           width:24px;
           height:24px;
           }

#searchsite {
    font: 15px 'GTC', Arial, Helvetica;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: left;
    position: relative;
    display: table;
}

select.inpSelect {
	width: 180px;
	border:1px solid #23347a;
	border-radius: 6px 6px 6px 6px;
	margin-right: 5px;
	font-size:15px;
	margin-bottom:10px;
  -webkit-appearance: none;
  -moz-appearance:none;
    appearance:none; 
    background:#ffffff;
}

select.inpSelect:after {
    content:"\a";
    white-space: pre;
}

.searchbutton {
    color: white;
    border-radius: 6px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background: #6a0000;
    border: 1px solid #23347a;
    width: 100px;
    height: 25px;
    font: 15px 'GTC', Arial, Helvetica;
    padding-bottom: 0px;
    margin-right: 15px;
    margin-bottom:5px;
}

p.topsearch {
    color: #ffffff;
    font: 15px 'GTC', Arial, Helvetica;
    padding: 5px;
    margin: 5px;
}

#menu {
    text-align:center;
    display: table;
    float:left;
    position: relative;
}

#menu li {
    text-align:center;
}

#phonedisp {
	display: block;
	background: #000000;
}

h3{
color:#ffffff;
padding: 16px;
margin-left:-15px;
margin-right:-15px;
font: 20px 'fedor', Arial, Helvetica;
background: url('../images/titlebgs/main-titlebg.png') no-repeat right;
display:inline block;
margin-top:1px;
}


h4{
color:#ffffff;
margin-left:-15px;
margin-right:-15px;
font: 20px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:-15px;
}


h5 {
    color: #ffffff;
    margin-left: -15px;
    margin-right: -15px;
    font: 20px 'fedor', Arial, Helvetica;
    display: inline block;
    line-height: 82px;
    margin-top: -49px;
    padding-top: 35px;
    padding-left:10px;
}

h6{
color:#ffffff;
margin-left:-20px;
margin-right:-20px;
font: 20px 'fedor', Arial, Helvetica;
display:inline block;
line-height:82px;
margin-top:0px;
padding-top:35px;
padding-left:10px;
}

#phonefooter {
	width: 100%;
	color:#ffffff;
	position:relative;
	float:left;
	display:table;
	background-image: linear-gradient(#850000, #300000);
	padding:10px;
	height:200px;
	border-top:6px solid #212021;
}

.footerimg {
	border:0px; padding:0px; margin:0px; display: block;
}

#loginText {
    text-align: left;
    width: 95%;
    display: inline-block;
    background: #ffffff;
    padding: 10px;
    border-radius: 20px 20px 20px 20px;
    border: 1px solid #bcbcbc;
    margin-top: 10px;
    margin-bottom: 10px;
}

.formfield {
    width: 100%;
    float: left;
    padding-bottom: 5px;
}

.controlpanelform input {
    width: 90%;
    color: #4a4a4a;
    font: 20px 'GTC', Arial, Helvetica;
}

#facebooktwitter{
	width: 152px;;
	height: 150px;
	position:relative;
	display: table;
	margin: 0px auto;
	margin-bottom:10px;
}

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

table.memberEntries { width:100%; }

table.memberEntries td { word-wrap: break-word;}

.paddingspan {display: none;}
img.entryGroupsImage {display: none;}
img.homeGroupsImage2 {display: none;}
#header {display: none;}
.fadein {display: none;}
.fullDisp {display: none;}
#newsslider {display: none;}
#footer {display: none;}
.homepagecontent {float:left; width:100%;margin-top:5px;}
.homepagecontent2 {float:left; width:100%;margin-top:5px;}
.homepagecontent3 {float:left; width:100%;margin-top:5px;}
.homepagecontent4 {float:left; width:100%;margin-top:5px;}

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

#phonefooter a:link {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:14px;text-decoration:none;}     
#phonefooter a:visited {color:#ffffff;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:14px;text-decoration:none;} 
#phonefooter a:hover {color:#ffba00;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:14px;text-decoration:none;}  
#phonefooter a:active {color:#ffba00;font-family:'fedor', Arial, Helvetica, sans-serif; font-size:14px;text-decoration:none;}

#phonefooter a.copyLink:link {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}     
#phonefooter a.copyLink:visited {color:#ffffff;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;} 
#phonefooter a.copyLink:hover {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}  
#phonefooter a.copyLink:active {color:#ffba00;font-family:'GTC', Arial, Helvetica, sans-serif; font-size:10px;text-decoration:none;}

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

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

.commentBox {
	display: inline-block;	
}

.profileBox {
	font-size:20px;
}

.profileBox a:link {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}     
.profileBox a:visited {color:#6f0000;font-family:'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;} 
.profileBox a:hover {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}  
.profileBox a:active {color:#a50000;'gara', Garamond, Georgia, 'GTC', Arial, Helvetica, sans-serif; font-size:20px;text-decoration:none;}

.homeGroups
{
	width:90%;
}
}