
/* ------ Section 1 - Global Body, Font and Link Settings ------ */

body {
  background-color: #000000;
  margin: 0 auto;
  padding: 0;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  color: #3B3837;
  font-size: 85%;
  width: 100%;
  text-align: center;
  }

h1, h2, h3, h4, h5, h6 {
  text-align: left;
  font-size: 90%;
  }
  
.headline10 {
  text-align: left;
  font-size: 15pt;
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  color: #333333;
  line-height: 40px;
  }  

.wca-title {
  text-align: left;
  font-size: 13pt;
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  color: #333333;
  line-height: 15px;
  }
  
.wca-small {
  text-align: left;
  font-size: 9pt;
  font-family: 'Trebuchet', Arial, sans-serif;
  font-weight: bold;
  color: #788D17;
  line-height: 15px;
  text-transform: uppercase;
  }

.wca-thin {
  text-align: left;
  font-size: 9pt;
  font-family: 'Trebuchet', Arial, sans-serif;
  font-weight: normal;
  color: #788D17;
  line-height: 15px;
  }

.wca-lyrics {
  text-align: left;
  font-size: 8pt;
  font-family: 'Arial', Arial, sans-serif;
  font-weight: normal;
  color: #555555;
  line-height: 25px;
  }

.alpha {
  text-align: left;
  font-size: 24pt;
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  color: #9DD135;
  }
  
.fi-title {
  text-align: left;
  font-size: 13pt;
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  color: #333333;
  line-height: 15px;
  }
  
.fi-small {
  text-align: left;
  font-size: 9pt;
  font-family: 'Trebuchet', Arial, sans-serif;
  font-weight: bold;
  color: #666666;
  line-height: 15px;
  text-transform: uppercase;
  }

.fi-thin {
  text-align: left;
  font-size: 9pt;
  font-family: 'Trebuchet', Arial, sans-serif;
  font-weight: normal;
  color: #888888;
  line-height: 15px;
  }


 

/* -- General Link Styling -- */

a {
  color: #2B4A78;    /* steelblue color for links */
  text-decoration: underline;
  }

a:visited {
  color: #2B4A78;    /* steelblue color for visited links */
  text-decoration: underline;
  }

a:hover {
  color: #2B4A78;    /* steelblue color for hover */
  text-decoration: none;
  }




/* ------ Section 2 - Global Page Structure ------- */

#ContainerHome {
  background-image: url(http://www.jubileefaith.ca/images/top-home.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #BCB3AB;
  margin: 0 auto;
  width: 100%;
  }

#ContainerStandard {
  background-image: url(http://www.jubileefaith.ca/images/top-standard.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #BCB3AB;
  margin: 0 auto;
  width: 100%;
  }

#ContainerYouth {
  background-image: url(http://www.jubileefaith.ca/images/top-youth.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #BCB3AB;
  margin: 0 auto;
  width: 100%;
  }

#ContainerKids {
  background-image: url(http://www.jubileefaith.ca/images/top-kids.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #BCB3AB;
  margin: 0 auto;
  width: 100%;
  }

#Top {
  margin: 0 auto;
  width: 100%;
  }

#Bottom {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-color: #000000;
  }

#Middle {
  background-color: transparent;
  margin: 0 auto;
  width: 100%;
  }

#Content {
  position: relative;
  margin: 0 auto;
  width: 980px;
  font-size: 95%;
  background-color: transparent;
  }

#MainContent {
  position: relative;
  clear: both;
  width: 980px;
  padding-bottom: 7px;
  margin-top: 7px;
  }
  
#HomeGoogle {
  position: absolute;
  top: 168px;
  left: 680px;
  width: 300px;
  text-align: left;
  }
  
#HomeContentLeft {
  float: left;
  width: 520px;
  padding-top: 20px;
  padding-bottom: 10px;
  padding-right: 7px;
  text-align: right;
  }

