/* standard body of the page settings */ 
body {
	margin: 0;
	padding: 0;
	background-color: MidnightBlue;
	}

#container {
 	width: 800px;
	margin: 0 auto;
	border: 3px solid black;
  }

#header {
	height: 220px;
	background-image:url('header_image.jpg');
}


/*Menu bar */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
	height: 26px;
	margin: 0 auto;
	background-color: rgb(56,56,56);
	overflow: hidden;
}

.mattblacktabs ul{
	margin: 0;
	padding: 0;
	padding-left: 0px; /*offset of tabs relative to browser left edge*/
	font: bold 14px Verdana;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin: 0;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 6px 30px; /*padding inside each tab*/
	border-right: 1px solid white; /*right divider between tabs*/
	color: white;
	background: rgb(56,56,56); /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: black; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}


#content
{
	position: relative;
	border-top: 3px solid black;
	padding: 1px;
	background: white;
  	text-align:left;
  	font-family: Verdana, Geneva, sans-serif;
}


#linkspage
{
font-size:normal;
}


p {color:black; margin-left:3em; margin-right:1em;}
a {color:blue;}
ul{margin-top:0em;}
/* h1 settings */
h1 {font-size:250%;text-align:center;
}

h1.sitetitle {
color:rgb(0,0,200); 
position:relative;
top:-5em;
}

h1.subtitle {
font-size:140%;
color:rgb(0,0,255); 
position:relative;
top:-10em;}

h2 {color:black; text-align: center; margin-left:2em; font-size:150%}
h3 {color:grey; text-align: left; margin-left:2em; }



/*Picture Gallery */
/*URL: http://www.dynamicdrive.com/style/ */

.gallerycontainer{
position: relative;
margin-left: 3em;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
margin: 0 5px 5px 0;
border: 1px solid black;
}