/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 13 Jul 2018, 2:05:25 PM
    Author     : Vivek
*/

html {
    /*background-color: whitesmoke;*/
    font-family: arial;
    /*min-width: 800px;*/
    /*background: #cecec8;*/
    background: white;
    /*background: url("textures/white-leather.png") repeat;*/
    /*background-image: url("/images/Cheshire_entrances_1A.png");*/
    }
 
/*===========================================*/ 
 
.topOfPage {
	/*
        position: absolute;
        */
        /*
        align-self: center;
        */
        width: 100%;
        margin: auto;
        top: 0px;
        /*
        margin-top: 0px;
        */
        /*
	top: 0px;
        
	/*
        left: 250px;
        
	width: 60%;
        /*align-content: left;*/
	height: 220px;
        /*
	margin-left: 200px;
        */
        /*
        border-top: ridge;
        border-left: ridge;
        border-right: ridge;
        border-bottom: none;
        border-top-left-radius: 60%;
        border-top-right-radius: 60%;
        border-color: #ee1111;        
        border-width: 4px;        
        background-color: white;
        */
        background-color: rgb(52,58,64);
        /*border-radius: 50px;*/
        /*background-color: #ffffff;
        /*background: url("textures/white-leather.png") repeat;*/
        
        /*overflow: scroll;*/
        /*clear: both;*/
        /*float: left;*/
        z-index: 2;
}

.topOfPage h1 {
    text-align: center;
    padding: 5px;
}

.topOfPage a{
        font-family: arial;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	/*color: #cc1111;*/
        color: #ff0055;
        text-decoration: none; 
        
        /*
	margin-left: 160px;
	
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
        min-width: 700px;
        /*overflow: hidden;*/
}

.topOfPage a:hover{
        font-family: arial;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
	/*color: #cc1111;*/
        color: #ff0055;
        text-decoration: none; 
        
        /*
	margin-left: 160px;
	
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 5px;
        min-width: 700px;
        /*overflow: hidden;*/
}

.topOfPage h3 {
    font-weight: normal;
    font-size: 25px;
    text-align: center;
    /*color: #cc1111;*/
    color: #ff0055;
}

/*===========================================*/
.navigation1 {
        /*
	position: absolute;
        /*
        align-self: center;
        */
        
        margin: auto;
        width: 100%;
        /*
        margin-top: 160px;
        */
        
        top: 220px;
        
        /*margin-left: 242px;
	/*left: 250px;*/
        /*
	width: 60%; /*1000px*/
	height: 120px;
	/*padding-left: 200px;*/
        padding-top: 10px;
        /*
        border-top: none;
        border-left: ridge;
        border-right: ridge;
        border-bottom: ridge;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        border-width: 4px;
	border-color: red;
        background-color: white;*/
        background-color: rgb(52,58,64);
        /*border-radius: 25px;*/
        /*background-color: #cdf8fb;
        /*border-top: none;*/
        /*background: url("textures/white-leather.png") repeat;*/
        
        z-index: 2;
}

.navigation1 button {
    padding: 3px;
    text-align: center;
    font-size: 24px;
    color: #bb2222;
    
    background-color: #cdf8fb;
    
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    
}

.navigation1 a {        
        /*width: 80px;*/
	/*
        padding: 3px;
        padding-left: 12px;
        padding-right: 12px;
        */
        padding: 10px;
        text-align: center;
	font-size: 24px;
        text-decoration: none;
        color: white;
        /*
        color: #bb2222;
        /*border-style: solid;*/
        border: solid;
        
        border-color: rgb(52,58,64);
        /*
        border-color: white;
        /*border-color: #ff0055;        
        /*border-color: red;*/
        /*
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        /*background-color: white;*/
        background-color: rgb(52,58,64);
       
}

.navigation1 a:link {
	transition: 0.5s;
	/*color: #dd0000;*/
        color: white;
        border: solid;
        border-color: rgb(52,58,64);
        background-color: rgb(52,58,64);
        /*border-color: #ff0055;*/
        
}

.navigation1 a:active {
    /*color: #dd0000;*/
    color: white;
    border: solid;
    border-color: rgb(42,48,56);
    background-color: rgb(42,48,56);
    /*border-color: #ff0055;*/
    
}

.navigation1 a:hover {
	text-decoration: none;
	color: #dd0000;
        background-color: rgb(42,48,56);
        /*background-color: white;
	/*background-color: #ffbbbb;*/
        border-style: dotted;       
        border-color: rgb(42,48,56);
        
}
.navigation1 p {       
	padding: 8px;
	font-size: 16px;
        /*border-color: white;*/
        border-color: rgb(52,58,64);
        /*border-radius: 2px;*/
        color: white;
}


.dropdown {
    position: relative;
    display: inline-block;
    border: solid;
    /*border-color: white;*/
    border-color: rgb(52,58,64);
    color: white;
    z-index: 3;
}