#HomeContentRight {
  float: left;
  width: 450px;
  padding-top: 25px;
  padding-bottom: 0px;
  text-align: left;
  }

#MainContentFullColumn {
  float: left;
  display: inline;
  padding: 20px;
  text-align: left;
  }

#MessagesLeft {
  float: left;
  width: 450px;
  text-align: left;
  padding-top: 10px;
  }
  
#Messages {
  padding-left: 17px;
  }
  
#MessagesRight {
  float: left;
  width: 420px;
  text-align: left;
  padding-top: 10px;
  padding-left: 23px;
  border-left: dotted 1px #393939;
  margin-left: 35px;
  margin-top: 60px;
  }  

#LifegroupsLeft {
  float: left;
  width: 450px;
  text-align: left;
  padding-top: 10px;
  }

#Lifegroups {
  padding-left: 17px;
  }

#LifegroupsRight {
  float: left;
  width: 420px;
  text-align: left;
  padding-top: 10px;
  padding-left: 23px;
  border-left: dotted 1px #393939;
  margin-left: 35px;
  }  

#SitemapLeft {
  float: left;
  width: 450px;
  text-align: left;
  padding-right: 20px;
  }
  
#SitemapRight {
  float: left;
  width: 450px;
  text-align: left;
  padding-left: 20px;
  }

#ColumnLeft {
  float: left;
  width: 200px;
  text-align: right;
  padding-right: 20px;
  }

#ColumnRight {
  float: left;
  width: 630px;
  border-left: dotted 1px #393939;
  padding-left: 20px;
  }

#EventsLeft {
  float: left;
  width: 600px;
  }

#EventsRight {
  float: left;
  width: 270px;
  margin-left: 30px;
  padding-left: 30px;
  margin-top: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-left: dotted 1px #393939;
  }

#Event {
  float: left;
  width: 600px;
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #393939;
  }
  
#KidsMain {
  float: left;
  display: inline;
  text-align: left;
  margin-bottom: 10px;
  margin-top: 20px;
  }
  
#KidsLeft {
  float: left;
  width: 300px;
  padding-left: 5px;
  margin-bottom: 10px;
  }
  
#KidsMiddle {
  float: left;
  width: 298px;
  padding-left: 15px;
  margin-bottom: 10px;
  border-left: dotted 1px #393939;
  }

#KidsRight {
  float: left;
  width: 298px;
  padding-left: 15px;
  margin-bottom: 10px;
  border-left: dotted 1px #393939;
  }

#KidsTitle {
  margin-left: 20px;
  margin-top: 15px;
  margin-bottom: -10px;
  }

#LifeGroup {
  margin-top: 20px;
  padding-top: 20px;
  border-top: dotted 1px #393939;
  margin-right: 10px;
  }
  
#HeaderHome {
  background-image: url(http://www.jubileefaith.ca/images/header-home-new.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 499px;
  }

#HeaderCalendar {
  background-image: url(http://www.jubileefaith.ca/images/header-calendar.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderMessages {
  background-image: url(http://www.jubileefaith.ca/images/header-messages.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderDirections {
  background-image: url(http://www.jubileefaith.ca/images/header-directions.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }
  
#HeaderContact {
  background-image: url(http://www.jubileefaith.ca/images/header-contact.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderNewToJubilee {
  background-image: url(http://www.jubileefaith.ca/images/header-newtojubilee.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderEvents {
  background-image: url(http://www.jubileefaith.ca/images/header-events.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderLifegroups {
  background-image: url(http://www.jubileefaith.ca/images/header-lifegroups.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }

#HeaderSitemap {
  background-image: url(http://www.jubileefaith.ca/images/header-sitemap.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 202px;
  }
    
#HeaderYouth {
  background-image: url(http://www.jubileefaith.ca/images/header-jubileeyouth.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 257px;
  }
  
#HeaderKids {
  background-image: url(http://www.jubileefaith.ca/images/header-jubileekids.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 310px;
  }
  
#HeaderKidsActivity {
  background-image: url(http://www.jubileefaith.ca/images/header-jubileekids-activity.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 310px;
  }

#Logo {
  position: absolute;
  top: 20px;
  left: 30px;
  }

#TopNav {
  position: relative;
  width: 100%;
  height: 80px;
  padding: 30px 0px 0px 355px;
  }

#Footer {
  clear: both;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 30px 0;
  width: 980px;
  background-color: #000000;
  font-size: .9em;
  font-weight: 400;
  color: #888888;
  }

#FooterLeft {
  position: relative;
  float: left;
  width: 150px;
  text-align: left;
  display: block;
  }

#FooterRight {
  position: relative;
  float: right;
  width: 500px;
  text-align: right;
  } 
  
#FooterRight img {
  padding-top: 20px;
  }

#FooterBottom {
  color: #555555;
  font-size: 0.8em;
  text-align: right;
  padding-top: 5px;
  }

