/* Enter your CSS3 Styles Here */

H1 { /* Used for Page Title - font size is Page Body Font Size + 6 pixels */
font-weight:bold;   
font-size:36px; 
font-family: Cinzel,sans-serif;  
color:#000000;
margin-top:0px;
margin-bottom:15px;
padding-top:23px; /* do with padding, not top margin */ 
border-top:1px solid #cccccc;
text-align:center; 
}
H2 { 
font-weight:bold;   
font-size:25px; 
font-family: Roboto Slab,sans-serif;  
color:#000000;     
margin-bottom:5px;
margin-top:15px; 
}
 
#SiteBodyDiv { /* main body */  
margin-top:0;
}
#SiteBodyDiv  {
   width:100%;
} 
TABLE#tableMainContent {
   width:100%;
} 
div#product_container { 
width:1024px; 
margin:0 auto 0 auto; 
} 
div#myCart {text-align:right;}

.event_info_pageBodyTable { 
width:1024px; 
margin:0 auto 0 auto;
}

h2.event {
text-align:center;
}

#footerCredits { /* for making w3now web design centered at bottom */
text-align:center;
margin-bottom:30px;
}
 #HeaderTopDiv p {
line-height:1 !important;
padding:0;
margin:0;
} 
#PageBodyDiv P, 
#PageBodyDiv DIV, 
#PageBodyDiv TABLE TD {  
line-height:1.6; 
font-size: 18px;
} 
#PageBodyDiv a:hover {  
text-decoration:underline;  
}
#PageBodyDiv ul li {
line-height:1.6; 
font-size:18px; 
margin-bottom:5px;
}


/* HANDLE CALENDAR PAGE 100% */
div#upcomingEventsButtonContainer,
div#calendar-page table#calendar {
margin:0 auto 0 auto;
width:1024px;
}
#PageBodyTable,
#pageBodyTable,
.make1024 {
width:1024px !important;
margin:0 auto 0 auto !important;
} 
/* CONTAINER FOR WIDE PICS ON EACH PAGE, this is fine for mobile also */
.widePic,
.widePic img {
width:100%;
height:auto;
}
/* CONTAINER FOR SERVICE MENU  */
#smCompleteMenu{
width:1024px;
margin:0 auto 0 auto;
}
 

/* FOR ROUNDED GREEN BUTTONS : <a class="aRoundButtonBrown">  */
a.aRoundButtonGreen {
display:block;
margin-top:5px;
color: #000000 !important;
border: 2px solid #349800; 
font-weight: normal;
letter-spacing: 1px;
transition: all 0.3s ease-out;
background-color: #eeeeee;
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 18px;
padding: 10px 20px;
text-decoration:none !important;
}
a.aRoundButtonGreen.smaller {
font-size:16px;
padding:5px 10px;
}
a.aRoundButtonGreen:hover {
background-color: #349800;
color:#ffffff !important;
}
/* END GREEN BUTTON CODE */
 
/* FOR ROUNDED  BUTTONS :   <a class="aRoundButton">  */
a.aRoundButtonRed {
font-weight:bold !important; 
color: #000000 !important;
border: 2px solid #F93634; /* red */
font-weight: normal;
letter-spacing: 1px;
transition: all 0.3s ease-out;
background-color: #eeeeee;
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 18px;
padding: 8px 16px;
text-decoration:none !important;
}
a.aRoundButtonRed:hover {
background-color: #F93634;  /* red */
color:#FFFFFF !important;
}
/* END BUTTON CODE */

/* FOOTER MENU */
#FooterMenuDiv SPAN { 
text-transform:uppercase;
}
 

/* HEADER MENU */
#TopMenuDiv #topMenuTable tr td SPAN {  
margin-left:15px;
margin-right:15px; 
}
#TopMenuDiv #topMenuTable tr td SPAN a {
font-weight:bold !important;
}
#TopMenuDiv .TopMenuOn {
background:#eeeeee; 
} 
#index #TopMenuDiv .TopMenuOn {
background:#f7f7f7;  /* lighter for homepage */
}
#TopMenuDiv .TopMenuOver {
background:#eeeeee; 
}

/* DROP DOWN FROM TOP MENU*/
.selectedanchor {
background:#eeeeee;
}
.kristiTopSubDiv {   
background:#eeeeee;
}
 /* this is the li block */
.anylinkSubMenuItem {
background:#ffffff; 
}
.anylinkSubMenuItem:hover {
background:#eeeeee;
}
.anylinkSubMenuItem a { 
text-transform:none !important;
font-family:'Roboto Slab',sans-serif !important;
}


/* BLOG */
div#blog-article-list { 
width:1024px;
margin:0 auto 0 auto;
}
table.blogMainTable { 
width:1024px;
margin:0 auto 0 auto;
}
H2.blogArticleTitle {
      font-weight:normal;
}
#blogMoreButton p {
      font-weight: normal;
}
#blogMoreButtonOver p {
      font-weight :normal;
}

/* CUSTOMS FOR THIS SITE */
.greenSpot {
border-radius:10px;
-moz-border-radius:10px;
border:2px solid #349800;
padding:15px;
}
.W3ShoppingCart_ProductName {
font-weight:bold !important;
font-size:larger !important;
}
.question {
cursor:pointer;
text-transform:uppercase;
font-size:larger !important;
color:#825F48 !important; /* BROWN */
font-weight:bold !important;
}
.answer {
display:none;
font-size:16px; 
margin-bottom:20px;
}
.pdf {
height:30px;
width:auto;
border:0;
}
.W3ShoppingCart_ProdDetailsLink a.W3ShoppingCart_Next_Back_Links {
width:100px;
font-weight:bold !important; 
background-color: #F93634;  /* red */
border: 1px solid #F93634; /* red */
color:#FFFFFF !important;
font-weight: normal;
letter-spacing: 1px;
transition: all 0.3s ease-out; 
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 16px;
padding: 4px 8px;
text-decoration:none !important;
}

.W3ShoppingCart_Add_to_Cart_Button_Text {
font-weight:bold !important; 
background: #F93634;  /* red */
border: 1px solid #F93634; /* red */
color:#FFFFFF !important;
font-weight: normal;
letter-spacing: 1px;
transition: all 0.3s ease-out; 
box-sizing: border-box;
border-radius: 30px;
-moz-border-radius:30px;
font-size: 16px !important;
padding: 4px 8px;
text-decoration:none !important;
height:auto;
font-family:'Open Sans';sans-serif;
}

.W3ShoppingCart_ProdDetailsLink a.W3ShoppingCart_Next_Back_Links:hover,
.W3ShoppingCart_Add_to_Cart_Button_Text:hover {
color: yellow !important;
}
.cartOwnerRedText {
text-align:right;
font-size:16px;
}