/*overall page style*/

div#container
{
   width: 1270px;
   position: relative;
   margin: 0 auto 0 auto;
   text-align: left;
}
body
{
   background-color: #01008a;
   color: #000000;
   line-height: 1.1875;
   margin: 0;
   text-align: center;
}

<link href="cupertino/jquery.ui.all.css" rel="stylesheet">

.overall
{
   background-color: #01008a;

}

.no-padding{
   padding: 0;
}

.no-margin{
   margin: 0;
}

/*Header style*/
.header1{
   max-height: 150px;
}

.header2{
   max-height: 125px;
}
.emblem
{
   max-width: 80%;
   margin-left: 25px;
   margin-top: 25px;
}

.coin 
{
   max-width: 80%;
   margin-top: 25px;
   margin-right: 25px;
}

.head1
{
   margin-top: 25px;
}

/*navigation bar style*/

ul li
{
   list-style-type: none;
}

.nav1
{
   background-color: #01008a;
   padding-bottom: 0;
   margin-bottom: 0;
}

.nav2
{
   background-color: #01008a;
   color: #EEEEEE;
   margin-bottom: 10px;
}

a.nav2
{
   color: #FFFFFF;
   text-decoration: underline;
   font-size: 15px;
}
a:visited.nav2
{
   color: #A4C1ED;
}
a:active.nav2
{
   color: #FF0000;
}
a:hover.nav2
{
   color: #0000FF;
   text-decoration: underline;
}
a:link.nav2
{
   color: #FFFFFF
}
.nav3
{
   color: #FFCC00;
}

a.nav3
{
   font-size: 18px;
   color: #FFCC00;
   text-decoration: none;
}

a:visited.nav3
{
   color: #FFCC00;
}
a:active.nav3
{
   color: #FFCC00;
}
a:hover.nav3
{
   color: #FFCC00;
   text-decoration: none;
}

a:link.nav3
{
   color: #FFCC00
}


.nav4
{
   background-color: #FFFF33;
   color: #01008A;
   
}

a.nav4
{
   color: #01008A;
   text-decoration: none;
   font-size: 18px;
}
a:visited.nav4
{
   color: #01008A;
}
a:active.nav4
{
   color: #01008A;
}
a:hover.nav4
{
   color: #01008A;
   text-decoration: underline;
}
a:link.nav4
{
   color: #01008A;
}

.nav5{
   padding-top: 10px;
}



/*Footer style*/
.footer1
{
   margin-top: 15px;
   color: #A4C1ED;
}
.copyR
{
   margin-bottom: 20px;
   margin-top: -10px;
}

.footer-nav li
{
   display: inline;
   padding-left: 0px;
   margin-left: 0px;
   border-left: 0px;
}

.footer-nav{
   margin-left: 0px;
   padding-left: 0px;
}

.fnav{
   margin-right: 0px;
   margin-left: 0px;
   padding-left: 0px;
   padding-right: 0px;
}

.list1
{
   font-size: 16px;
}

.footer-nav li:not(:first-child)::before {
    content: "|";
    padding: 0 10px;
}

.footer-nav li:first-child{
   padding-left: 0px;
   margin-left: 0px;
}

li.list1 a:hover
{
   color: #0000FF;
   text-decoration: none;
}

address
{
   font-size: 16px;
}

.host1
{
   text-align: left;
   display: inline;
}

.host2
{
   display: inline-block;
}

.host3
{
   margin-bottom: -30px;
   margin-top: 10px;
}

.host4
{
   margin-top: -10px;
}

/* Main Page Style */
a.reportL
{
  color: red;
   font-size: 16px;
   text-decoration: none;
}

a:visited.reportL
{
 color: red;
   font-size: 16px;
}
a:active.reportL
{
   color: red;
   font-size: 16px;
}
a:hover.reportL
{
   color: red;
   font-size: 16px;
   text-decoration: none;
}

a:link.reportL
{
   color: red;
   font-size: 16px;
}

.reportL{
   color: red;
   font-size: 16px;
}

.firstR
{
   margin-bottom: 15px;
}

.cal 
{
   margin-left: 0px;
   padding-left: 0px;
}

.newsbox
{
   background-color: #dcdcdc;
   border: 4px #ffd700 ridge;
   border-radius: 4px;
   overflow-y: scroll;
   padding: 3px 6px 0px 3px;
   margin-top: 0px;
   margin-left: 10px;
   margin-bottom: 0px;
   margin-right: 0px;
   text-align: center;
   height: 500px;
}

h2
{
   font-family: Rockwell;
}

.news1
{
   font-size: 16px;
   color: red;
}

