@charset "utf-8";
/* CSS Document */
	background-image: url ("../images/pink gradiant background");
	background-size:cover; 
/*body*/
@media only screen and (max-width: 600px) {
}
body {
	background-color: #CCC;
	text-align: center;
	font-size: 18px;
	color:black;
}
h1 {
	color: white;
	font-size: 30px;
	font-family: "Courier New", Courier, monospace;
	background-color:  #646361;
	border: 4px white solid;
	text-align: center;
}
p {
	color: black;
	font-size: 16px;
	font-family: "Courier New", Courier, monospace;
}
h3 {
	font-size: 24px;
	text-align: center;
	text-decoration: underline;
	font-family: "Courier New", Courier, monospace;
}
h2 {
	font-family: "Courier New", Courier, monospace;
	color: #ffc366;
	text-align: center;
	text-decoration: blink;
}
h4{
	font-size:24px;
	font-family:"Courier New", Courier, monospace;
	text-align:center;
}
#leftcol{
	width:100%;
	color:#000;
}
#rightcol{
	float:left;	
	width:40%;
	padding:20px;
}
#left{
	float:left;
	width:50%;
	background-color:#c19080;
	height:200px;
	font-size:24px;
	color:#f3b610;
	text-align:center;
}
#right{
	float:left;	
	width:50%;
	background-color:#c19080;
	height:200px;
	font-size:24px;
	color:#f3b610;
	text-align:center;
}
#uno{
	float:left;
	width:33.33%;
	height:300px;
	background-color:#99C;
}
#dos{
	float:left;
	width:33.33%;
	height:300px;
	background-color:#C99;
}
#tres{
	float:left;
	width:33.33%;
	height:300px;
	background-color:#F69;
}
#bar{
	width:100%;
	background-color: #a05849;
	height:100px;
	float:left;
	font-size:24px;
	text-align:center;
}
/*lists*/
ul {
	list-style-type: circle;
	font-family: "Courier New", Courier, monospace;
}
ol {
	list-style-type: lower-roman;
}

dt {
	font-family: "Courier New", Courier, monospace;
	font-size: 18px;
	color: #9CF;
	text-decoration: underline;
	font-family: "Courier New", Courier, monospace;
}
dd {
	font-family: "Courier New", Courier, monospace;
	font-size: 14px;
}
/*links*/
a:link {
	color: black;
	text-align: center;
	text-decoration: underline;
}
a:visited {
	color: black;
	text-decoration: underline;
	text-align: center;
}
a:hover {
	color: #9FF;
	text-decoration: underline;
	text-align: center;
}
a:active {
	color: #93C;
}
/*image*/
img {
	float: inherit;
	border: 4 px #FFF double;
	height: 40%;
	width: 40%;
}
img.pic {
	border: 14px #FFF solid;
	float: inherit;
	height: 40%;
	width: 80%;
}
img.index {
	height: 40%;
	width: 100%;
	border: 4px #FFF solid;
	float: inherit;
}
#banner{
	height:200px;
	width:100%;	
	background-image:url(images/fall%20leaves.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	color:#919191;
	text-align:center;
	font-weight:200;
}
#banner img{
	width:100%;
}
img.one{
	width: 100%;
	height: 100%;

}
img.two{
	width: 100%;
	height: 100%;
}
img.three{
	width: 100%;
	height: 100%;
	background-size:cover;
}


body{
	background-color:#CCC;
}

ul.nav{
	list-style-type:none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color:#F99;
}
ul.nav li{
	color:#000;
	list-style-type:none;
	float:left;
}
ul.nav li a{
	display:block;
	color:black;
	text-align:center;
	padding: 14px 16px;
	text-decoration:none;
}

#ban{
	background-repeat:no-repeat;
	background-size:cover;
	background-image:url(review/banner.jpg.JPG);
	height:400px;
	background-color:black;
	
}
ul.nav li a:hover:not(.active) {
	background-color: white;}
img.index{
	height:590px;
	width: 590px;
}
	img.bann{
	height:400px;
	width:70%;
}

li a, .dropbtn {
    display: inline-block;
    color: #F99;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
    background-color: #F99;
}

li.dropdown {
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f99;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #FFF}

.dropdown:hover .dropdown-content {
    display: block;
}
td{
	width:33%;
	border: black 1px solid;
}
th{
	width:33.33%;
	height:20px;
	background-color:#FFF;
	text-align:center;
	vertical-align:central;
	font-size:24px;
	border: black 2px solid;
	border-collapse:collapse;
}