* {
	padding:0;
	margin:0;
}

img {
    max-width: 100%;
    height: auto;
}

html {
	min-height: 100%;
   	margin-bottom: 1px;
   	overflow-y: scroll;
} /*keeps short pages from jumping */


body { 
	font-family: Verdana, sans-serif;
	font-size: 90%;
	text-align: center; 
	background-color: #000;
	padding-top:2px;
	padding-bottom: 25px;
	margin: 0;
} 

/* set the basic page links formatting */
a:link {
	color: #0000c0;
	text-decoration: underline;
	font-weight: normal;
}
a:visited {
	color: #4040ff;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: red;
	text-decoration: underline;
	font-weight: normal;
}
a:active {
	color: blue;
	text-decoration: underline;
	font-weight: normal;
}


/* MENU  */

#cssmenu {
	list-style: none;
	margin: 0 auto;
	line-height: 200%;
	text-align:center;
}


#cssmenu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#cssmenu ul li {
	display:inline;
}

#cssmenu a:link{
	color: #fff;
	font-size: 100%;
	text-decoration: none;
	font-weight:bold;
}

#cssmenu a:visited{
text-decoration: none;
color: yellow;

}

#cssmenu a:hover{
color: #595959;
}

#cssmenu a:active{
 outline: 0;
color: #dbdbdb;
}

#cssmenu span {
	padding: 4px 6px;
}

#cssmenu ul li a:focus {color:black;	background-color:white;}

.current {
	outline: white solid 1px;
	background-color: #257B29;
}

/* END OF MENU */

acronym, abbr, span.caps {
	cursor: help;
}

#container {
	background-image: url(rogersm1.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-left: auto; 
	margin-right: auto; 
	text-align: left; 
	padding: 120px 1% 0 1%;
	color: #000;
	line-height: 130%;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	letter-spacing: normal;
}

#left {
	float:left; 
	max-width: 200px;
/*	background-image: url(rogersm1.jpg); */
	background-repeat: no-repeat;
	margin: 0;
}

#content {
     	background-color: #D8FEDC;
	max-width: 680px;
	border: 1px #909090 solid;
	border-radius:2em;
	min-height:600px;
	margin: 1.5em 0;
	padding: 2em 2%;
}


#m {
	margin: 0 auto;
	max-width: 700px;
}


#top {
	width: 1em;
	height:1.1em;
	text-align:center;
    	position: fixed;
    	bottom: 0;
    	right: 1%;
	background-color:black;
	font-size:200%;
	padding-top:0.2em
}

#top a:link, a:visited {
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}

#top ul li a:focus {color:black; background-color:white;}


/* Form */

form {
	width:60%;
	margin: 0 auto 0 20%;
}

input[type=submit], input[type=reset] {
}

input[type=text], select {
    width: 60%;
    padding: 0.1em;
    margin: 0 0 1em 0;
    display: inline-block;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid #257B29;}

textarea {
    width: 100%;
    height: 5em;
    padding: 0.5em;
    box-sizing: border-box;
    border-radius: 4px;
    background-color: #fff;
    resize: both;
    display: block;
    border: 1px solid #257B29;
}

input[type=submit], input[type=reset] {
    border-radius:0.25em;
    padding: 2px;
    font-weight: bold;
    margin: 4px 2px;
    cursor: pointer;
    background-color:black;
    border: solid 1px #257B29;
    color: yellow;
}



hr {
	color: #257B29;
	background-color: #257B29;
	height: 2px;
	border: none;
}


#copy {
color: #c0c0c0;
text-align: center;
font-size: 75%;
}

#copy:after  {
	content:"\00A9  All Content Copyright Roger Allen, 2013-2025";		}


.wide {
clear: both;
margin: 0px;
padding: 1em;
}

p {
margin: 0px;
padding: 4px 4px 4px 20px;
}

.c {text-align: center;}

.pic {
	max-width:600px;
	margin:0 auto;
}

img {
border: 0px solid #257B29;
	border-radius: 1.5em;
}

.float-right { 
float: right; 
margin: 0px 4px 0px 4px;
}

.float-left { 
float: left; 
margin: 0px 4px 0px 4px;
}

sup {
font-size: 75%;
}


.desc {
	font-size: 120%;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

h1 {
	line-height: 150%;
	font-size: 200%;
	font-style: normal;
	font-weight: bold;
	text-align: center;}

h2 {
	line-height: 130%;
	font-size: 160%;
	font-style: normal;
	font-weight: bold;
	text-align: center;}

h3 {
	line-height: 130%;
	font-size: 140%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	padding-bottom: 0.5em;}

h4 {
	line-height: 120%;
	font-size: 120%;
	font-style: normal;
	font-weight: bold;
	padding:1em;
}


ul.cv {margin:0 1em;}

ul.cv li {
	list-style: none;
	margin: 10px;
}