@charset "utf-8";

* {
    margin: 0;
    padding: 0;
}
html {
    background-color: #fff;
    height: 100%;
}

.container {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    width: 99%;
}

/* common and top level styles */
#nav span {
    display: none;
}
#nav, #nav ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#nav {
    background-color:transparent;
    border-bottom: 3px solid #333333;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    position: relative;
    width: 98%;
}
#nav ul.subs {
    background-color: #FFFFFF;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
    color: #333333;
    display: none;
    left: 0;
    padding: 2%;
    position: absolute;
    top: 25px;
    width: 25%;
}
#nav > li {
    border-bottom: 5px solid transparent;
    float: left;
    margin-bottom: -5px;
    text-align: left;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
#nav li a {
    display: block;
    text-decoration: none;
    -moz-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -ms-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -o-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    -webkit-transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    transition: color 450ms ease-in-out 0s, background-color 450ms ease-in-out 0s;
    white-space: normal;
}
#nav > li > a {
    color: #333333;
    display: block;
    font-size: 0.81em;
	font-weight: bold;
    line-height: 40px;
    padding: 0 13px;
}
#nav > li:hover > a, #nav > a:hover {
    background-color: #F55856;
    color: #FFFFFF;
}
#nav li.active > a {
    background-color: #333333;
    color: #FFFFFF;
}

/* submenu */
#nav li:hover ul.subs {
    display: block;
}
#nav ul.subs > li {
    display: inline-block;
    float: none;
    padding: 5px ;
    vertical-align: top;
    width: 25%;
}
#nav ul.subs > li a {
    color: #777777;
    line-height: 20px;
}
#nav ul li a:hover {
    color: #F55856;
}
#nav ul.subs > li > a {
    font-size: 1.3em;
    margin-bottom: 10px;
    text-transform: uppercase;
}
#nav ul.subs > li li {
    float: none;
    padding-left: 8px;
    -moz-transition: padding 150ms ease-out 0s;
    -ms-transition: padding 150ms ease-out 0s;
    -o-transition: padding 150ms ease-out 0s;
    -webkit-transition: padding 150ms ease-out 0s;
    transition: padding 150ms ease-out 0s;
}
#nav ul.subs > li li:hover {
    padding-left: 15px;
}

/* responsive rules */
@media all and (max-width : 980px) {
    #nav > li {
        float: none;
        border-bottom: 0;
        margin-bottom: 0;
    }
    #nav ul.subs {
        position: relative;
        top: 0;
    }
    #nav li:hover ul.subs {
        display: none;
    }
    #nav li #s1:target + ul.subs,
    #nav li #s2:target + ul.subs {
        display: block;
    }

    #nav ul.subs > li {
        display: block;
        width: auto;
    }
}

div.transbox {
    width: 470px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #FFFFFF;
    border: 1px solid #999999;
	padding: 15px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}


.footer_main_contant{ width:100%; min-height:200px; margin:0 auto; padding:10px 0; margin-top:20px;
background:url(../image/footer_bg.jpg);
}

.footer_box_in{width:1000px; margin:0 auto; min-height:207px; clear:both; padding-bottom:10px; 
}

