/*
universal tag
*/
html, body, h1, h2, h3, h4, h5, h6, ul, ol, li, p, img, form, input, label{
	margin: 0;
	padding: 0;
}
body{
	background: #797979 url(../images/bg.gif) repeat center top;
	font: 12px verdana, Helvetica, sans-serif;
	text-align: center;
}
ul{
	list-style: none;
}
img{
	border: none;
}
a{
	color: #444;
	text-decoration: none;
}
a:hover{
	text-decoration: none;

}
.clear{
	clear: both;
}
/* top */
.top{
	background: transparent url(../images/bg_top.gif) no-repeat center top;
	height: 79px;
	margin: 6px auto 0;
	width: 976px;
}
.top a:hover{
	text-decoration: none;
}
.topnavi{
	height: 79px;
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 1000;
}
.logo{
	float: left;
	padding: 20px 0 0 15px;
}
.menu{
	background: transparent url(../images/menu_top_bg.gif) no-repeat left bottom;
	height: 33px;
	padding: 1px 0 0 8px;
	position: absolute;
	right: 0px;
	width:275px;
	z-index:1000;
}
.nav-top { 	
	float:left;
	z-index:1000;
	/*width:320px;*/
	background-color:transparent; 
	margin-top:8px;
	width:275px;
	text-align: left;
	/*position:relative;*/ 
}
	
.nav-top li { 
	float: left;
	/*position:relative;
	background-repeat:no-repeat;
	background-position:center right;
	margin-left:-1px;*/  
}

.nav-top li:hover, .nav-top li.sfhover {
	background-image:url(../images/menu_on_bg_2.gif); 
	background-repeat:no-repeat;
	background-position:top left; 
}
.nav-top li ul { /* flyout container */ 
	position: absolute;
	left: -999em;
	background-color:#e8e8e8;
	width:136px;
	z-index:1000; 
}
.nav-top li li { /* flyout list items */
 	background-image:none;
	background-color:transparent;
 	float:none;
	width:136px;
	position:relative; 
	margin:0;
	padding:0;
	border-top:1px #fff solid; 
}
.nav-top ul li ul.hidden{
	font-size: 12px;
}
.nav-top ul li ul.hidden a{
	padding: 5px 10px 5px 12px;
}
.nav-top li a { /* links */
	display: block;
	padding:5px 18px 5px 8px;
	text-decoration:none;
	font-weight:normal;
	color: #676767;
	background-image:url(../images/menu_top_arrow.gif);
	background-repeat:no-repeat;
	background-position:right; 
}
.nav-top ul li.plain a{
	background: none;
	padding: 5px 10px 5px 5px;
}
.nav-top li a:hover, .nav-top li:hover > a {
	background-image:url(../images/menu_top_arrow.gif); 
}
.nav-top li li a:hover, .nav-top li:hover li > a {
	background-image:none; 
}
.nav-top li ul {
 background-image:none; 
 }
.nav-top li li a { /* flyout links */
	color:#676767;
	text-decoration:none;
	background-color:#e8e8e8;
	background-image:none;
	font-weight:normal;
	display:block;
	padding:4px;
	padding-left:10px;
	line-height:1.3em; 
	margin: 0;
}
.nav-top li li a:hover { /* flyout links hover */
	background-image:none;
	background-color:#d3d8e0; 
}
.nav-top li:hover ul, .nav-top li.sfhover ul { /* put flyout into position - left aligned */
	left: auto; 
}
.nav-top li:hover ul.right-align, .nav-top li.sfhover ul.right-align { /* put flyout into position - right aligned */
	right:0; }

/*--nav-main---*/
.navi{
	font-weight: bold;
	font-size: 15px;
	height: 35px;
	position: absolute;
	right: 0;
	top: 44px;
	width: 780px;
	text-transform: capitalize;
	z-index: 999;
}
ul.dropdown {
	background: transparent url(../images/nav-main_bg.gif) no-repeat left bottom;
	z-index:1000;
	text-align: center;	
	height: 35px;
	}
ul.dropdown li {
	float:left;
	color:#676767;
	line-height: 35px;
	width: 130px;
	text-align: center;
}
ul.dropdown li.selected a{
	background: transparent url(../images/nav_bg.png) no-repeat center bottom;
	color: #FFF;
}
ul.dropdown li.selected ul li a{
	background:#e8e8e8;
	color: #676767
}
ul.dropdown li.selected ul li a:hover{
	background: #d3d8e0;
}

/*ul.dropdown li.arrow{
	background: transparent url(../images/menu_top_arrow.gif) no-repeat 105% 55%;
	position:relative; 
}
ul.dropdown li.arrow:hover > a {
	background: transparent url(../images/nav_bg.png) no-repeat center bottom;
	color: #FFF;
}*/

