/*body {
	margin: 0;
	padding: 0;
	background: url(../images/bod-bg.gif) repeat-x top #f6f6f6;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #555555;
	line-height:18px
}*/

img{ border: none}
h1,h2,h3{ margin:0; padding:0}

.margin-top10{margin-top:10px}
.margin-bot10{margin-bottom:10px}
.bg-white{ background:#FFF; }
.bg-gry{ background:#F7F6F6; }
.nobrd{ border:0;}

.blackbold{ text-transform:uppercase; color:#000000; font-weight:bold; font-size:12px;}
.black{color:#000000}
.blue{color:#477DA2}
.lightblue{color:#499FDB}
.smalltext{ font-size:11px}
.mainbody{ background: #fff}

A { color:#526899; text-decoration:none; font-size: 12px; }
A:hover{ color: #000;text-decoration:underline ;}


h1{ font-size:18px; margin:0; padding:0; color:#747474; font-family:Trebuchet MS; font-weight:normal; text-transform:uppercase;}
h3{ font-size:14px; margin:0; padding:0; color:#375672}
h4{ font-size:16px; margin:0; padding:0; color:#747474; font-family:Trebuchet MS; font-weight:normal; text-transform:uppercase;}


 ul.link{ margin:0; padding:0}
 ul.link li{ margin:0 10px; padding:0 10px; line-height:30px; border-bottom:1px solid #FFF; list-style:none}
.hline{	background: url(../images/hline.gif) repeat-x bottom left;}

/* service box */
.service-bg h2 a{ color: #ec008c; font: bold 17px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}



/* left part styles */
.rightpart {background:#efefef; padding: 20px 0px}
.rightmenu {color:#ec008c; background:url(../images/link.gif) repeat-x; height: 28px; }
.rightmenu a{color: #333333; font-weight: bold; background:url(../images/bullet.gif) no-repeat 10px; padding-left: 23px; text-decoration: none}

A.blacklink { color:#000; text-decoration:none; font-size: 12px; }
A.blacklink:hover{ color: #000;text-decoration:underline ;}

A.blackboldlink { color:#000; text-decoration:none ;  font-size: 12px; font-weight:bold;}
A.blackboldlink:hover{ color: #6D824D; text-decoration: underline}

.top{background: url(../images/top-bg.gif) repeat-y top;height:96px;}

/* toplink classes */
.header{ background:url(../images/header-bg.png) repeat-x top center #ffffff; height: 82px;}

.menu{background: url(../images/nav-bg.png) repeat-x top left #000000;}
.menu a{ color: #FFFFFF; text-decoration: none}
.menu a:hover{ color: #FFFFFF; background:url(../images/nav-hover.png) repeat-x #00A14B; text-decoration: none}
.menu a.current{ color: #FFFFFF; background:url(../images/nav-hover.png) repeat-x #00A14B; text-decoration: none}

.mainimage{background: url(../images/main-image.jpg) no-repeat left top; height: 249px}

.mainimagebox-bg{ height:50px; margin-right: 18px; margin-top: 120px;}
.mainimagebox-bg h2 a{ color: #ec008c; font: bold 17px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}
.mainimagebox-bg .more a{ background:url(../images/arrow.gif) no-repeat right 3px; padding-right: 8px; font-weight: bold; color: #313131}

.box-bg{ background:url(../images/box-bg.jpg) no-repeat top left;}
.box-bg h2 a{ color: #ec008c; font: bold 17px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}
.box-bg .more a{ background:url(../images/arrow.gif) no-repeat right 3px; padding-right: 8px; font-weight: bold; color: #313131}
.box-bot{ background:url(../images/box-bot.jpg) no-repeat bottom left; height: 18px;}

.sidecol-box-bg{ background:url(../images/sidecolbox-bg.jpg) no-repeat top left;}
.sidecol-box-bot{ background:url(../images/sidecolbox-bot.jpg) no-repeat bottom left; height: 18px;}
.sidecol-box-bg h2 a{ color: #ec008c; font: bold 14px Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none}
.sidecol-box-bg .more a{ background:url(../images/arrow.gif) no-repeat right 3px; padding-right: 8px; font-weight: bold; color: #313131}

.container{padding: 6px 5px; margin: 0px}
.container h1{ color: #ec008c; font: bold 16px Arial, Helvetica, sans-serif; border-bottom: 1px dashed #ddd; padding: 6px 5px; margin: 0px}
.container h1 span{ color: #ef229b}

.team{ border: 2px solid #e0e0e0; padding: 6px;}
.team a{ color: #ed008c; font-weight: bold; text-decoration: none}

.events{border: 2px solid #e0e0e0; padding: 6px;}
.events h3{ color: #1e1e1e; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #dedede; padding: 0px 0px 8px 0px; margin: 0 0 10px 0}
.events a{ color: #ed008c; font-weight: bold; text-decoration: none}
.events a:hover{ color: #333; font-weight: bold; text-decoration: underline}

.hlight{ color: #aa1e3b; font-size: 11px; font-weight: bold}
.img-left{ float: left; margin: 0px 10px 10px 0px}
.more a{ background:url(../images/arrow.gif) no-repeat right 5px; padding-right: 8px; font-weight: bold; color: #313131; float: right}
.desc{ font-size: 11px; color: #3b3b3b}
.clear{ clear:both}

.footer {color:#FFF; font-size:11px; padding: 0px 20px; background:url(../images/footer-bg.jpg) #ff5cb0 repeat-x left top}

.footer a {
	color: #FFF;
	text-decoration:none;
	padding:9px 10px;
	font-size:11px;
	line-height: 230%;
	font-weight: bold
}
.footer a:hover {
	color: #FFF;
	text-decoration: none;
}

/********************************************************
FOR HORIZONTAL MENU CLASSES - USE "horizontal"
********************************************************/

.horizontal ul{list-style-type: none; padding: 0px; margin: 0px auto; display: block; height: 36px; border: 1px solid #00A14B; width: 580px;}
.horizontal li{float: left; display: inline}
.horizontal li a{text-decoration: none; height: 1.2em; float: left; display:block; padding: .1em 1px}
.horizontal li li a{}
.horizontal li ul{position: absolute;   margin-top: 1.3em; margin-left: -1px; width: 129px; display: block; height: auto}
.horizontal li li ul{position: absolute; background-color: #0000CC; margin-top: .1em; margin-left: 125px}
.horizontal li ul li a{width: 125px}
.inaccesible li ul{display: none}

/********************************************************
Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class
********************************************************/
.arrow a span{padding-left: 0; color: #D2EAF4; background: url(arrow-menu.gif) no-repeat right;}
.arrow a:hover span{}
.arrow a span.noshow{visibility: hidden; color: #D2EAF4}

/********************************************************
COLORS OF MENU
********************************************************/
.blackwhite li a{ color: black; padding: 8px 10px;}
.blackwhite li a:hover{background-color:#D2EAF4; color: #1B8DC2}

.tbody{ border: 1px solid #d8d8d8; border-collapse: collapse}
.tbody td{ padding-left: 5px}
.tbody tr .heading{ background:#f2f2f2; font-weight: bold}