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

body {background-image:url(images/christmasbg.jpg);    background-repeat:repeat;
}

#navigation {
	position:relative;background-color:#899692;
        width:500px;
	left:0px;
	top:-150px;
        font-weight: 500;
        line-height:80px;
        padding-top:24px;
        padding-bottom:26px;
        padding-left:0px;
        overflow:hidden;
        text-align:center;border-radius: 45px;opacity:0.7;border-top:9px solid #74B4B2l;
}

#navigation A:link { 
        text-decoration: none; 
        color:#ffffff;
	font-size: 44px;
        letter-spacing:1px;  font-family: "Six Caps", sans-serif;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}

#navigation A:visited { 
        text-decoration: none;         color:#ffffff;	font-size: 44px;        letter-spacing:1px;  font-family: "Six Caps", sans-serif;
        font-weight: 500;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
        -webkit-transition: opacity 0.5s linear;
        -webkit-transition: all 0.5s ease-out; 
        -moz-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
}
#navigation A:hover { 
        text-decoration: none; 
        color:#F1567F;	font-size: 44px;        letter-spacing:1px;  font-family: "Six Caps", sans-serif;
        font-weight: 500;
        padding-top:10px;
        padding-bottom:10px;
        padding-left:7px;
        padding-right:7px;
}


#header {        background-image: url('images/christmas.jpg');        background-repeat: no-repeat;        background-position: center;         height:506px;        width:100%;        margin-top:-5px;}#header1 {        background-image: url('images/christmashead1.jpg');        background-repeat: no-repeat;        background-position: center;         height:506px;        width:100%;        margin-top:20px;}

@media only screen and (max-width:767px){
  .header{
      text-align: center;
  }
}

a:link {
        text-decoration: none; 
        color:#991D2C; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:visited {
        text-decoration: none;
        color:#991D2C; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:active {
        text-decoration: none; 
color: #991D2C; 
	font-size: 24px;  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;}

a:hover {
        text-decoration: none;
        color:#ffffff; 
	font-size: 24px;
  font-family: "Josefin Slab", serif;
        font-weight: 100!important;
        letter-spacing:4px;
        padding:3px;
        line-height:5px;
        font-style:none;
        opacity: 0.9;
        -webkit-transition: opacity 0.9s linear;
        -webkit-transition: all 0.9s ease-out; 
        -moz-transition: all 0.9s ease-out;
        transition: all 0.9s ease-out;
border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   opacity:0.7;}




b { 
        color: #477186;        line-height:33px;        font-size:24px;        letter-spacing:4px;border-bottom: dashed 3px #477186;
    font-family: "Josefin Slab", serif;}

i { 
        color: #477186;        line-height:33px;border-bottom: dashed 3px #477186;        font-size:24px;     font-family: "Josefin Slab", serif;      letter-spacing:4px;
}

#content {
	margin-top:-90px;padding-bottom:10px;	position: relative;	float: center;        width:73%;

}

.contentx{ opacity:0.7;
        padding:34px;
        margin-left:0px;
        margin-right:0px;
        line-height:33px;
        font-size:24px;
  font-family: "Josefin Slab", serif;
        font-weight: 400!important;
        text-align:justify;
        color:#4A5A58;}



blockquote {
 	background-color:#CBDAD1; 
 	padding: 8px;
	text-align:justify;
	color:#534548;border:5px dotted EC5D77;
	font-style:italic;
        border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;opacity:0.5;}

h1 { 
	color:#C0676A;
        letter-spacing:1px;
  font-family: "Josefin Slab", serif;
        font-size:47px;
        padding:20px;opacity:0.6;background-color:#B8CED6;}



.contentx input, textarea, select {
  background-color: #CBDAD1;
border: 3px solid #EC5D77;
  padding:4px;
  color:#EC5D77;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;opacity:0.6;
}