﻿*{ font-family: Verdana;font-size: 12px;
}
div#outer{margin:auto; position:relative; width:100%; min-height:650px; width:100% ;background-color :#F5F5F5;}
div#main_body{}
div#t_header{ min-height:20px; border:1px #E5E5E5 solid; margin-bottom:3px;
background-color: #336600; line-height:22px;
/*
-moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; 
-moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px ; -webkit-border-bottom-right-radius:10px; 
border-bottom-right-radius:10px;border-bottom-left-radius:10px;*/
-moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;
}

header.container{margin-bottom:10px}
div#t_header .t_hdr span{display:inline-block; min-width:100px; height:18px; background-image:url('../pics/phone-symbol.png'); 
background-position: left center; background-repeat:no-repeat; padding-left:19px; line-height:18px; color: yellow}

div#header{ min-height:70px; background-color: #CC3300;
-moz-border-bottom-left-radius:10px; -khtml-border-bottom-left-radius:10px; -webkit-border-bottom-left-radius:10px; 
-moz-border-bottom-right-radius:10px; -khtml-border-bottom-right-radius:10px ; -webkit-border-bottom-right-radius:10px; 
border-bottom-right-radius:10px;border-bottom-left-radius:10px;
/*-moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; */
background-image: -moz-linear-gradient(top, rgb(204, 51, 0), rgb(167, 8, 0));
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(204, 51, 0)), to(rgb(167, 8, 0)));
background-image: -webkit-linear-gradient(top, rgb(204, 51, 0), rgb(167, 8, 0));
background-image: -o-linear-gradient(top, rgb(204, 51, 0), rgb(167, 8, 0));
background-image: linear-gradient(to bottom, rgb(204, 51, 0), rgb(167, 8, 0));
background-repeat: repeat-x;
border-color: rgb(189, 54, 47) rgb(189, 54, 47) rgb(167, 8, 0);
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.logo.span2 img{max-width: 60px;margin-left: 10px;padding-top: 4px;}
div.hdr_menu{position:relative; margin:auto; height:14px; color:  #3C43B8; line-height:14px }
div.hdr_menu a{color:  #3C43B8}
.pull-left.navi{ padding-left:10px}
.t_hdr.pull-right{
				padding-right:10px
}
.t_hdr.pull-right a{	color:yellow;margin-left: 5px;}
div#main{margin:auto; width:1022px; min-height:450px; position:relative; border: 1px #E5E5E5 solid; background-color:white;
margin-bottom:7px; padding-top:7px; padding-bottom:7px }

div#main div.menu h3{ display:inline-block; }
div#main div.menu span{ display:inline-block; min-width:70px ; text-align:right; float:right; padding-right:20px}
div#catg{ position:relative; margin:auto; min-height:30px; margin:5px auto 0 auto}
div#catg ul{position:relative; text-align:left; height:auto; margin:0 }
div#catg ul li{position:relative; text-align: center;  height:30px; display:inline-block; line-height:30px;
 border: 1px #E5E5E5 solid; margin-bottom:5px; background-color:white;}
div#catg ul li a{display:block; line-height:30px; height:30px; width: auto; padding:0 10px; color:black}
div#catg ul li a:hover{color: maroon}
div#catg ul li:hover,div#catg ul li.selected{background-color:#F5F5F5;-moz-box-shadow: 0px 2px 25px #1B1B1B;-webkit-box-shadow: 0px 2px 25px #1B1B1B;
box-shadow: 0px 0px 8px #1B1B1B;}
#main_body .row-fluid{
				margin-bottom:10px
}
#footer{margin:auto;;background-color:#2B2B2B; height:30px; text-align: center;
-moz-border-top-left-radius:10px; -khtml-border-top-left-radius:10px; -webkit-border-top-left-radius:10px; 
-moz-border-top-right-radius:10px; -khtml-border-top-right-radius:10px ; -webkit-border-top-right-radius:10px; 
border-top-right-radius:10px;border-top-left-radius:10px;}
#footer span.cpyrt{color:white; display: inline-block; line-height:30px; margin-left:30px; font-size:10px}
#footer span.cpyrt a{color:white; font-size: 10px;}
#footer div.disclmr{color:white; display: inline; line-height:30px;  margin:auto; font-size:10px}
#footer div.disclmr a{color:white}

#footer a.we{background-image:url('../pics/we.png'); height:30px; width:30px; display: inline-block; 
line-height:30px; position:absolute; right:10px; background-repeat:no-repeat; background-position:center center}
#footer a.we:hover{ background-color:#333}
#enroll #main form fieldset label.rft input{ border: 1px gray solid; display:inline-block; height:30px; width:200px}
#enroll #main form fieldset label.rft{display:inline-block; width:300px; margin:5px auto; text-align:left}
#enroll #main form fieldset label.lft{display:inline-block; width:200px; margin:5px auto; text-align:right}

