html {}
body{padding: 0px;color: #222;text-align: center; 
    font: 100% verdana,Arial,sans-serif; background-color:#850507; background-image: url('Design/back-index-21.png'); background-repeat:repeat;}
h1 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:135%; line-height:30px; color:#424242}
h2 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:115%; line-height:26px; color:#424242}
h3 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:110%; line-height:22px; color:#a27f1e;}
h4 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:100%; line-height:20px; color:#000000}
h5 {padding-left:10px; font-weight:bold; font-family:verdana; font-size:95%; line-height:20px; color:#000000}
p  {padding-left:10px; font-family:verdana; font-size:95%; line-height:18px; color:#000000; padding-right:10px;}
hr {width:80%; margin:0 auto}

div#container{max-width:960px !important; width:100%;
    margin: 0 auto;padding:5px;text-align:left;background:transparent;}
div#header{padding: 0px; margin:0 auto; max-width:960px !important;  width:100%; background-image:url('Design/h-background14.png'); border-bottom:20px solid #000;  clear:both; }
div#header a{color:#dbe26f; text-decoration:none; font-size:90%; }
div#header a:hover {color:#fff; text-decoration:none; font-size:90%; }
div#mobile-header {display:none}
div#header2{padding:2px 0px; margin:0 auto; text-align:center;max-width:960px !important;  width:100%; border-top:solid 10px #800000;  clear:both;/* height:320px; background-image:url('images/mainheader.gif');*/}

div#content{width:100%;padding:0;margin:0;background: #Fff; font-size:100%; display:table;  clear:both;}
div#content a {color:#D10D00; text-decoration:underline;}
div#content a:visited {color:#D10D00; text-decoration:underline;}

.page-col {display:table-cell; vertical-align:top}

div#LeftCol{width:62.6%;padding:0 10px;margin:0;background: #Fff; font-size:100%; border-right:solid 5px #800000;}
div#LeftCol a {color:#D10D00; text-decoration:underline;}

div#LeftColRight{width:62.6%;padding:0 10px;margin:0;background: #Fff; font-size:100%; border-left:solid 5px #800000;}
div#LeftColRight a {color:#D10D00; text-decoration:underline;}

div#nav{width:32.7%;padding:0 10px;margin:0;background: #FFFED7; font-size:100%;}
div#nav a {color:#D10D00; text-decoration:underline;}
div#nav a:visited {color:#D10D00; text-decoration:underline;}

div#footer{max-width:device-width !important; width:100%;padding:0;text-align:center;margin:0 auto; background:transparent; clear:both; }
div#footer a {color:#ffffff; text-decoration:none; font-size:90%; }
div#footer a:hover {color:#fff; text-decoration:underline; font-size:90%; }
div#footer a:active {color:#ffffff; text-decoration:none; font-size:90%; }
div#footer a:visited {color:#ffffff; text-decoration:none; font-size:90%; }

div#main-page-footer{max-width:device-width !important; width:100%;padding:0;text-align:center;margin:0 auto; background:transparent; clear:both; }
div#main-page-footer a {color:#ffffff; text-decoration:none; font-size:90%; }
div#main-page-footer a:hover {color:#fff; text-decoration:underline; font-size:90%; }
div#main-page-footer a:active {color:#ffffff; text-decoration:none; font-size:90%; }
div#main-page-footer a:visited {color:#ffffff; text-decoration:none; font-size:90%; }

div#box-left-third {width:30%; display:inline-block; height:auto; vertical-align:top;}
div#box-mid-third {width:30%; display:inline-block; height:auto;  vertical-align:top; }
div#box-last-third {width:30%; display:inline-block; height:auto;  vertical-align:top; }

div#box-left-half {width:49.5%; display:inline-block; height:auto; vertical-align:top;margin-left:5px}
div#box-mid-half {width:49.5%; display:inline-block; height:auto;  vertical-align:top;}
div#box-last-half {width:49.5%; display:inline-block; height:auto;  vertical-align:top; clear:both}


/*
div#footer2{clear:both;width:100%; padding:5px 0 0 0;text-align:center; background-image:url('images/footerbg.jpg'); background-repeat:repeat-x; height:26px}
*/
.TitleRight {margin-top:-64px; margin-bottom:50px; text-align:center; color:#49511B; font-size:105%; font-weight:bold; }
div#PinkBox{width:280px;padding: 10px  0;margin:0 auto; 
    text-align:left; background: #F6D9C9 }
div#GreenBox{width:280px;padding: 10px  0;margin:0 auto; 
    text-align:left; background: #C6CFB3 }    
div#PinkBox2{width:280px;padding: 10px  0;margin:0 auto; 
    text-align:left; background: #F6D9C9 }
div#BlackBox{width:300px;padding: 10px  0;margin:0 auto; 
    text-align:left; background: #000000 }    
div#BlackBox a {color:#d10d00; text-decoration:none; }
div#BlackBox a:visited {color:#d10d00 }
 
.SmallText { margin: 0 0 18px; font-family:verdana; font-size:9pt;  color: black; line-height: 16px; }
.SmallestText { margin: 0 0 18px; font-family:verdana; font-size:8pt;  color: black; line-height: 14px; }
.PagePic {text-align:center; margin-top:15px;}
.PageTitle { font-size:100%; text-align:center; margin-bottom:36px; color:#dbe26f; margin-top:-58px; font-weight:bold; }
.RedText { color:#800000 }
.OliveText { color: #337810; }
.BlueText { color: #0000a0; }
.GoldText { color: #808000; }
.WhiteText { color: #ffffff; }

ul#split,ul#split li{margin:0;padding:0;list-style:none}
ul#split li{float:left;width:310px;margin:0 5px 10px 5px;}
ul#split h3{font: normal 120%/1.3 Verdana,sans-serif;
    text-transform:uppercase;margin:0px;padding: 5px 0 0;text-align:center;color: #000}
ul#split p{margin:0;padding:5px 8px 15px}
li#one{background: #C8C866}
li#two{background: #FFBD00}
li#three{background: #E3A1C4}
.rosetext {color: #C85F2E}
.AlignCenter { text-align:center; padding-right:2px}

.facebook-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}

.facebook-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.video-container {  /* usage: <div class="video-container"> */
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.video-container iframe, 
.video-container object, 
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.flexslider {height:auto;/*150px !important*/}
.selectnav { display: none; }

.mobile-container {
  max-width: device-width !important;
  width:100%;
  background-color: #555;
  height: auto/*500px*/;
  color: white;
  border-radius: 10px;
  display:none;
}

.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.active {
  background-color: #860608/*4CAF50*/;
  color: white;
  width:100%;
  border-top:10px; solid #000;
}




/** Responsive Magic **/


@media screen and (max-width: 768px)
{
	
        div#container {width:100%;}
        div#header {display:block; width:device-width !important; width:100%; height:auto; clear:both; background-image:none; }

/*
        div#mobile-header {display:inline-block;width:100%; margin-bottom:10px; clear:both; background-image:none; text-align:center;}
*/
        div#header2 { display:none;}
        .mobile-container {display:block; width:device-width !important; width:100%; height:auto; clear:both; }
		div#content {width:100%;}
        div#LeftCol, div#LeftColRight, div#nav, div#box-left-third, div#box-mid-third, div#box-last-third
			{
				width: 100%;
				padding-left: 20px;
                display:block;
                border:none;
                border-bottom:5px solid #800000;
                margin:0;
			}
            div#footer {width:100%; padding:0; margin:0; border:none}
            div#main-page-footer {display:none}
/*
            div#footer {width:104%;margin-left:-2.4%; padding:0}
*/
           .flexslider {height:auto;/*150px !important*/}
		
}

@media screen and (max-width: 480px)
{		
        div#container {width:98%; margin:0 auto; padding:0px}
        div#header {width:100%; height:auto; background-image:none; }

/*
        div#mobile-header {display:inline-block;width:100%; margin-bottom:10px; clear:both; background-image:none; text-align:center;}
*/
        div#header2 { display:none;}
        .mobile-container {display:inline-block; width:100%; height:auto}
		div#content {width:100%; margin:0 auto;}
        div#LeftCol, div#LeftColRight, div#nav, div#box-left-third, div#box-mid-third, div#box-last-third
			{
				width: 98%;
                display:block;
                border:none;
                border-bottom:5px solid #800000;
                margin:0 auto;
                padding-left:10px; 
                padding-right:10px}
			}
            div#footer {width:98%; padding:0; margin:0; border:none}
            div#main-page-footer {display:none}
/*
            div#footer {width:104%;margin-left:-2.4%; padding:0}
*/
           .flexslider {height:auto;/*150px !important*/}
}

@media screen and (max-width: 28.6875em) 
{		
        div#container {width:98%; margin:0 auto}
        div#header {width:100%; margin-bottom:10px; clear:both; background-image:none; text-align:center; }
        .mobile-container {display:inline-block; width:100%; height:auto}
        div#header2 { display:none;}
			div#content {width:100%; overflow:hidden}
            div#LeftCol, div#LeftColRight, div#nav, div#box-left-third, div#box-mid-third, div#box-last-third
			{
				width: 100%;
				padding: 10px;
				margin: 0;
                display:block;
                border:none;
                border-bottom:5px solid #800000;
			}
            div#footer {width:100%; padding:0; margin:0 auto; border:none}
            div#main-page-footer {display:none}
/*
            div#footer {width:104%;margin-left:-2.4%; padding:0}
*/
           .flexslider {height:auto;/*150px !important*/}
}


/* small screen */
/*
@media screen and (max-width: 600px) {
  .selectnav { display: inline; background:#000000; color:#fff; width:95%; padding-left:10px;}
  .js #css3menu1 { display: none; background:none;}
  .js .topmenu { display: block; }
}
*/
image { max-width: 100%; }