.Liner {
  padding: 10px;
  }






/* ------ WCA Page Structure ----------------- */


#WCAContainer {
  background-image: url(http://www.jubileefaith.ca/images/top-wca1.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
  }

#WCAHeader {
  background-image: url(http://www.jubileefaith.ca/images/header-wca0.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 113px;
  }

#WCALeft {
  float: left;
  width: 419px;
  text-align: left;
  padding-right: 20px;
  padding-left: 20px;
  }
  
#WCARight {
  float: left;
  width: 439px;
  text-align: left;
  padding-left: 40px;
  border-left: dotted 1px #393939;
  }

#WCAMenu {
  position: relative;
  width: 100%;
  height: 30px;
  top-margin: 80px;
  }

#WCAFooter {
  clear: both;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 30px 0;
  width: 980px;
  background-color: #000000;
  font-size: .9em;
  font-weight: 400;
  color: #bbbbbb;
  }




/* ------- FirstImpressions Page Structure ------*/


#FIContainer {
  background-image: url(http://www.jubileefaith.ca/images/top-firstimpressions.gif);
  background-position: top center;
  background-repeat: repeat-x;
  background-color: #ffffff;
  margin: 0 auto;
  width: 100%;
  }

#FIHeader {
  background-image: url(http://www.jubileefaith.ca/images/header-firstimpressions.jpg);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  margin: 0 auto;
  width: 980px;
  height: 140px;
  }

#FILeft {
  float: left;
  width: 419px;
  text-align: left;
  padding-right: 20px;
  padding-left: 20px;
  }
  
#FIRight {
  float: left;
  width: 439px;
  text-align: left;
  padding-left: 40px;
  border-left: dotted 1px #393939;
  }

#FIMenu {
  position: relative;
  width: 100%;
  height: 30px;
  top-margin: 80px;
  }

#FIFooter {
  clear: both;
  position: relative;
  margin: 0 auto;
  padding: 20px 0 30px 0;
  width: 980px;
  background-color: #000000;
  font-size: .9em;
  font-weight: 400;
  color: #bbbbbb;
  }





/* ------ Section 4 - Header Navigation ------ */

#Nav1 {
  position: relative;
  float: left;
  width: 163px;
  text-align: left;
  }
  
#Nav2 {
  position: relative;
  float: left;
  width: 134px;
  text-align: left;
  }
  
#Nav3 {
  position: relative;
  float: left;
  width: 155px;
  text-align: left;
  }
  
#Nav4 {
  position: relative;
  float: left;
  width: 150px;
  text-align: left;
  }


.Navigation {
  position: relative;
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  background-color: transparent;
  display: block;
  }

.Navigation ul {
  list-style-type: none;
  margin: 0;
  font-size: .9em;
  font-weight: 400;
  line-height: 25px;
  }

.Navigation a {
  color: #828F9C;    /* blue-grey */
  padding: 2px 0 2px 0;
  background-color: transparent;
  text-decoration: none;
  }

.Navigation a:visited {
  color: #828F9C;    /* blue-grey */
  }