div#main div.main1{position:relative; margin:auto; width:1024px; height:auto; margin-bottom:5px}
div#main div.lft_ad{width:248px; position:relative;  display:inline-block;border:1px #E5E5E5 solid; vertical-align:top}
div#main div.main_c{ position:relative;  display:inline-block; width:598px;border:1px #E5E5E5 solid;
-moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;}
div#main div.main_c,div#main div.lft_ad,div#main div.rft_ad{ height:550px; overflow: auto ;   }
/*div#main div.main_c h5,div#main div.main_c h6, div#main div.main_c span{ text-align:left; display:block; margin-left:15px}*/

div#main div.main_c ul{ list-style:none; display:block; position:relative}
div#main div.main_c ul li{ padding:5px 5px 5px 10px; border-bottom:1px #E5E5E5 solid; text-align:left }
div#main div.main_c ul li:hover{ background-color: #FFFFCC}
div#main div.main_c ul li h6{ color:maroon }

div#main div.main_c ul li span{
				line-height:normal
}
div#main div.main_c ul li span.date{ display:block; color:#800000; font-weight:bold}
div#main div.main_c ul li span.event_tl{ display:block; text-decoration:underline; margin:5px 0}
div#main div.main_c ul li span.event_dc,div#main div.main_c ul li span.attac,
div#main div.main_c ul li span.phon,div#main div.main_c ul li span.addr,div#main div.main_c ul li span.lclt,
div#main div.main_c ul li span.name,div#main div.main_c ul li span.email
{display:block; padding-left:10px}
div#main div.main_c ul li span.email a,div#main div.main_c ul li span.attac a{color:blue;}
div#main div.main_c ul li span.email a:hover,div#main div.main_c ul li span.attac a:hover{ font-weight:bold; text-decoration:underline}
div#main div.main_c ul li span.ev_id{ color:maroon; font-size:6px }

div#main div.rft_ad{width:150px; position:relative;display:inline-block;}
div#main div.divider{ margin:20px auto ;width:990px; height:1px; border-top:1px #E5E5E5 solid }
div#main div.rg_form{width:1024px; min-height:300px; position:relative; margin:auto}
div#main .pst_event,div#main .enroll_free{width:500px; min-height:300px; position:relative; margin:auto;
 display:inline-block; padding-top:5px }
div#main .pst_event form,div#main .enroll_free form, div#main .pst_event {padding:5px}
#admin #main form fieldset,div#main .enroll_free form fieldset,div#main .pst_event form fieldset{border:1px #E5E5E5 solid ; margin-bottom:3px;
-moz-border-radius:7px; -khtml-border-radius:7px; -webkit-border-radius:7px; border-radius:7px; padding:4px 0}
#admin #main form fieldset{margin:auto; width:50%}

#admin #main form fieldset label.rft input,div#main div.rg_form form fieldset label.rft input{ border: 1px gray solid; display:inline-block; height:20px; width:200px}
#admin #main form fieldset label.rft,div #main div.rg_form form fieldset label.rft{display:inline-block; width:200px;height:20px; margin:2px auto; text-align:left}
#admin #main form fieldset label.lft,div#main div.rg_form form fieldset label.lft{display:inline-block; width:160px;height:20px; margin:2px auto; text-align:right}


#index_veri #main form fieldset label.rft input,div#main div.rg_form form fieldset label.rft input{ border: 1px gray solid; display:inline-block; height:20px; width:200px}
#index_veri #main form fieldset label.rft,div #main div.rg_form form fieldset label.rft{display:inline-block; width:200px;min-height:20px; margin:2px auto; text-align:left}
#index_veri #main form fieldset label.lft,div#main div.rg_form form fieldset label.lft{display:inline-block; min-width:170px;height:20px; margin:2px auto; text-align:right}

/*pop up*/
#boxes .window { position:absolute;  left:0;  top:0;  width:70%;  height: auto;  display:none;  z-index:9999;  padding:20px;
   background-color:#002E6A; text-align:justify;-moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; 
   border-radius:4px;-moz-box-shadow: 0px 2px 10px #1B1B1B;
    -webkit-box-shadow: 0px 2px 10px #1B1B1B;box-shadow: 0px 2px 10px #1B1B1B; }
#boxes #dialog { width:300px;   min-height:70px;  padding:10px;  background-color:#C30; text-align: center; vertical-align:middle }
#boxes #dialog span{ margin:auto; display:block; text-align:center; font-size:19px; color:white }
#mask { position:absolute; left:0;  top:0;  z-index:9000;  background-color:#000;  display:none;}
/*pop up end*/