ul.dropdown li.hover,ul.dropdown li:hover {
	background: transparent url(../images/nav_bg.png) no-repeat center bottom;
	position: relative;
	z-index:800;
	cursor: default;
	color: #FFF;
}

ul.dropdown li a {
	display:block;
	color: #676767;
}

ul.dropdown a:hover{
	background: transparent url(../images/nav_bg.png) no-repeat center bottom;
	color: #FFF;
	display: block;
	height: 35px;
	width: 130px;
}
ul.dropdown li.color:hover a.acolor{
	color: #FFF;
}
ul.dropdown ul {
	background-color:#e8e8e8;
	font-size:12px;
	font-weight: normal;
	text-transform:none;
	width:150px;
	left:0;
	position:absolute;
	top:100%;	
	visibility:hidden;
	z-index:1020;
}
ul.dropdown ul li {
	border-top: 1px solid #fff;
	float:none;
	height: 25px;
	line-height: 25px;
	text-align: left;
	text-transform: capitalize;
	width: 150px;
	overflow: hidden;
	z-index:1020;
}
ul.dropdown ul a {
	width:135px; /* Especially for IE */
	display:block;
	text-align: left;
	padding-left: 15px;
	background: #e8e8e8;
}

ul.dropdown ul a:hover{
	background:#d3d8e0;
	color: #676767;
	text-align: left;
	width: 135px;
}
ul.dropdown li:hover > ul {
	 visibility: visible;
}
	ul.dropdown ul li:hover > a.dir {
	 background:#d3d8e0;
	}
	ul.dropdown li:hover > a.dir {
	 background:#d3d8e0;
	}


/*----main----*/
.main{
	background: #3f3f3f url(../images/bg_border.gif) repeat-y center top;
	margin: 0 auto;
	width:976px;
}
.display {
	background: #FFF url(../images/loading.gif) no-repeat center;
	margin: 0 auto;
	min-height: 50px;
	width: 960px;
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.linegap_t{
	background: transparent url(../images/linegap_t.gif) repeat-x left center;
	height: 18px;
	margin: 0 auto;
	width: 960px;
}
.linegap_b{
	background: transparent url(../images/linegap_b.gif) repeat-x left center;
	height: 18px;
	margin: 0 auto;
	width: 960px;
	clear: both;
}
.list{
	background: #FFF url(../images/list_bg.gif) repeat-x left top;
	margin: 0 auto;
	padding: 15px 0;
	width: 960px;
	overflow: hidden;
}
.list ul li{
	display: inline;
	float: left;
	height: 180px;
	margin: 5px 0 0;
	width: 310px;
	position: relative;
	text-align: left;
}
.info{
	margin: 30px 0 0;
	position: absolute;
	right: 15px;
	width: 140px;
}
.info h1{
	border-bottom: 1px solid #353535;
	color: #000;
	font: 15px Arial, verdana, sans-serif;
	font-weight: bold;
	padding: 0 0 3px;
	text-transform: capitalize;
}
.info p{
	color: #444;
	margin: 10px 0 5px;
}
.info span {
	color: #cc0c2f;
	margin: 5px 0 0;
}

.list ul li.listl{
	background: transparent url(../images/listl.jpg) no-repeat left top;
	margin: 0 0 0 8px;
}
.list ul li.listm{
	background: transparent url(../images/listm.jpg) no-repeat left top;
	margin: 0 7px;
}
.list ul li.listr{
	background: transparent url(../images/listr.jpg) no-repeat left top;
	margin: 0 8px 0 0;
}
.list li a{
	display: block;
	height: 180px;
	text-decoration: none;
	width: 310px;
}
.list li a:hover span{
	cursor: pointer;
	text-decoration: underline;
}
.list li a.facebook{
	display: inline;
}
.facebooklink{
	left:53px;
	position:absolute;
	top:58px;
	text-indent: -9999px;
}
.twitterlink{
	left:53px;
	position:absolute;
	top:116px;
	text-indent: -9999px;
}
.facebooklink a.fackbookicon, .twitterlink a.fackbookicon{
	display: block;
	height: 50px;
	width: 50px;
}
/*---bottom---*/
.bottom{
	background: transparent url(../images/bg_bottom.gif) no-repeat center bottom;
	height: 20px;
	margin: 0 auto;
	width: 960px;
}

/*---footer----*/
.footer{
	color: #FFF;
	font-size: 11px;
	height: 30px;
	padding: 10px 0;
	width: 976px;
	margin: 0 auto;
}