.droplnk {
    padding: 3px;
    padding-left: 12px;
    padding-right: 12px;
    text-align: center;
    font-size: 24px;
    text-decoration: none;
    /*color: #bb2222;
    /*border-style: solid;*/    
    /*border-color: #ff0055;*/
    border: solid;
    /*border-color: white;*/
    color: white;
    border-color: rgb(52,58,64);
    /*
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    */
}

.dropdownContent {
    display: none;
    position: absolute;    
    border-color: rgb(52,58,64);
    border: solid;
    border-color: rgb(52,58,64);
    color: white;
    /*background-color: #cdf8fb;
    /*min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;*/
}

/* Links inside the dropdown */
.dropdownContent a {
    color: white;
    /*color: #bb2222;*/
    font-size: 20px;
    padding: 3px;
    text-decoration: none;
    display: block;
    border: solid;   
    /*border-color: #ff0055;*/
    border-color: rgb(52,58,64);
    
}

/* Change color of dropdown links on hover */
.dropdownContent a:hover {
    background-color: rgb(42,48,56);
    /*background-color: white;*/    
    border-style: dotted;
    border-color: rgb(42,48,56);
    color: #dd0000;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdownContent {
    display: block;
    /*background-color: #ffbbbb;*/
    background-color: rgb(42,48,56);
    border-style: dotted;
    /*border-color: #ff0055;*/
    /*border-color: white;*/
    border-color: rgb(42,48,56);
    /*color: #dd0000;*/
   color: white;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .droplnk {
    background-color: rgb(42,48,56);
    /*background-color: white;*/
    /*background-color: #4169e1;*/
    border-style: dotted;
    border-color: rgb(42,48,56);
    /*color: #dd0000;*/
    color: #dd0000;
    
}

.spacer {
    margin-left: auto;
    text-align: center;
    border-bottom-color: rgb(52,58,64);
    background-color: rgb(52,58,64);
    color: white;
}

/*===========================================*/

.content {
        
	margin-top: 50px;
        margin: auto;
        /*
        margin-left: 200px;
        
        width: 1000px;
        */
        width: 50%;
	padding: 10px;
        /*
        border-style: solid;
        border-color: red;
        border-radius: 20px;
        /*border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        */
        
        
}

.content h1 {
    font-size: 30px;
    font-weight: bold;	
    color: #bb2244;
        
}

.content h2 {
    font-size: 25px;
    color: #bb2233;
    
}

.content h3 {
    font-size: 20px;
    color: #bb2222;
    
}

.content p {
    
}

#heading1{
    margin-top: 150px;    
}
#heading1 h1 {
    color: #bb2244;
}

.containerch {
    display: flex;
    flex-direction: row;
    margin: auto;
    margin-top: 50px;
    /*
    margin-left: 200px;
    */
    
}


/*===========================================*/

.contenta {
    /*display: inline-block;*/
    /*position: relative;
    float: left;*/
    margin: auto;
    margin-top: 35px;
    /*margin-left: 5px;*/
    width: 50%;
    /*margin-right: 160px;*/
    padding: 10px;
    /*
    border-style: solid;
    border-width: 2px;
    border-radius: 50px;
    border-color: red;
    background-image: url("/images/Cheshire_entrances_1A.jpg");
        
        /*min-width: 700px;*/
        
}

.contenta h1 {
    font-size: 30px;
    font-weight: bold;	
    font-weight: bold;	
    color: #bb2244;
        
}

.contenta h2 {
    font-size: 25px;
    color: #bb2233;
    
}

.contenta h3 {
    font-size: 20px;
    color: #bb2222;
    
}

.contenta p {
    font-size: 18px;    
}
.contenta a {
    font-size: 18px;
}
.contenta li {
    font-size: 18px;
}

.contenta img {
    border-width: 2px;
    border-style: solid;
    border-color: red;    
}
/*===========================================*/
.contentb {
    /*display: inline-block;*/
    /*position: relative;
    float: right;*/
    margin: auto;
    margin-top: 35px;
    width: 50%;
    /*
    margin-left: 10px;
    
    width: 480px;
    /*margin-right: 160px;*/
    padding: 10px;
    /*border-style: solid;*/
    /*
    border-width: 2px;
    border-radius: 50px;
    border-color: red;
        
        /*min-width: 700px;*/
        
}

.contentb h1 {
    font-size: 30px;    
    font-weight: bold;	
    color: #bb2244;
        
}

.contentb h2 {
    font-size: 25px;
    color: #bb2233;
    
}

.contentb h3 {
    font-size: 20px;
    color: #bb2222;
    
}

.contentb p {
    
}

.contentb img {
    margin-top: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: red;
    border-radius: 10px;
}
.contentb a {
    text-decoration: none;
}

.leonardOne {    
    width: 320px;
    height: 431px;
}

.logoOne {
    width: 300px;
    /*margin: 5px;*/
    position: fixed;
    
    
}
/*===========================================*/

.picsArea {
    width: 50%;
    margin: auto;
    margin-top: 80px;
    /*
    margin-left: 200px;
    */
}