.news2
{
   font-family: Rockwell;
   font-size: 16px;
}

#myCarousel .item { height: 500px; }
   
   #slide1 {
      background: url('/images/MainScroll/scroll1.jpg') top center no-repeat;
   }
   
   #slide2 {
      background: url('/images/MainScroll/scroll2.jpg') top center no-repeat;
   }
   
   #slide3 {
      background: url('/images/MainScroll/scroll3.jpg') top center no-repeat;
   }
    #slide4 {
      background: url('/images/MainScroll/scroll4.jpg') top center no-repeat;
   }
   
   #slide5 {
      background: url('/images/MainScroll/scroll5.jpg') top center no-repeat;
   }
   
   #slide6 {
      background: url('/images/MainScroll/scroll6.jpg') top center no-repeat;
   }
    #slide7 {
      background: url('/images/MainScroll/scroll7.jpg') top center no-repeat;
   }
   
   #slide8 {
      background: url('/images/MainScroll/scroll8.jpg') top center no-repeat;
   }
   
   #slide9 {
      background: url('/images/MainScroll/scroll9.jpg') top center no-repeat;
   }
    #slide10 {
      background: url('/images/MainScroll/scroll10.jpg') top center no-repeat;
   }
   
   #slide11 {
      background: url('/images/MainScroll/scroll11.jpg') top center no-repeat;
   }
   
   #slide12 {
      background: url('/images/MainScroll/scroll12.jpg') top center no-repeat;
   }


.SecondLine{
   margin-bottom: 15px;
   padding-bottom: 15px;
}

.flyerDisplay{
   margin-right: auto;
   margin-left: auto;
   padding: 0px;

}
.fslides
{
   max-width: 400px;
   
}

