@charset "UTF-8";
/* CSS Document */

html {
	max-width: 1024px;
	margin: auto;
}

body {
	min-width: 28em;
	margin: auto;
	font-family: "Times New Roman", Times, serif;
	font-size: x-large;
	padding: 0em 0.25em;
}

#header {
	border-bottom: 1em rgb(165,30,54) solid;
}
#headlogo {
	height: 400px;
	width: 500px;
	background: url("img/VoteGetters_med_smooth.gif") no-repeat;
	position: absolute;
	float: left;
	z-index: 5;
}

#headimg {
	height: 400px;
/*	background: url("img/Statehouse_feather_header_big.jpg") right no-repeat;*/
	background: url("img/Wikimedia%20-%20Mbell1975%20-%20Baltimore_MD_City_Hall%20-%20EDIT.jpg") right no-repeat;
	position: relative;
	right: 0;
	text-align: right;
	z-index: 1;
    transition: background 1s linear;
}
#headimg1 {
	height: 400px;
	background: url("img/Wikimedia%20-%20Mbell1975%20-%20Baltimore_MD_City_Hall%20-%20EDIT.jpg") right no-repeat;
	position: relative;
	right: 0;
	text-align: right;
	z-index: 1;
}
#headimg2 {
	height: 400px;
    background: url("img/Statehouse_feather_header_big.jpg") right no-repeat;
	position: relative;
	right: 0;
	text-align: right;
	z-index: 1;
}
#headimg3 {
	height: 400px;
	background: url("img/inverewe%20(pixabay.com)%20-%20us-capitol-325342_1280%20-%20EDIT.jpg") right no-repeat;
	position: relative;
	right: 0;
	text-align: right;
	z-index: 1;
}
#headimg p, #headimg1 p, #headimg2 p, #headimg3 p {
	padding: 1.5em;
	max-width: 55%;
	float: right;
	margin: 0;
}
span.linktweak {
  position:absolute; 
  width:100%;
  height:400px;
  top:0;
  left: 0;
  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif
  background-image: url('empty.gif'); */
}

h1 {clear: both}
h3 {
	font-size: x-large;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(28, 39, 88);
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link {color: blue}
a:visited {color: purple}
a:hover {color: blue}
a:focus {color: blue}
a:active {color: red}

em {font-weight: bold}
b {
	color: red;
	text-decoration: underline;
	font-family: "Times New Roman", Times, serif;
	font-size: larger;
}
.nobreak, .phone {white-space: nowrap}
.phone {
	color: red;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}
address {
	position: absolute;
	right: 0.4em;
	bottom: -1.3em;
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 0.7em;
	padding-left: 0.5em;
}
address a {text-decoration: none; font-weight: normal}
address a:link {color: white}
address a:visited {color: white}
address a:hover {text-decoration: underline; color: white}
address a:focus {text-decoration: underline; color: white}
address a:active {text-decoration: none; color: white}

#content {
	width: 90%;
	margin: auto;
	margin-top: 3em;
	margin-bottom: 1.5em;
	text-align: justify;
	font-size: smaller;
	color: rgb(28, 39, 88);
	letter-spacing: 0.05em;
	line-height: 110%;
}

ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: smaller;
}
li {
	padding: 0.75em 0.75em 0.75em 0.25em;	
}

small {font-size: 0.6em}

#footer {
	color: white;
	font-family: Arial, Helvetica, sans-serif;
	background: rgb(28, 39, 88);
	border-top: 0.5em rgb(237,170,30) solid;
	height: 6em;
}
#footer h2 {
	padding-top: 0em;
}
#footer h2.left {
	float: left;
	padding-left: 1.5em;
	padding-right: 0em;
}
#footer h2.right {
	float: right;
	padding-left: 0em;
	padding-right: 1.5em;
}