/* CSS Stylesheet */

body {
   background-color:#930e13;
 	 }
H1 {
	 font-family: arial; font-size:xlarge; color:White; text-align: right;
	 }
H2 {
	 font-family: arial; font-size:medium; color:White;
	 }
H3 {
	 font-family: arial; font-size:small; color:#4e4f51;
	 }
H4 {
	 font-family: arial; font-size:small; background-color: white; color:#930e13;
	 }
H5 {
	 font-family: arial; font-size:x-small; font-weight: bold; color:White; text-align: left;
	 }
Body {
	 font-family: arial; font-size:small; color:White;
	}
P  {
	 font-family: arial; font-size:medium; font-weight: bold; color:White; text-align: right;
	}
LI {
	 font-family: arial; font-size:small; color:White; 
	 text-align: right;
	 }
A:link {text-decoration: none; color: white;}
A:visited {text-decoration: none; color: white;}
A:active {text-decoration: none; color: white;}
A:hover {text-decoration: underline; color: white;}

#list-menu {
	width: 132px;	/* this width value is also effected by the padding we will set later on the links. */
}
#list-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#list-menu li {
	margin: 2px 0 0;
	 font-family: arial; font-size:large; color:White; 
	 text-align: right;
}
#list-menu a {
	display:block;
	width: 120px;
	padding: 4px 4px 4px 10px;
	border-top: 1px solid #930e13;
	border-right: 1px solid #930e13;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #930e13;
	background: #930e13;
	text-decoration: none; /* lets remove the link underlines */
}
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
	color: #ffffff;
	font-size:14pt;
}
#list-menu a:hover {
	border: 1px solid #000000;
	background: #333333;
	color: #ffffff;
	font-size:14pt;
}
#web_design {
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 10%;
	margin: 0px;
	padding-right: 20px;
	padding-bottom: 1px;
}