.fslides.item
{
   max-width: 400px;
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.dots{
   padding-top: 30px;
   position: relative;
   margin-bottom: -10px;
   padding-bottom: 0px;
}

.carousel-inner > .item > img, 
.carousel-inner > .item > a > img{

margin: auto;
}

.info1
{
   margin-top: 20px;
   font-size: 15px;
   color: #A4C1ED;
}

.info2
{
   margin-top: 10px;
   color: #A4C1ED;
   font-size: 18px;
   font-family: Rockwell;

}

.info3
{
   margin-top: 10px;
   color: #A4C1ED;
}

/*Who We Are Index*/

.DeptO{
   background-color: #AFAFAF;
   text-align: left;
   font-family: Arial;
   font-size: 16px;
}

.Bluetype{
   color: #01008A;
}

.indent
{
   margin-left: 25px;
}

.bottomR
{
   margin-bottom: 15px;
}

/*Who We Are About Us*/

.AboutUS{
   background-color: #EEEEEE;
   font-family: Rockwell;
}

.Abouttext{
   font-size: 16px;
   line-height: 1.5;
   font-family:Helvetica,Arial,sans-serif;
}

.Abouttitle{
   font-family: Rockwell;
   }


.Abouttext2{
   font-size: 18px;
   line-height: 2;
   font-family: Rockwell;
}

.Abouttext3{
   font-size: 20px;
   margin-bottom: 15px;

}

/*Who We Are Officers*/

.row1oP
{
   margin-top: 25px;
}

.officer1
{
   display: block;
   max-height: 400px;
   font-size: 20px;
  
}

.OfficerP{
   font-family: Arial;
   color: #FFFFFF;
}

.head1
{
   font-style: bold;
   font-family: Rockwell;
   font-size: 24px;
}

.officer2
{
   display: block;
   max-height: 300px;
   font-size: 18px;
}

.head2
{
   font-style: bold;
   font-family: Rockwell;
   font-size: 20px;
}

.row2oP
{
   margin-top: 25px;
}

.officer3
{
   display: block;
   max-height: 300px;
   font-size: 18px;
}

.head3
{
   font-style: bold;
   font-family: Rockwell;
   font-size: 20px;
}

.row3oP
{
   margin-top: 25px;
}

.row4oP
{
   margin-top: 25px;
}

.row5oP
{
   margin-top: 25px;
}

.officer4
{
   display: inline-block;
   max-height: 300px;
   font-size: 18px;
}

.head4
{
   font-style: bold;
   font-family: Rockwell;
   font-size: 20px;
}


/*Who We Are Committees*/

.titleRow{
   font-size: 40px;
   font-family: Rockwell;
   margin-top: 15px;
}

.CTables{
   font-family: Arial;

}

.row1ofC{
   margin-top: 15px;
}

.row2ofC{
   margin-top: 15px;
}

.row3ofC{
   margin-top: 15px;
   display: inline;
}

.row4ofC{
   margin-top: 15px;
}

.row5ofC{
   margin-top: 15px;
}

.row6ofC{
   margin-top: 15px;
}

.row7ofC{
   margin-top: 15px;
}
.row8ofC{
   margin-top: 15px;
}

.row9ofC{
   margin-top: 15px;
}

.Chead{
   font-size: 24px;
   font-weight: 5;
   color: #F6F905;
}

.Ctitle{
   margin-left: 15px;
   text-align: right;
}

table{
   background-color: #A4C1ED;
   font-size: 16px;
   position: center;
}

td{
   margin: 3px;
   padding: 3px;
}


/*Who We Are District*/

.titleRow{
   font-size: 40px;
   font-family: Rockwell;
   margin-top: 15px;
}

.CTables{
   font-family: Arial;

}

.reduce{
   font-size: 14px;
}


/*Who We Are Convention*/

.ConMain{
   font-family: Rockwell;
   background-color: #EEEEEE ;
   margin-bottom: 15px;
   padding-bottom: 15px;
}

.conheadL{
   font-size: 20px;
}

.contextL{
   font-size: 16px;
}

.blueC{
   color: #01008A;
   font-size: 20px;
}

/*SAL index*/

.sonhead{
   background-color: #00467F ;
   max-height: 100px;
}

.sonsmain{
   background-color: #86A5E6 ;
   font-family: Arial;
   font-size: 16px;
   margin-bottom: 15px;
}

.sonstitle{
   font-family: Roboto Slab;
}

.NsonsFB{
   margin-top: 15px;
}

.sondisplay{
   max-height: 200px;
   display: inline-block;
   margin-left: 15px;
   margin-right: -15px;
   /*background: url('/images/SAL/NationalOfficers.jpg') top center no-repeat;*/

}

.SALhead{
   font-size: 24px;
   font-weight: 5;
   color: #000000;
}

a.SALForms
{
   color: #FFFFFF;
   text-decoration: none;
   font-size: 18px;
}
a:visited.SALForms
{
   color: #FFFFFF;
}
a:active.SALForms
{
   color: #FF0000;
}
a:hover.SALForms
{
   color: #0000FF;
   text-decoration: none;
}
a:link.SALForms
{
   color: #FFFFFF
}

.SALtext{
   font-size: 18px;
}

/*Riders index*/



.riders
{
   background-color: #DBDBDB;
   font-family: Rockwell;
   font-size: 16px;
}

.ridersimg{
   margin-top: -60px;
}

.Rhead{
   font-size: 24px;
   font-weight: 5;
   color: #01008A;
}

.Rtitle{
   margin-left: 15px;
   text-align: right;
}

.Rtable
{
   background-color: #DCDCDC;
}

.Rlinks{
   font-size: 18px;
}

.NridersFB{
   margin-bottom: 15px;
}

.RiderForms{
   margin-top: -40px;
   padding-top: 0px;
}

.RiderSubH{
   margin-top: 0px;
}

/*Member Services Index */

.SText{
   padding-right: 60px;
   padding-left: 60px;
}

.SText1{
   padding-right: 60px;
   padding-left: 60px;
   
}

/*youth Programs Boys state*/

.boysText{
   text-align: left;
   font-size: 12px;
}

.BoysRow{
   margin-top: 25px;
   
}

.BoysRow{
   margin-top: 35px;
   
}
.boysText2{
   list-style-type: disc;
   font-size: 16px;
   text-align: left;
}

.boyslink{
   font-size: 16px;
   margin-top: 15px;
}

p.boysfineP{
   font-size: 14px;
   margin-top: 25px;
}



/*Oratorical */

.Oratorical{
   background-color: #EEEEEE;
}

.OtextPic{
   font-size: 12px;
   margin-top: 10px;
}

.OText1{
   font-size: 18px;
}

.Otitle{
   text-align: center;
}

.otext2{
   text-align: center;
   margin-bottom: 1px;
   font-size: 14px;
}

.otext3{
    text-align: center;
   margin-bottom: 5px;
   font-size: 16px;
}

.Olink{
   font-size: 16px;
   margin-top: 15px;
   margin-bottom: 15px;
}

/* Member Services National */

.National{
   background-color: #EEEEEE;
}

.Nlink{
   font-size: 18px;
   margin-top: 15px;
   margin-bottom: 15px;
   font-family: Rockwell;
}

.NText1{
   font-size: 18px;
}

.Ntitle{
   text-align: center;
   margin-bottom: 25px;
}

/*Member Services Suicide Prevention */

.TextSU2{
   color: red;
}

.TextSU{
   text-align: left;
   list-style-type: disc;
   text-indent: 25px;
   font-size: 14px;
}

.TextSU3{
   padding-left: 25px;
   margin-left: 25px;
}

/*Community Mountaire*/

.Mountaire{
   background-color: #EEEEEE;
}

.Mountaire1{
   margin-bottom: 15px;
}

/*Past Issues*/

.PastIndex{
   background-color: #EEEEEE;
}

.PItext{
   font-family: Rockwell;
   text-decoration: underline;
}

.PItext2{
   font-family: Rockwell;
   text-decoration: underline;
   font-style: bold;
}

/* Portrait & landscape phone */
@media (max-width: 480px) {

#myCarousel .item { height: 200px; }
   
   #slide1 {
      background: url('/images/MainScroll/small/scroll1.jpg') top center no-repeat;
   }
   
   #slide2 {
      background: url('/images/MainScroll/small/scroll2.jpg') top center no-repeat;
   }
   
   #slide3 {
      background: url('/images/MainScroll/small/scroll3.jpg') top center no-repeat;
   }
    #slide4 {
      background: url('/images/MainScroll/small/scroll4.jpg') top center no-repeat;
   }
   
   #slide5 {
      background: url('/images/MainScroll/small/scroll5.jpg') top center no-repeat;
   }
   
   #slide6 {
      background: url('/images/MainScroll/small/scroll6.jpg') top center no-repeat;
   }
    #slide7 {
      background: url('/images/MainScroll/small/scroll7.jpg') top center no-repeat;
   }
   
   #slide8 {
      background: url('/images/MainScroll/small/scroll8.jpg') top center no-repeat;
   }
   
   #slide9 {
      background: url('/images/MainScroll/small/scroll9.jpg') top center no-repeat;
   }
    #slide10 {
      background: url('/images/MainScroll/small/scroll10.jpg') top center no-repeat;
   }
   
   #slide11 {
      background: url('/images/MainScroll/small/scroll11.jpg') top center no-repeat;
   }
   
   #slide12 {
      background: url('/images/MainScroll/small/scroll12.jpg') top center no-repeat;
   }

   .SText{
      padding: 0;
   }
  .SText1{
   padding: 0;
   }

   .RiderForms{
   margin-top: 0px;
   padding-top: 0px;
   }

   .host3
{
   margin-bottom: 0px;
   margin-top: 10px;
}

