﻿body {
	margin:0;
	padding:0;
	width:100%;
	color:#6d6d6d;
	font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif;
	background:#f6f6f6 url(../images/main_bg.gif) repeat-x left top;
}
html, .main {
	padding:0;
	margin:0;
}

.wrapper{
	display:block;
	width:100%;
	text-align:left;
	clear:both;
	overflow:hidden;
	font-family:Verdana;
	font-size:10pt;
	}
	div.wrapper h1, div.wrapper h2, div.wrapper h3, div.wrapper h4, div.wrapper h5, div.wrapper h6{
	margin:0 0 15px 0;
	padding-bottom:10px;
	font-size:20px;
	font-weight:bold;
	line-height:normal;position:static;
	font-family:Trebuchet MS; 
	color:#4c79ab;border-bottom:1px dashed #000000;
	}
	.row1{color:#000000; background-color:#ffffff;}
	/*.row1 a{color:#5c5c5c; background-color:#efeeec;}*/
.row2{color:#000000; background-color:#00a9e0;  border-bottom:1px solid #2B4D71;}
.row3{color:#777777; background:#ffffff;}
.row4{color:#777777; background-color:#134b8c; }
.row5{padding:20px 0 30px 0;background-color:#35274a;}
	.row6{color:#ffffff; background-color:#00a9e0;}
	.row6 a{color:#ffffff;  text-decoration:none;}
	.row7{color:#000000; background-color:#ffffff;}
	.row7 a{}
.main {
	/*background:url(../images/hbg_bg.jpg) no-repeat center top;*/
	background-color:#123189;
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}

p {
	margin:8px 0;
	padding:5px;
}
a {
	color:#134b8c;
	text-decoration:none;
}

#breadcrumb
{
	width:960px; height:auto; margin:0 auto; font-weight:bold;color:#134b8c;
	padding:10px; border-bottom:1px dashed;}


#bt
{
	width:960px; height:auto; margin:0 auto; text-align:center; font-weight:bold;color:#134b8c;
	padding:10px;}
 .logo {
	padding:0;
	
	/*float:none;
	float:left;*/
	margin:0 auto;
	width:960px;
	height:auto;
	background-color:White;
	padding:20px;
	overflow:hidden;
}
#logo-text
{
	width:500px;
	height:100px;
	float:left;
	clear:left;
}
#top-navi
{
	width:430px;
	height:auto;
	text-align:right;
	float:right;
	clear:right;
	font-weight:bold;
}
.navi a
{
	text-decoration:none;
	color:#134b8c;
	
}
.navi a:visited {color:#134b8c;}  /* visited link */
.navi a:hover {color:#b21068; font-weight:bold;}  /* mouse over link */



#container
{
	width:940px;
	height:auto;
	clear:both;
	margin:0 auto;
	padding:10px;
	
}	
#news
{
	width:425px;
	float:right;
	clear:right;
	height:27px;
	/*border:1px dashed #ffffff;*/
	border-color:#dcdcdc;
	/*background-color:#d2f2fd;*/ margin-top:10px;
	/*margin:1px;*/
}
#menu
{
	width:960px;
	height:auto;
	 margin:0 auto;  
}
.mattblacktabs{
width: 100%;
overflow: hidden;
 /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
 /*offset of tabs relative to browser left edge*/
font:  14px arial;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 15px 20px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: #ffffff;
background: #00a9e0; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #ffffff;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #134b8c; color:White; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}
#slider
{
	width:960px;
	height:360px; margin:0 auto; margin-top:5px; margin-bottom:5px;
}
#v-menu
{
	width:200px;
	height:auto;
	float:left;
	clear:left; margin-bottom:10px;
	
}
.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(../images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
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: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

#events
{
	width:225px;
	height:112px;
	float:left;clear:left;border:1px solid;
	border-color:#dcdcdc; margin-top:1px;
}
#text
{
	width:960px;
	height:auto;
	overflow:hidden;
	position:static; margin-bottom:10px;
}
.text
{
	font-family:Verdana;
	font-size:10pt;
	color:Black;
	text-align:justify;
}
#footer
{
	width:940px; padding:10px; margin:0 auto;
	height:auto;
	margin-top:20px;
	/*background-color:#87ac28;*/
	overflow:hidden;
}#footer h2, #footer p, #footer ul, #footer a ,#footer a:hover{

	margin:0;
	padding:0;
	font-weight:normal;
	list-style:none;
	line-height:normal;
	text-decoration:none;
	color:White;
	}

#footer h2{
	color:#134b8c;
	
	font-size:18px;
	font-weight:normal;
	margin-bottom:10px;
	padding-bottom:8px;
	border-bottom:1px dashed #ffffff;
	}

#footer li{
	margin-bottom:5px;
	}
	

#footer .footbox{
	display:block;
	float:left;
	width:200px;
	margin:0 15px 0 0;
	padding:0;
	margin-bottom:10px;
	}
	#copyright
	{
		width:940px; color:White; height:auto; margin-top:10px; padding-top:10px; border-top:1px dotted #ffffff; margin-bottom:5px; clear:both;}
		
#info
{
	width:350px;
	float:left;
	height:auto;
		/*border:1px solid #dcdcdc;*/
	border-color:#dcdcdc;
	 
	padding:5px;
	margin-left:8px;
	
	
}
#info2
{
	width:440px;
	float:left;
	height:auto;
	
	border:1px solid;
	border-color:#dcdcdc;
	margin-top:10px;
	margin-bottom:1px;
	margin-left:1px;
	padding:5px;
	text-align:justify;
	
}

#tab
{
	width:359px;
	float:right;
	clear:right;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	margin-top:1px;
	border:1px solid;
	border-color:#dcdcdc;
	height:auto;
}
#tab-index
{
	width:359px;
	float:right;
	clear:right;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	margin-top:1px;
	border:1px solid;
	border-color:#dcdcdc;
	height:470px;
	overflow-x: hidden;
	overflow-y:auto;
}

#tab2
{
	width:335px;
	float:right;
	clear:right;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	margin-top:110px;
	border:1px solid;
	border-color:#dcdcdc;
	height:auto;
	padding:5px;
}
#tab23
{
	width:240px;
	float:right;
	clear:right;
	margin-left:1px;
	margin-right:1px;
	margin-bottom:1px;
	/*margin-top:110px;*/
	margin-top:1px;
	border:1px solid;
	border-color:#dcdcdc;
	height:auto;
	padding:5px;
	background-color:#f7f9fa;
	
}

#content
{
	width:716px;
	height:auto;
	float:right;
	clear:right;
	margin:1px;
	
padding:5px;
}
