@import url(http://fonts.googleapis.com/css?family=Audiowide);
@import url(http://fonts.googleapis.com/css?family=Play:400,700);
body {
	 font-family: 'Play', sans-serif;
}
/* By Susan */
#base {
  /*background: #000000;*/
  display: inline-block;
  height: 110px;
  margin-left: 20px;
  top: 0;
  position: absolute;
  width: 120px;
}
#base:before {
  /*border-top: 35px solid #000000;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent; */
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  top: 100%;
  width: auto;
}

 .searchss
  {
  background: url(find.png) no-repeat;
  padding-left: 18px;
  border:1px solid #ccc;
  }


 .textbx
{
text-transform:uppercase;
/*font-family:Verdana, Arial,Comic Sans MS;*/
font-family: 'Play', sans-serif;
font-size:9pt;
width: 200px;
background-image:url(img/form_bg.jpg);
background-repeat:repeat-x;
border: 1px solid #888888;
border-left: 3px solid #888888;	
background:#e9eaef;
color:#000000;

}


.lbl
{
font-family: 'Play', sans-serif;
font-size:10pt;
color:#da2533;
}
.lblcntrol
{
font-family: 'Play', sans-serif;
font-size:10pt;
color:#838383;
font-weight:bold;
}

ul  {
    list-style-image: url(img/star.png);	
}
.select
{	
	font-family: 'Play', sans-serif;
	font-size:9pt;
}

.tble
{
	font-family: 'Play', sans-serif; 
	font-size:9pt;
}

#containerr{width:100%;}
#left{float:left;width:400px;}
#right{float:right;width:400px;}
#center{margin:0 auto;width:400px;}

.button1 {
  border-radius: 0px;
  border: 3px solid #da2533;
  background: #da2533;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.button1:hover {
  background: transparent;
  color: #da2533;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.button2 {
  border-radius: 0px;
  border: 3px solid #da2533;
  background: #da2533;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 20px;
  text-transform: uppercase;
  font-size: 16px;
  padding: 6px 22px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.button2:hover {
  background: transparent;
  color: #da2533;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.button2:hover {
  border-color: #29292b;
  background: #29292b;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.newlist
  {
	/*background-color:#C6C7C2;*/
	background-color:#E7E7E7;
	font-family: 'Play', sans-serif;
	font-size:9pt;
	color:#000000;
	border-bottom:1px solid #EEEEEE;
	padding:3px 4px 3px 5px;
	}

.newControl{
	background-color:gainsboro;
	font-family: 'Play', sans-serif;
	font-size:9pt;
	color:#000000;
	border-bottom:1px solid #EEEEEE;
	padding:3px 4px 3px 5px;
	}
.formheading
{
	font-family: 'Play', sans-serif;
	font-size:10pt;
	background-color:#313030;
	color:#e9eaef;
	font-weight: bold;
}
.link
{
	font-family:Arial;
	color:#5d97d5;
	font-size:13px;
	font-weight:bold;
	text-decoration:underline;
}


.button5 {
  border-radius: 0px;
  border: 3px solid #da2533;
  background: #da2533;
  color: #ffffff;
  font-size: 20px;
  font-weight: 700;
  padding: 10px 25px;
  text-transform: uppercase;
  font-size: 16px;
  padding: 9px 95px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.button5:hover {
  background: transparent;
  color: #da2533;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.button5:hover {
  border-color: #29292b;
  background: #29292b;
  color: #ffffff;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.leaf
{
	text-transform:uppercase;
    font-size: 13px; /* 14px */
    color: #f31313;
    font-weight: 700;
}
.leaf:hover
{
	text-transform:uppercase;
	text-decoration:underline;
    font-size: 13px; /* 14px */
    color: #f31313;
    font-weight: 700;
}


.leafspn
{
	color:#838383;
	text-transform:uppercase;
	 font-size: 12px;
}

.redleaf
{
	text-transform:uppercase;
    font-size: 16px; /* 14px */
    color:#da2533;
    font-weight: 700;
}
.redleaf:hover
{
	text-transform:uppercase;
	text-decoration:underline;
    font-size: 16px; /* 14px */
    color:#da2533;
    font-weight: 700;
}
.ash
{
	font-family: 'Play', sans-serif;
	color:#838383;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
#rcorners2 {
    border-radius: 25px;
    border: 2px solid #838383;
    padding: 20px; 
    width: 400px;
    height:170px; 
}
.rcorners2 {
    border-radius: 25px;
    border: 2px solid #838383;
    padding: 20px; 
    width: 400px;
    height:170px; 
}

.redleafe
{
	text-transform:uppercase;
    font-size: 16px; /* 14px */
    color:#da2533;
    font-weight: 700;
}
.redleafe:hover
{
	text-transform:uppercase;
	text-decoration:underline;
    font-size: 16px; /* 14px */
    color:#ffffff;
    font-weight: 700;
}

/* Menu New */
#main #navigation {
	float: left;
	width: 200px;	
        
}
#navigation #nav_wrapper {	
	height: 100%;
}
#main #navigation ul {
	display: block;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#main #navigation ul li {
	background-image: url(../img/bg-image-3.jpg);
	background-repeat: repeat;
	line-height: 24px;
	color: #ffffff;
    border-bottom: 2px solid #f4f4f4;
	}

#main #navigation li a {
    background-image: url(../img/bg-image3.jpg);
	background-repeat: repeat;
	color: #000000;
	text-decoration: none;
	display: block;
	padding-left: 25px;
	font-family: 'Play', sans-serif;
    font-size:10pt;
}

