/* This styles the body background color and font family */
body {

	background-color: #17151A;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	}
	
/* This styles the border around any table you might want to have borders */
	.brdcolor {
         border-style: solid;
         border-width: 2px;
        color:  #AD9BBF;
	}
	
	
	
/* This styles the tag that makes the menu buttons */
.heading {
	font-weight: bolder;
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	border: thin solid navy;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	border-left-style: solid;
	font-size: 90%;
	background-color: #fffded;
	color: black;
}
	

/* This styles the black background*/

.teal {
	background-color:  #746780;
}
/.red{
	background-color: #993300;
}


/* This styles the cream background */

.cream {
	background-color: #fffded;
}

/* This styles the default color of all h1 tags can be changed or made smaller uses the browser default size right now */

h1, h2, h3, h4{color: #17151A;
	}
h1 {
	
	text-align: left;
	font-size: 150%;
	}
	h2 {font-size: 110%;		
	}

/* This styles the text in the top header */

.title {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 150%;
	font-weight: bold;
color: #17151A;
}

/* This changes selected text to smaller size works on a paragraph of text  */
.smalltext {
	font-size: small;
}

.content {
	background-color: #fffded;
	font-size: 90%;
	color: #5c6055;;
	margin-left: 10px;
	margin-right: 10px;
	text-align: left;
	vertical-align: top;
}
 
/*styles for all hyperlinks */

a:link {
	color: #261D30;
	background-color: inherit;
	
}
a:visited {
	color: #A17DC6;
	background-color: inherit;
}
a:hover {
	background-color: #17151A;
	color: #fffded;
	font-weight: bold;
}
a:active {
	color: #746780;
	background-color: inherit;
}