span.divider-vertical { display: inline-block;
height:22px;
margin: 0 9px;
border-right: 1px solid white;
border-left: 1px solid rgb(242, 242, 242);
}
.form-horizontal .control-group{margin-bottom: 10px;}
.row-fluid.main{ }
td:first-child{width:50px}
.events.span4 .media,.events.span12 .media{margin-bottom:10px;}
.events.span4 .events{ margin:auto 2%}
.thumbnail.event{padding: 8px; position: relative; margin:auto;background-color:rgba(255, 255, 255, 0.600);  }
.thumbnail_2.pull-left{width: 100px; height:100px; overflow:hidden; position:relative }
.thumbnail_2.clearfix img{}

.thumbnails.events  li[class*="span"]:first-child{margin-right: 1.564102564102564%; margin-left:0}
.thumbnails.events  li[class*="span"]{margin-right:1.564102564102564%;margin-left:0; min-height:160px}
.media p{margin-bottom:5px}
.events .media a.pull-left{margin-right: 10px;overflow: hidden;max-height: 88px;}
.enroll .media a.pull-left{margin-right: 10px;overflow: hidden;max-height: 40px;}
.event h6, .enroll h6{	margin: 0 0 5px 0}
.event p .badge, .enroll .badge{padding: 1px 8px 2px;font-size: 80%; }
img.loader{	margin:auto;display: block;}
#load_form{width: 50%; padding:10px;background-color:white;
border: 1px solid rgb(221, 221, 221);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

.radio, .checkbox {	display: inline-block;}
div[data-ad-dt*="e"]{ margin: 15px 0;
padding: 15px 0;background-color: rgba(189, 189, 189, 0.09);
border: 1px solid rgba(227, 227, 227, 0.25);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.date{width: 185px !important; }
.sildeshow_rrnagar.clearfix{margin-bottom:10px}
.clearfix.enroll{margin-right:1%}
.thumbnail.enroll{min-height:120px; position:relative; margin:auto}
.thumbnails.enroll  [class*="span"]:first-child{margin-right: 1.564102564102564%; margin-left:0}
.thumbnails.enroll  [class*="span"]{margin-right:1.564102564102564%;margin-left:0}
.thumbnail.enroll a{ color:black}
.thumbnail.enroll h6 a,.thumbnail.event  h6 a{text-decoration:underline;color:black}
.enrol_id, .event_id{position:absolute; bottom:0; right:3px; font-size:7px; color:silvergray;}

div.jp-title{   position:relative;  height:40px;  width:100%; display:block;  overflow:hidden;   }
.scrollingtext{   position:absolute;        white-space:nowrap;}


#myCarousel_gallery{margin: auto 2%;	background-color: rgba(255, 255, 255, 0.600);padding: 8px;
border: 1px solid rgb(221, 221, 221);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

#myCarousel_gallery .carousel-inner{min-height:192px;}
#myCarousel_gallery .carousel-inner .item a{ margin:auto; display:block; text-align:center;   vertical-align:middle; }

#myCarousel_gallery h4.eventsTitle{margin-bottom: 3px; margin-top: 5px;}

#myCarousel_gallery .rrNgrSqrl{	  width: 56%;  display: block;  margin: auto;}

#myCarousel_gallery .carousel-inner .media-body{ min-height: 119px}
#myCarousel_gallery .carousel-inner .item a img{ max-height:100px; margin:auto}
#myCarousel_gallery .carousel-control{width:20px; height:20px;font-size: 30px;line-height: 17px; opacity: 0; top:61%;}
#myCarousel_gallery:hover .carousel-control{
	opacity: 0.6;
}
.carousel-inner h6{text-align:center}
.header_alt_Sunrise{margin-left: 22%;}
a{word-wrap: break-word;}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child {
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}
.input-prepend.input-append .btn-group  { 
  position: relative;
  display: inline-block;
  font-size: 0;
  white-space: normal;
  vertical-align: middle;
}
.enrolSearch .input-block-level{
	width: 70%;
	float:left;
	padding:2px;
}
.thumbnail.enroll.Promotion{
  border: 1px solid #48C300;
    background-color: rgb(255, 255, 215);
}

.button {
  background-color: white; /* Green */
  border: 1px solid #aaaaaa;
  color: black;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  transition-duration: 0.4s;
  cursor: pointer;
}

.button:hover {
  background-color: #aaaaaa;
  color: white;
}
.label {
    /* Other styling... */
    text-align: right;
    clear: both;
    float:left;
    margin-right:15px;
    padding:5px;
}

.searchbar {
  display: -ms-flexbox; /* IE10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE10 */
  flex-wrap: wrap;
  padding: 0 5px;
  width:100%;
  align-items:top;

  justify-content: space-between;
}
.searchbar > div{
    display:inline-block;
}
div.sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
}