.copyR
{
   margin-bottom: 20px;
   margin-top: 0px;
}

.host4
{
   margin-top: 0px;
}



}






  /* Landscape phone to portrait tablet */
@media (min-width: 480px)and(max-width: 768px) { 

   #myCarousel .item { height: 350px; }
   
   #slide1 {
      background: url('/images/MainScroll/medium/scroll1.jpg') top center no-repeat;
   }
   
   #slide2 {
      background: url('/images/MainScroll/medium/scroll2.jpg') top center no-repeat;
   }
   
   #slide3 {
      background: url('/images/MainScroll/medium/scroll3.jpg') top center no-repeat;
   }
    #slide4 {
      background: url('/images/MainScroll/medium/scroll4.jpg') top center no-repeat;
   }
   
   #slide5 {
      background: url('/images/MainScroll/medium/scroll5.jpg') top center no-repeat;
   }
   
   #slide6 {
      background: url('/images/MainScroll/medium/scroll6.jpg') top center no-repeat;
   }
    #slide7 {
      background: url('/images/MainScroll/medium/scroll7.jpg') top center no-repeat;
   }
   
   #slide8 {
      background: url('/images/MainScroll/medium/scroll8.jpg') top center no-repeat;
   }
   
   #slide9 {
      background: url('/images/MainScroll/medium/scroll9.jpg') top center no-repeat;
   }
    #slide10 {
      background: url('/images/MainScroll/medium/scroll10.jpg') top center no-repeat;
   }
   
   #slide11 {
      background: url('/images/MainScroll/medium/scroll11.jpg') top center no-repeat;
   }
   
   #slide12 {
      background: url('/images/MainScroll/medium/scroll12.jpg') top center no-repeat;
   }

   .SText{
   padding: 0;
   }
  .SText1{
   padding: 0;
   }

   .RiderForms{
   margin-top: 0px;
   padding-top: 0px;
   }

   .host3
{
   margin-bottom: 0px;
   margin-top: 10px;
}

.copyR
{
   margin-bottom: 20px;
   margin-top: 0px;
}

.host4
{
   margin-top: 0px;
}

}

@media (min-width: 780px) and (max-width: 1000px){
   
   .RiderForms{
   margin-top: 0px;
   padding-top: 0px;
   }

}