.picsArea img {
        border-width: 2px;
        border-style: solid;
        border-color: red;
        /*border-radius: 25px;*/
}
.picsArea a:hover {
        text-decoration: none;
        color: blue;
        /*border-color: yellow;
        border-style: solid;
        border-radius: 25px;
        background-color: yellow;
        /*background-color: greenyellow;*/
}

.picsArea h1 {
    font-size: 30px;
    font-weight: bold;	
    color: #bb2244;
        
}

.picsArea h2 {
    font-size: 25px;
    color: #bb2233;
    
}

.picsArea h3 {
    font-size: 20px;
    color: #bb2222;
    
}

.picsArea p {
    
}

.smallImage {
    
}

.smallImage img {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    border-radius: 25px;
}
.smallImage img:hover {
    text-decoration: none;
    color: blue;
    border-width: 2px;
    border-color: yellow;
    border-style: solid;
    border-radius: 25px;
    background-color: yellow;
}

.picsArea h1 {
        font-weight: bold;	
	color: #bb2244;
        
}

.picsArea h2 {
    color: #bb2233;
    
}

.picsArea h3 {
    color: #bb2222;
    
}

.picsArea p {
    
}

/*===========================================*/

.picsAreaA {
    width: 60%;    
    margin: auto;
    margin-top: 50px;
    
    /*
    margin-left: 200px;
    */
}

#largePhoto1 {
    margin: auto;
    border-style: solid;
    border-color: red;
    border-width: 2px;
}

/*
.picsAreaB img {
        border-width: 3px;
        border-style: solid;
        border-color: red;
        border-radius: 25px;
}

*/
.picsAreaA a:hover {
        text-decoration: none;
        color: blue;
        /*border-color: yellow;
        border-style: solid;
        border-radius: 25px;
        background-color: yellow;
        /*background-color: greenyellow;*/
}

.picsAreaA h1 {
    margin: auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;	
    color: #bb2244;
        
}

.picsAreaA h2 {
    margin: auto;
    text-align: center;
    font-size: 25px;
    color: #bb2233;
    
}

.picsAreaA h3 {
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #bb2222;
    
}

.picsAreaB p {
    
}
/*
.smallImage {
    
}

.smallImage img {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    border-radius: 25px;
}
.smallImage img:hover {
    text-decoration: none;
    color: blue;
    border-width: 2px;
    border-color: yellow;
    border-style: solid;
    border-radius: 25px;
    background-color: yellow;
}
*/
.picsAreaA h1 {
        font-weight: bold;	
	color: #bb2244;
        
}

.picsAreaA h2 {
    color: #bb2233;
    
}

.picsAreaA h3 {
    color: #bb2222;
    
}

.picsAreaA p {
    
}



/*===========================================*/

.picsAreaB {
    width: 90%;    
    margin: auto;
    margin-top: 50px;
    
    /*
    margin-left: 200px;
    */
}

#largePhoto1 {
    margin: auto;
    border-style: solid;
    border-color: red;
    border-width: 2px;
}

/*
.picsAreaB img {
        border-width: 3px;
        border-style: solid;
        border-color: red;
        border-radius: 25px;
}

*/
.picsAreaB a:hover {
        text-decoration: none;
        color: blue;
        /*border-color: yellow;
        border-style: solid;
        border-radius: 25px;
        background-color: yellow;
        /*background-color: greenyellow;*/
}

.picsAreaB h1 {
    margin: auto;
    text-align: center;
    font-size: 30px;
    font-weight: bold;	
    color: #bb2244;
        
}

.picsAreaB h2 {
    margin: auto;
    text-align: center;
    font-size: 25px;
    color: #bb2233;
    
}

.picsAreaB h3 {
    margin: auto;
    text-align: center;
    font-size: 20px;
    color: #bb2222;
    
}

.picsAreaB p {
    
}
/*
.smallImage {
    
}

.smallImage img {
    border-width: 2px;
    border-style: solid;
    border-color: red;
    border-radius: 25px;
}
.smallImage img:hover {
    text-decoration: none;
    color: blue;
    border-width: 2px;
    border-color: yellow;
    border-style: solid;
    border-radius: 25px;
    background-color: yellow;
}
*/
.picsAreaB h1 {
        font-weight: bold;	
	color: #bb2244;
        
}

.picsAreaB h2 {
    color: #bb2233;
    
}

.picsAreaB h3 {
    color: #bb2222;
    
}

.picsAreaB p {
    
}


.picHeading {
    color: #bb2233;
}
/*===========================================*/

#heading1{
    margin-top: 150px;    
}
#heading1 h1 {
    color: #bb2244;
}

/*===========================================*/
.emchdnote {
    text-align: center;
    font-size: 1.8em;    
}

.emchdnote h1 {
    font-size: 2.3em;
    color: blueviolet;
}

.emchdnote p {
    color: blueviolet;
}

/*===========================================*/

.bottomOfPage {
    margin: auto;    
    margin-top: 100px;
    width: 40%;
    /*margin-right: 180px;*/
    padding: 20px;	
}

.bottomOfPage p {
    margin: auto;
}



/*===========================================*/

.formSection {
    width: 80%;
    margin: auto;
    
}