body {
background:rgb(210,210,225);
color:white;
}

img{
	max-width:100%;
	
}

/*
a:link {
color:rgb(200,40,60);
}

a:visited{

color:rgb(200,40,60);

}*/

h1{
	text-align:center;
	
}

hr {
  border: 0;
  border-top: 1px solid #8c8c8c;
  border-bottom: 1px solid #fff;
}

h1 a{
	color:inherit;
	
}

blockquote { border: 0 }
.credit {text-align:right;font:italic 7pt arial,sans-serif;}
.credit2 {font:7pt verdana,sans-serif;margin:6px 0;}

.center{
	text-align:center;
	
}


.flowerfont{
	
	font-family: 'Indie Flower', cursive;font-weight:bold; color:rgb(150,0,0);
	
}



 #navbar b{
	
	color:yellow;
	
}


#mobilenav b{
	
		color:yellow;
	
}

.qa {font:bold 24pt arial,sans-serif; color:#BB0000;padding-right:4px;}



#wrapper{
	min-height:300px;
width:100%;
max-width:1000px;

margin:0 auto;
padding:5px;
border-radius:15px;
    box-shadow: -10px 10px;
	background:white;

}

#row_container{
	color:black;

	padding:20px;
	font-size:1.25em;

}

#main_content{
	width:80%;
	border:2px solid red;
	padding:9px;
	background:white;
	
}

#right_side{
	width:20%;
	border:2px solid blue;
	background-image:url('../images/wp.jpg');
	font-size:2em;
	font-weight:bold;
	
}

#poster_ad{
	
	background:white;
	text-align:center;
	color:black;
}

#poster_ad2{
	
	background:white;
	text-align:center;
	color:black;
}


.poster_ad{
	
	background:white;
	text-align:center;
	color:black;
}

.call_out{
	font-size:1.5em;
	border:1px dashed blue;
	text-align:center;
	padding:4px;
	
}



#row_container h1{
	border-top:1px solid black;
	border-bottom:1px solid black;
	margin-bottom:17px;
	padding:5px;
	
}

#row_container h2{
	
	text-align:center;
}

#row_container h3{
	
	font-weight:bold;
	font-size:1.2em;
}

#headerab{
	color:white;
	background-image:url('../images/paper.jpg');
	padding:10px;
	font-size:2.2em;
	font-weight:bold;
	text-align:center;
font-family: 'Petit Formal Script', cursive;
	
}

#headerab h1 a:hover{
	color: blue;
	font-weight:bold;
	
}


#navbar{

margin:0 auto;
width:99%;
height:42px;

padding:0;
text-align:center;
border:1px solid black;
background:black;
color:white;
font-size:1.25em;
}   




}

#navbar a{
padding-left:22px;



}

#footerdiv{
	
	background:rgb(210,210,255);
	padding:15px;
	color:black;
	font-size:1.1em;
	font-weight:bold;
}

#footerdiv a{
	
	color:blue;
	font-weight:bold;
	
	
}

#footerdiv a:hover{
	font-size:1.1em;
	
	
}

.picr {float:right;margin:0 0 10px 10px;font:8.5pt arial,sans-serif;text-align:center;}
.picl {float:left;margin:0 10px 10px 0;font:8.5pt arial,sans-serif;text-align:center;}




.visit {font:9pt verdana,sans-serif;background-color:#0A246A;color:white;padding:4px 6px;margin-bottom:10px;}
.visit a {color:yellow;}
.visit a:visited {color:yellow;}
.visit a:hover {color:yellow;text-decoration:underline;}


#sections ul{
list-style-type:none;
}

#sections ul li:hover{
color:red;
font-size:20px;
font-weight:bold;
}








#mobilenav{
	color:white;
	font-size:1.3em;
display:none;
  background: -webkit-linear-gradient(red, black); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(red, black); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(red, black); /* For Firefox 3.6 to 15 */
  background: linear-gradient(red, black); /* Standard syntax */
  border:2px solid blue;
  
}
#mobilenav a{
	
	color:white;
}


#mobilenav ul {
list-style-type:none;
}
#mobilenav ul li:hover{
color:red;
font-size:22px;
font-weight:bold;
}



/*****
.interad{
	
width:100%;
text-align:center;

	margin:20px;
	padding:22px;
	Color:black;
	width:200px;
	margin:0 auto;
	
}**/




.centercontent{
text-align:center;
}

.pic1{
float:left;
margin:8px;
}
.selected{

font-weight:bold;
font-size:1.2em;
color:blue;
}
.center{
    display:block;
    margin:auto;
}
.side h4{
background:#000080;
color:white;
padding:3px;
text-align:center;
}

.leftmargin{
margin-left:7px;
}

.rightmargin{
margin-right:7px;
}

.showonsmall{
display:none;
}





.hfb{

   display:-webkit-box;
   display:-moz-box;
   display: box;
   -webkit-box-orient:horizontal;
   -webkit-box-flex: 1;
   -moz-box-orient:horizontal;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:row;



}

.vfb{

   display:-webkit-box;
   display:-moz-box;
   display: box;
   -webkit-box-orient:vertical;
   -webkit-box-flex: 1;
   -moz-box-orient:vertical;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:column;



}



.headimage{
max-width:96%;
margin:0 auto;
    display:block;
    margin:auto;
}




/*********social media********/


#socialmed{
	
	max-width:100%
}

#twitterdiv{margin-right:80px;margin-left:50px}

#fbdiv{max-width:300px; color:white; padding:14px;}

#gplusdiv{}





/************/






@media only screen and (min-width:768px) {

.showsmall{
	display:none;
	
}

.interad{	display:none;}
.interads{	display:none;}

#mobilenav{
display:none;
}


#footerdiv{
	
	min-height:300px;
	]
}

}

@media only screen and (max-width:767px) {
	
	#right_side{
	display:none;
	}

	
	
	
	
	
		.flip{

   -webkit-box-orient:vertical;
   -webkit-box-flex: 1;
   -moz-box-orient:vertical;
   -moz-box-flex: 1;   
        display: flex;
		flex-direction:column;


		
		
	}


.mobimage{
	width:100%;
	
}
.showsmall{
	display:block;
	
}


#main_content{
	
	width:100%
}







.showonsmall{
display:block;
}
.hidesmall{
	display: none;
	
}





}