#main #navigation li a:hover {
   	text-decoration: none;
	display: block;
	padding-left: 25px;
	font-family: 'Play', sans-serif;
    font-size:10pt;
    background-color:#000000;
    color:#ffffff;
}


#main #navigation ul li ul li {
	background-image: url(../img/bg.jpg);
	background-repeat: repeat;
	font-weight: normal;
	color: #000000;
    
}
#main #navigation ul li ul li :hover{
	font-weight: normal;
	color: #ffffff;
	
}
#main #navigation li li a {
	font-weight: normal;
	color: #000000;
  
	
}
#navigation .openheader{
background-image: url(../img/bg-image-3.jpg);
}
.hhh
{
background-image: url(../img/bg-image-3.jpg);
}
.lnk
{
	font-family: 'Play', sans-serif; 
	font-size:8pt;
	font-weight:bold;
	color:#da2533;
}
.lnk:hover
{
	font-family: 'Play', sans-serif; 
	font-size:8pt;
	font-weight:bold;
	color:#da2533;
	text-decoration:underline;
}

/*Dynamic Menu*/

.onclick-menu {
    position: absolute;	
	right: 40px;
    display: inline-block;
    
}
.onclick-menu:before {
    content: "View Menu"; 
	color:#da2533;
	font-family: 'Play', sans-serif;
    font-size:10pt;
	font-weight:bold;  
}
.onclick-menu:focus {    
    pointer-events: none;
}
.onclick-menu:focus .onclick-menu-content {   
    opacity: 1;
    visibility: visible; 
    pointer-events: auto;
   
}
.onclick-menu-content { 
 background-image: url(../img/bg-image-2.jpg);
 background-repeat: repeat;
 color:#ffffff;
    width:150px;
    height:130px;
    position: absolute;
	right:0px;
	z-index: 1;   
    opacity: 0;
    visibility: hidden;
    transition: visibility 0.5s;
    font-family: 'Play', sans-serif;
    font-size:10pt;
}
.onclick-menu-content ul
{
list-style-image: url(../img/login.png);	
}
 .onclick-menu-content a
    {
        color:#ffffff;
        font-family: 'Play', sans-serif;
        font-size:9pt;
        font-weight:bold;
		text-align:left;
		list-style-image:none;
    }
.onclick-menu-content  a:hover
    {
        color:#da2533;
        font-family: 'Play', sans-serif;
        font-size:9pt;  
        font-weight:bold;       
    }
.modalBackground {
	        background-color:#000000;
	        filter:alpha(opacity=100);
	        opacity:0.9;
 }
.modalBackground1 {
	        background-color:#000000;
			color:#ffffff;
	        filter:alpha(opacity=100);
	        opacity:0.9;
			font-size:8pt;
 }

.Grid { 
	border: solid 1px #403f3b; 
	font-family: 'Play', sans-serif;
	width:100%;
	font-size:8pt;
}
.Grid td
{
border: solid 1px #403f3b;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: left;
}
.GridHeader
{
font-weight: bold;
background-color: #403f3b;
color:White;
font-family: 'Play', sans-serif;
font-size:8pt;
text-align: left;
width:100%;
}
.GridItem
{
background-color: #403f3b;
font-family: 'Play', sans-serif;
text-align: left;
font-size:8pt;
width:100%;
color:#000000;
}


.tabheader{
color:#e9eaef;
font-weight:bold;
font-size:10pt;
background-color:#313030;
}

.item
{
font-family: 'Play', sans-serif;
font-size:10pt;
color:#000000;
background-color:#d5d5d5; /*#f1f5f6;*/

}

.itemrow
{
font-size:10pt;
color:#840a14;
}

.itemrow:hover
{
font-size:10pt;
color:#840a14;
text-decoration:underline;
}
.row1{
background-color: #afacac;
color:#82530A;
}

.itemrowlink
{
font-size:10pt;
color:#82530A;  /* #82530A;*/
text-decoration: underline;
}


#header {
	color: #FFFFFF;
	height: auto;
}
 .header{
color:#ffffff;
font-weight:bold;
font-size:8pt;
background-color:#000000;
}
.item
{
font-size:8pt;
color:#000000;
background-color: #E7E7E7;
}
.Grid { 
	border: solid 1px #FFFFFF; 
	font-family:Tahoma, Arial;
	width:100%;
	font-size:8pt;}
.Grid td
{
border: solid 1px #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
text-align: left;
width:100%;
}
   
.GridHeader
{
font-weight: bold;
background-color: #000000;
color:White;
font-family:Tahoma, Arial;
font-size:8pt;
text-align: left;
width:100%;
}
.GridHeader1
{
font-weight: bold;
background-color:blue;
	width:100%;
}
.GridItem
{
background-color: #E7E7E7;
font-family:Tahoma, Arial;
text-align: left;
font-size:8pt;
	width:100%;
}

.GridAltItem
{
background-color: white;
font-family:Tahoma, Arial;
text-align: left;
font-size:8pt;
width:100%;
}

.leafnoline
{
	text-transform:lowercase;
    font-size: 13px; /* 14px */
    color: #293a90;
    font-weight: 700;
}
.leafnoline:hover
{
	text-transform:lowercase;
    font-size: 13px; /* 14px */
    color: #838383;
    font-weight: 700;
}