.Navigation a:hover {
  color: #9DD135;    /* green */
  text-decoration: none;
  border-bottom: 1px solid #CCCCCC;
  }



/* ------ Section 5 - Additional Navigation ------ */

#Footer ul {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type: none;
  line-height: 25px;
  }

#Footer a {
  padding: 2px 0;
  color: #888888;    /* blue-grey */
  text-decoration: none;
  }

#Footer a:visited {
  color: #888888;
  text-decoration: none;
  }

#Footer a:hover {
  color: #9DD135;    /* green */
  text-decoration: none;
  border-bottom: 1px solid #CCCCCC;
  }



/* ------ Section 5 - WCA Navigation ------------- */

.WCANav {
  position: absolute;
  top: 93px;
  left: 5px;
  font-family: 'lucida sans unicode', sans-serif;
  background-color: transparent;
  letter-spacing: -1px;
  }

.WCANav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  }

.WCANav ul li {
  display: inline;
  text-align: left;
  margin: auto 0px;
  }

.WCANav a {
  color: #dddddd;
  padding: 4px 10px 4px 10px;
  background-color: transparent;
  text-decoration: none;
  }

.WCANav a:visited {
  color: #dddddd;
  }

.WCANav a:hover {
  text-decoration: none;
  color: #6C7A17;
  background-color: #ffffff;
  }




/* ------ Section 5 - FirstImpressions Navigation ------------- */

.FINav {
  position: absolute;
  top: 116px;
  left: 32px;
  font-family: 'lucida sans unicode', sans-serif;
  background-color: transparent;
  letter-spacing: -1px;
  text-transformation: uppercase;
  }

.FINav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: normal;
  }

.FINav ul li {
  display: inline;
  text-align: left;
  margin: auto 0px;
  }

.FINav a {
  color: #dddddd;
  padding: 7px 15px 7px 15px;
  background-color: transparent;
  text-decoration: none;
  }

.FINav a:visited {
  color: #dddddd;
  }

.FINav a:hover {
  text-decoration: none;
  color: #2B4A78;
  background-color: #ffffff;
  }





/* ------ Section 5 - LeftColumn Navigation ------ */

#ColumnLeft ul {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  list-style-type: none;
  padding-bottom: 10px;
  padding-top: 7px;
  font-size: 16px;
  letter-spacing: -1px;
  word-spacing: -1px;
  }

#ColumnLeft li {
  display: block;
  padding-bottom: 9px;
  }

#ColumnLeft a {
  padding: 2px 0;
  color: #333333;    /* grey */
  text-decoration: none;
  }

#ColumnLeft a:visited {
  color: #333333;
  text-decoration: none;
  }

#ColumnLeft a:hover {
  color: #ffffff;    /* white */
  text-decoration: none;
  border-bottom: 1px solid #CCCCCC;
  }
  



/* ------ Section 5 - Messages/Bubble Navigation ------ */

#Messages a {
  padding: 2px 0;
  color: #222222;    /* darkgrey */
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }
  
#Messages a:visited {
  color: #222222;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

#Messages a:hover {
  color: #58680F;    /* blue */
  text-decoration: none;
  border-bottom: 1px dotted #58680F;
  }

.headline10 a {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

.headline10 a:visited {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

.headline10 a:hover {
  color: #788D17;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }  
  
#MainContentFullColumn a {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

#MainContentFullColumn a:visited {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

#MainContentFullColumn a:hover {
  color: #788D17;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  } 
  
#KidsMain a {
  padding: 2px 0;
  color: #AF2926;    /* darkgrey */
  text-decoration: none;
  border-bottom: 1px dotted #444444;
  }
  
#KidsMain a:visited {
  color: #AF2926;
  text-decoration: none;
  border-bottom: 1px dotted #444444;
  }

#KidsMain a:hover {
  color: #2B4A78;    /* blue */
  text-decoration: none;
  border-bottom: 1px dotted #777777;
  }

