/*
    
   BackTheDonald.com Main Style Sheet
   Author: Joanie Ware
   Date:  April 13, 2019 
	Updated 10/27/2024
   Filename:         index_styles.css
   Supporting Files: vote101.jpeg

*/


body * {
 	font-size: 100%;
	font-weight: inherit;
	line-height: 1.2em;
	list-syle: none;
	margin: 0px;
	padding: 0px;
	vertical-align: baseline;
}

/*hide the page elements reserved for smart phones:*/
 #quickLinksSmart, #smartTop, #ipadTop, #smartTopArticle, .smartElement {
	display: none;
}


/****style used for support page and silimar pages****/
.supportStyle, #supportArticle {
	display: block;
	float: left;
	clear: both;
	margin-left: 1%;
	margin-right: 1%;
}

#supportArticle h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

#supportArticle img {
	max-height: 400px;
}

#supportArticle p {
	text-indent: 2%;	
}

/******************video styles*********/
.standardArticle article{
	display: block;
	clear: both;
	float: center;
}

#videoPageArticle{
	display: block;
	clear: both;
	float: center;
}

#videoPageArticle h1 {
font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
}

/**************************begin cPanel styles (collapseable panel)**********/
 /* Style for the entire collapsible panel */
        .cPanel {
            background-color: #eef;
            /*width: 80%;*/
	    width: 95%;	
            margin: 1em auto;
            border: solid 2px #777;
            border-radius: 5px;
            font-family: Verdana, Tahoma, Sans-Serif;
        }
 /* Style for the top bar */
        .top {
            /*padding: 8px 48px 8px 4px;*/
	    padding: 2% 4% 2% 1%;
            border: solid 1px white;
            /*border-radius: 5px;*/
	    border-radius: 0.5%;	
            font-size: 1.1em;
        }
        /* Shows collapse button */
        .collapse {
            background: url(images/collapse.png) no-repeat 77% center;
        }
        /* Shows expand button */
        .expand {
            background: url(images/expand.png) no-repeat 77% center;
        }
 /* Style for panel that drops down.*/
        .cPanel .slidepanel {
            margin: 0;
            padding: 1em;
            background-color: white;
            /*border-bottom-left-radius: 5px;*/
            /*border-bottom-right-radius: 5px;*/
		display:none;
        }
/********************end of cPanel syles*************************************/



	

/*STYLES FOR THE PAGE HEADER*/
/**************************
.headerImage {
	max-width: 100%;
	max-height: auto;
}
***********************/




#welcome {
	display: inline-block;
	max-width: 100%;
	max-height: auto;
	font-family: Verdana, sans-serif;
	text-align: center;
	margin-left: 1%;
	margin-right: 0%;
	padding-left: 0%;
	padding-top: 0%;
	padding-right: 0%;
	padding-bottom: 0%;
	/*border: none;*/
}

#welcomeImage {
	display: inline-block;
	max-width: 100%;
	max-height: auto;
}

/*the original WELCOME header*/
#welcome h1 {
	/*padding-left: 22%;*/
	color: rgb(150, 0, 24);
	/*font-family: Verdana, sans-serif;*/
	font-size: 400%;
	font-weight: 900;
	max-width: 100%;
	max-height: 100%;
	text-decoration: underline;
}

/*most of text headings*/
#welcome h5 {
	/*font-family: Verdana, sans-serif;*/
	/*padding-left: 22%;*/
	font-size: 148%;
	font-weight: 500;
	max-width: 100%;
	max-height: 100%;
	/*color: rgb(150, 0, 24);*/
}	

/*This displays the line: BackTheDonald.com*/
#welcome h2{
	/*font-family: Verdana, sans-serif;*/
	/*font-family: 'Lucida Calligraphy', 'Apple Chancery', cursive;*/
	/*padding-left: 22%;*/
	font-weight: 800;
	font-size: 300%;
	max-width: 100%;
	max-height: 100%;
	
}


/*...*/
#welcome h4 {
	/*font-family: Verdana, sans-serif;*/
	/*padding-left: 22%;*/
	font-size: 130%;
	font-weight: 500;
	max-width: 100%;
	max-height: 100%;
}


/*This displays CLICK YOUR SELECTION BELOW on who n what pages*/
#welcome h3 {
	/*font-family: 'Lucida Calligraphy', 'Apple Chancery', cursive;*/
	/*font-family: Verdana, sans-serif;*/
	/*padding-left: 22%;*/
	font-size: 200%;
	font-weight: 800;
	/*color: rgb(70, 130, 180);*/
	max-width: 100%;
	max-height: 100%;
	/*color: rgb(150, 0, 24);*/
	/*text-decoration: underline;*/
}



*PAGE FOOTER STYLES*/
footer {
	clear: both;
	float: left;
	max-width: 96%;
	max-height: 100%;
	display: inline-block;
}

/*address element styles*/
footer address {
	color: rgb(150, 0, 24);
	font-size: 80%;
	font-syle: normal;
	padding-top: 3%;
	padding-bottom: 5%;
	margin-top: 3%
	margin-bottom: 5%;
	text-align: center;
	margin-left: 33%;
	display: inline-block;
	clear: both;
	max-width: 100%;
	max-height: 100%;
}

/*add the following rule TEMPORARILY to see how everything is layed out*/
/***********take it back out: 
* {
	outline: 1px solid red;
}
********************/