/* 
Name of File: module.css
Name of Programmer: Jane Eichenberger
Date of File: 06-10-2015
*/
body  {
      width: 1000px;
      margin-left: auto;
      margin-right: auto;
      background: #000;
      
}


h1    {
      font-family: verdana, helvetica, sans-serif;
      text-align: center;
      font-size: 32px;

}

h2    {
      font-family: verdana, helvetica, sans-serif;
      text-align: left;
      font-size: 24px;
      color: #666666;
      border-top: 2px solid gray;
      border-bottom: 2px solid gray;
      background: silver;
	  padding-left: 5px;
	  padding-right: 5px;
}

h4     {
      font-family: verdana, helvetica, sans-serif;
      font-size: 18px;
	  text-align: center;
}


#content    {
      background: #aeaeae;
      padding-bottom: 25px;
      padding-top: 25px;
	  overflow: auto;
	  margin-left: 5px;
	  
}
figure.inline 	{
	display: inline;
	float: left;
	
}

.singlemicro{
	width: 50px;
}



.singlesmall{
	width: 325px;
}


.single{
	width: 425px;
}

.singlebig	{
	width: 625px;
}

#leftcol	{
	margin-left: 0;
	width: 300px;
	clear: left;
	text-align: center;
}

#midcol	{
	margin-left: 335px;
	width: 300px;
	clear: left;
	margin-top: -485px;
	text-align: center;
}

#rightcol	{
	margin-left: 670px;
	width: 300px;
	margin-top: -485px;
	text-align: center;
}


figure	{
	margin-left: 30px;
	margin-right:0;

}

figcaption  {
      font-family: verdana, helvetica, sans-serif;
      font-size: 16px;
      color: #666;
      text-align: center;
      max-height: 100px;
	  margin-left: 0;
}



.first{
      width: 300px;
      text-align: center;
      
}
.last {
      text-align: center;
      width: 625px;
}


.floatleft  {
      float: left;
      display: inline;
      margin-top: 0px;
      width: 450px;
	  
}

.floatleft1  {
      float: left;
      display: inline;
      margin-top: 0px;
      width: 455px;
	  clear: both;
}

.floatright {
      margin-right: 0px;
      margin-left: 500px;
	  
}
.floatright1 {
      margin-right: 0px;
      margin-left: 600px;
	  width: 455px;
	  
}
#buttons {
      height: 750px;
}

.button {
      float: left;
      margin-top: -60px;
      margin-left: 25px;
      clear: left;
}
.btn_link {
      float: right;
      margin-left: 100px;
      display: inline;
      width: 600px;
}
    .imgBox{
        width: 300px;
        height: 225px;
        background: url(mod2/seattle_300X225.jpg) no-repeat;
    }
    .imgBox:hover {
        background: url(mod2/seattle.jpg) no-repeat;
		width: 3264px;
		height: 2448px;
    }