.footer_min_box_under{width:100%; min-height:20px; margin:0 auto;
clear:both;  font-size:13px; text-align:center; font:Arial; color:#0eba9e;  padding:10px 0;  }



.footer
{
width:150px;

}
.footer ul
{
margin:0;
padding:0;
}
.footer ul li
{

list-style:none;


}
.footer ul li:last-child
{
border-right:none;
}
.footer ul li a
{
list-style:none;
text-decoration:none;
color:#CCCCCC;
padding:3px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;

display:block;
}

.footer ul li a:hover
{
color:#0eba9e;
}


.google_search_box{ font-size:12px; float:right; color:#08816e;}
.input_google{ background-color:#98e2d6; border-radius:3px; border:none; padding:5px;}
.google_search_button{ color:#FFF; border-radius:3px; padding:5px; border:none; margin-right:5px;
background: -webkit-linear-gradient(#0ba68e , #08806d); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#0ba68e , #08806d); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#0ba68e , #08806d); /* For Firefox 3.6 to 15 */
background: linear-gradient(#0ba68e , #08806d); /* Standard syntax */
}

.footer_box_left{width:230px; min-height:150px; float:left; padding-left:10px;   color:#FFF; font-size:16px; }
.footer_box_mid{width:230px; min-height:150px; float:left; margin-left:20px; color:#CCCCCC;  font-family:Arial, Helvetica, sans-serif; font-size:13px;  }
.footer_box_right{width:230px; min-height:150px; float:left; margin-left:20px; color:#CCC; font-size:16px;}
.footer_box_right a{ text-decoration:none;}
.footer_box_last{width:230px; min-height:150px; float:left; margin-left:20px;}
.footer_had_line{padding:0px 5px; font-size:12px; font-weight:bold; color: #FFFFFF;
border-bottom:1px dashed #0ebb9f; margin-bottom:5px;}


.arrowlistmenu{
width: 240px; /*width of menu*/
}

.arrowlistmenu .headerbar{
color: white;
background: #065E4F url(../image/pattern.png) repeat; color:#FFF;;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
font: bold 12px Arial, Helvetica, sans-serif;

padding: 8px 0 8px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #000000;
background: url(../image/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid  #9F9F9F;
font: 14px Arial, Helvetica, sans-serif;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #cc0000;
background-color: transparent;
background: url(../image/arrowbullet02.png) no-repeat center left; /*custom bullet list image*/
}

div.transbox1 {
    width: 470px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color:#ffffff;
    border: 1px solid #666666;
	padding: 15px;
    opacity: 0.6;
    filter: alpha(opacity=60); /* For IE8 and earlier */
			border-radius: 10px; 
		
}

div.transbox1 p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

div.transbox02{
    width: 690px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #CCCCCC;
    border: 1px solid #999999;
	padding: 15px;
    opacity: 0.6;
    filter: alpha(opacity=10); /* For IE8 and earlier */
	border-radius: 10px; 
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

div.transbox03{
    width: 690px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #C8D8E5;
    border: 1px solid #999999;
	padding: 15px;
    opacity: 0.9;
    filter: alpha(opacity=500); /* For IE8 and earlier */
	border-radius: 10px;
	
	
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

div.transbox04{
    width: 690px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #CCCCCC;
    border: 1px solid #999999;
	padding: 15px;
    opacity: 0.9;
    filter: alpha(opacity=500); /* For IE8 and earlier */
	border-radius: 10px;
	
	
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
	
div.transbox05{
    width: 690px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: transparent;
    border: 1px solid #FFFFFF;
	padding: 15px;
    opacity: 0.9;
    filter: alpha(opacity=500); /* For IE8 and earlier */
	border-radius: 10px;
	
	
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
		
		
div.transbox06{
    width: 690px;
    height: auto;
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	background-color: #CCCCCC;
    border: 1px solid #FFFFFF;
	padding: 15px;
    opacity: 0.6;
    filter: alpha(opacity=500); /* For IE8 and earlier */
	border-radius: 10px;
	
	
}

div.transbox p {
    margin-left:5px;
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}
			
.urbangreymenu{
width: 350px; /*width of menu*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 10px;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: 15px Tahoma;
color: #FFFFFF;
background: #006600;
display: block;
padding: 10px 5px;
line-height: 17px;
padding-left: 10px; /*link text is indented 8px*/
text-decoration:none;
border-radius: 10px;
}

.urbangreymenu ul li a:visited{
color: #FFFFFF;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #FF0000;
}

.c1 { text-decoration:none;
color: #990000;  }
.c1:hover { text-decoration:none;
color: #138144; }