#Event a {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

#Event a:visited {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

#Event a:hover {
  color: #788D17;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }  

.wca-title a {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

.wca-title a:visited {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }

.wca-title a:hover {
  color: #788D17;
  text-decoration: none;
  border-bottom: 1px dotted #788D17;
  }  


#FILeft .fi-title a {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #0D689F;
  }

#FILeft .fi-title a:visited {
  color: #000000;
  text-decoration: none;
  border-bottom: 1px dotted #0D689F;
  }

#FILeft .fi-title a:hover {
  color: #0D689F;
  text-decoration: none;
  border-bottom: 1px dotted #0D689F;
  }  
  
  

/* ------ Section 6 - More Styles ------ */

#ContentLeft .Liner p {
  text-align: left;
  }
 
#ContentLeft .Liner img {
  margin-left: 0px;
  margin-bottom: -10px;
  margin-top: 0px;
  }

.Bubble {
  width: 440px;
  height: 162px;
  background-image: url(http://www.jubileefaith.ca/images/bubble-top.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  }
  
.BubbleBottom {
  height: 162px;
  background-image: url(http://www.jubileefaith.ca/images/bubble-bottom.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: bottom left;
  }
  
.BubbleBottom p {
  padding: 20px;
  }

#LongBubble {
  width: 940px;
  background-image: url(http://www.jubileefaith.ca/images/long-bubble-top.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: top left;
  }
  
#LongBubbleBottom {
  background-image: url(http://www.jubileefaith.ca/images/long-bubble-bottom.gif);
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: bottom left;
  }
  
#LongBubbleBottom p {
  padding: 20px;
  }

#MessagesLeft .Bubble {
  height: 125px;
  }

#MessagesLeft .BubbleBottom {
  height: 125px;
  }

.BottomAlign {
  position: absolute;
  bottom: 15px;
  }

 

/* ------ Section 7 - Frequently Used Styles ------ */

.Clear {
  clear: both;
  }

.PhotoRight {
  border: solid 5px #ffffff;
  color: transparent;
  margin-left: 15px;
  margin-bottom: 15px;
  margin-top: 15px;
  }
  
.PhotoLeft {
  border: solid 5px #ffffff;
  color: transparent;
  margin-right: 15px;
  margin-bottom: 15px;
  }
  
.photo a {
  border: solid 5px #ffffff;
  color: transparent;
  }

.photo a:visited {
  border: solid 5px #ffffff;
  color: transparent;
  }

.photo a:hover {
  border: solid 5px #393939;
  color: transparent;
  }
  
.title {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  font-size: 26px;
  letter-spacing: -1px;
  word-spacing: -3px;
  }  
  
.MessagesTitle {
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  line-height: 35px;
  }

.SmallerTitle {
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  font-size: 18px;
  color: #222222;
  }
  
.KidsTitle {
  font-family: 'Arial', Arial, sans-serif;
  font-weight: bold;
  font-size: 22px;
  color: #AF2926;
  line-height: 30px;
  }
  
.KidsText {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #444444;
  }
  
.KidsVerse {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  padding-top: 10px;
  letter-spacing: -1px;
  word-spacing: -1px;
  line-height: 25px;
  }

.KidsJOke {
  font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, sans-serif;
  font-size: 16px;
  color: #444444;
  }

#FIFooter a {
  color: #ffffff;
  font-decoration: underline;
  }

#FIFooter a:visited {
  color: #ffffff;
  font-decoration: underline;
  }
  
#FIFooter a:hover {
  color: #75C5F0;
  font-decoration: none;
  }
  
  

/* -- floats -- */

.ItemRight {
  float: right;
  margin: 2px 0 12px 18px;
  text-align: center;
  }

.ItemCenter {
  margin: 2px auto 12px auto;
  text-align: center;
  clear: both;
  }

.ItemLeft {
  float: left;
  margin: 2px 18px 12px 0;
  text-align: center;
  }
