body, html  {
  margin: 10px;
  padding: 10px;
  min-width: 400px;
}

body {
background-image: url(../ms-data/metal006.jpg);
background-position: 0% 0%;
background-repeat: repeat;
font: normal normal normal 13px / 12pt Verdana,Geneva,sans-serif;
color: white;
}


a:active{
color: white;
}
a:link{
color: white;
text-decoration: none;
}
a:visited{
color: yellow;
}
a:hover{
color: #00ff40;
font-weight:bold;
}



/* ID's */

/* Elements */
header {
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom: medium solid black;
}

footer  {
border-top: thin solid black;
border-bottom-left-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
}

div.center {
  margin-left: auto;
  margin-right: auto;
}

img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

img.left {
  display: block;
  float: left;
  margin-left: 10px;
}

img.right {
  display: block;
  float: right;
  margin-right: 10px;
}

img.cleft {
  display: block;
  float: left;
  margin-left: 1px;
}

img.cright {
  display: block;
  float: right;
  margin-right: 1px;
}

img.mySlides{
margin-top: 0px;
}

img.whatsup {
  display: block;
  margin-left: 10px;
  min-width: 400px;
}

img.newsblock{
padding-right: 10px;
padding-bottom: 10px;
}

ul.footerlist{
padding-left: 2px;
list-style-image: url(../ms-data/components/mechanix-bullit-1.jpg);
font-size: 12pt;
text-align: left;
}

/* Classes */

#container2{
width: 100%;
height: 200px;
padding: 5px;
overflow-x: auto;
background-color: fuchsia;
}

.multi{
list-style-image: url(../ms-data/components/multi-bullit.jpg);
list-style-position: inside;
}

.bckgrnd_news2{
background-image: url(../ms-data/backgrnd_News2.jpg);
}

.bckgrnd_news3{
background-image: url(../ms-data/backgrnd_News3.jpg);
}

.bckgrnd_darkmarble{
background-image: url(../ms-data/components/dark-marble.jpg);
background-position: 0% 0%;
background-repeat: repeat;
}




/*  Text Properties  */

.textspace{
line-height: 120%;
letter-spacing: 1px;
}

.embolden1{
font-weight: bold;
}

.tdnone{
text-decoration: none;
}

/*  Header Display Boxes  */

.headbox1 {
background-color: yellow;
text-align: center;
width: 59%;
margin: 3px 2px 1px 5px;
}

.headbox2 {
background-color: blue;
text-align: center;
width: 39%;
margin: 3px 2px 1px 5px;
}

.heading003 {
display: block;
width: 100%;
font-size: 11pt;
font-weight: bold;
color: black;
text-align: center;
text-decoration: none;
padding-top: 2px;
padding-bottom: 3px;
letter-spacing: 3pt;
margin-top: 5px;
margin-left: Auto;
margin-right: Auto;
border-top-left-radius: 35px 45px;
border-top-right-radius: 35px 45px;
background-color: #FFFFFF;
}

.subheading003 {
display: block;
width: 100%;
font-size: 10pt;
font-weight: bold;
color: #FFFFFF;
text-align: center;
text-decoration: none;
padding-top: 2px;
padding-bottom: 3px;
letter-spacing: 3pt;
margin-top: 5px;
margin-left: Auto;
margin-right: Auto;
background-color: black;
border-bottom: 1px solid white;
}

/*  Lightbox Block  */



/*  CSS Social Block  */

.socialblock{
width: 295px;
height: 25px;
background-color: Transparent;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
}

.fb-like{
float: left;
background-color: Transparent;
width: 70px;
height: 30px;
display: inline;
margin-top: 2px;
margin-left: 3px;
}

.twitter-follow{
float: left;
background-color: Transparent;
width: 70px;
height: 30px;
display: inline;
margin-top: 3px;
margin-left: 3px;
}

.pinterest-follow-top{
float: left;
background-color: Transparent;
width: 130px;
display: inline;
margin-top: 2px;
}

.pinterest-follow{
float: left;
background-color: Transparent;
width: 130px;
height: 30px;
display: inline;
margin-top: 0px;
}

.googleplus-follow{
float: left;
background-color: Transparent;
width: 130px;
height: 30px;
display: inline;
margin-top: 0px;
}


/* -------------------  */


/*  CSS Social Buttons  */

.fa {
  padding: 5px;
  font-size: 10px;
  color: white;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 15%;
}

.fa:active{
color: white;
text-decoration: none;
}
.fa:link{
color: white;
text-decoration: none;
}
.fa:visited{
color: white;
}
.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-home {
  color: white;
  padding: 1px;
  margin: 0px;
}

.marginbtm5{
display: block;
margin-bottom: 5px;
}

.margintb5{
display: block;
margin-top: 5px;
margin-bottom: 5px;
}

.margintb15{
display: block;
margin-top: 5px;
margin-bottom: 10px;
}

.margin5{
display: block;
margin: 5px;
}

.margin10{
margin: 10px;
}

.margin15{
margin: 15px;
}

.margintb15{
margin: 15px 0px 15px 0px;
}

.margintb5{
margin-top: 5px;
margin-bottom: 5px;
}

.margintb515{
margin-top: 5px;
margin-bottom: 15px;
}

.padding5{
padding: 5px;
}

.paddingtb5{
padding-top: 5px;
padding-bottom: 5px;
}

.padding10{
padding: 10px;
}

.padding15{
padding: 15px;
}

.padright10{
padding-right: 10px;
}

 .textright{
 text-align: right;
 }

/*  Article Listing  */

.art1 {
text-indent: 5px;
font-size: 10pt;
letter-spacing: 1px;
line-height: 13pt;
color: white;
text-align: left;
margin: 5px 2px;
}

.art1:active{
color: white;
text-decoration: none;
}
.art1:link{
color: white;
text-decoration: none;
}
.art1:visited{
color: red;
}
.art1:hover {
    opacity: 0.7;
}

.subtext00 {
text-indent: 5px;
font-size: 10pt;
letter-spacing: 1px;
line-height: 13pt;
color: white;
text-align: left;
margin: 5px 2px;
}

/*  Community  */

.co {
  padding: 5px;
  font-size: 10px;
  color: white;
  width: 35px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 15%;
}

.co:active{
color: white;
text-decoration: none;
}
.co:link{
color: white;
text-decoration: none;
}
.co:visited{
color: white;
}
.co:hover {
    opacity: 0.7;
}

.ex3 {
  background-color: lightblue;
  width: 100%;
  overflow-x: auto;
}

/* -------------------  */


span.b1 {color: white;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 12pt; }
span.b2 {color: white;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 15pt; }
span.b3 {text-transform: capitalize;}
span.b4 {color: black;font-family: Courier New, Courier, Monospace;font-weight: bold;font-size: 15pt; }

span.c1 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}
span.c1 a:link {
   color: #FFFFFF;
}
span.c1 a:visited {
   color: #FFFFFF;
}
span.c1 a:link:hover {
	color: #FF0000;
}

span.c2 {color: #FFFFFF; font-weight: bold; font-size: 12pt; line-height: 120%; letter-spacing: 1px;}

span.c3 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}
span.c3 a:link {
   color: #FFFFFF;
}
span.c3 a:visited {
   color: #FFFFFF;
}
span.c3 a:link:hover {
	color: #FF0000;
}

span.c4 {color: #FFFFFF; font-weight: bold; font-size: 10pt; line-height: 120%; letter-spacing: 1px;}