@font-face {
    font-family: fontawesome;
    src: local(fontawesome), url('~/common/fonts/fontawesome.ttf') format('opentype');
}

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {
	display:block;
}
mark, rp, rt, ruby, summary, time {
	display:inline;
}
/* Global properties ======================================================== */
html {
	width:100%;
	height:100%;
    direction: rtl;
}
body {
	font-family:fontawesome, sans-serif;
	font-size:14px;
	line-height:25px;
	color:#000;
	min-width:960px;
	height:100%;
	background:url(../images/body-tail.gif) center top repeat #e7e7e7;
    direction: rtl;
}
.ic {
	border:0;
	float:right;
	background:#fff;
	color:#f00;
	width:50%;
	line-height:10px;
	font-size:10px;
	margin:-220% 0 0 0;
	overflow:hidden;
	padding:0
}
.main {
	width:960px;
	margin:0 auto;
    padding: 10px 0;
    border: 1px solid #e7e7e7;
}

a {
	color:#00989d;
	outline:none;
    text-decoration: none;
}
a:hover {
	text-decoration:underline;
}
.col-1, .col-2 {
	float:right;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
}
p {
	margin-bottom:18px;
}
.p0 {
	margin-bottom:0px;
}
.p1 {
	margin-bottom:6px;

}
.p2 {
	margin-bottom:15px;
}
.p3 {
	margin-bottom:30px;
}
.p4 {
	margin-bottom:40px;
}
.p5 {
	margin-bottom:50px;
}
.fleft {
	float:left;
}
.fright {
	float:right;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.color-1 {
	color:#fff;
}
.color-2 {
	color:#000;
}
.color-3 {
	color:#666;
}
/*********************************boxes**********************************/
.indent-top {
	padding-top:60px;
}
.indent-top2 {
	padding-top:15px;
}
.indent-right {
	padding-right:40px;
}
.indent-right {
	padding-right:50px;
}
.indent-bot {
	margin-bottom:20px;
}
.prev-indent-bot {
	margin-bottom:10px;
}
.prev-indent-bot2 {
	margin-bottom:5px;
}
.img-indent-bot {
	margin-bottom:25px;
}
.margin-bot {
	margin-bottom:35px;
}
.margin-right {
	margin-right:13px;
}
.img-indent {
	float:right;
	margin:0 0 0px 10px;
}
.img-indent2 {
	float:right;
	margin:0 0 0 13px;
}
.img-indent-r {
	float:right;
	margin:24px 20px 0px 0px;
}
.buttons a:hover {
	cursor:pointer;
}
.menu li a, .list-1 a, .link, h1 a {
	text-decoration:none;
}

/* ------------------------- NAVIGATION HERE ---------------*/
#nav
{
    width: 660px;
    margin: 0 auto;
    padding: 5px 0 2px 0;
    border: 0px solid #00ff00;
    float:right;
}

/*********************************header*************************************/
header {
	width:100%;
	position:relative;
	z-index:2;
    background: #f7f7f7;
    border-top: 4px solid #3f3d3d;
}
h1 {
	padding:1px 0 0 11px;
	
}
h1 a {
	display:block;
	width:285px;
	height:51px;
	text-indent:-999em;
	background:url(../images/logo.jpg) 0 0 no-repeat;
    float: left;
}
/***** menu *****/
.menu {
    padding: 30px 0px 0 10px;
    float: right;
}
.menu li {
	float:right;
	position:relative;
	background:url(../images/menu-spacer.gif) 0 4px no-repeat;
}
.menu > li:first-child {
	background:none;
}
.menu a {
	display:inline-block;
	font-size:18px;
	line-height:2em;
	letter-spacing:-1px;
	padding:7px 25px 9px 24px;
	color:#000;
	text-transform:uppercase;
	background:url(../images/menu-a-tail.gif) 0 -999em repeat-x;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}
.menu a.active, .menu a:hover {
	background-position:0 0;
	background-color:#fff;
	color:#2ab5ba;
}
/***** slider *****/
.row-bot {
	width:100%;
	padding:9px 0 0;
	background:url(../images/body.png) center top repeat
}
.slider-wrapper {
	margin:0 auto;
	width:960px;
	height:322px;
	padding-bottom:9px;

	/*background:url(../images/slider-bg.png) 0 0 no-repeat;
	overflow:hidden;*/
}
.slider {
	width:960px;
	height:322px;
	position:relative;
}
.items {
	display:none;
}
.pagination {
	position:absolute;
	right:439px;
	bottom:20px;
	z-index:99;
}
.pagination li {
	float:right;
	padding-right:8px;
}
.pagination a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/slider-pagination.png) right top no-repeat;
	cursor:pointer;
}
.pagination li.current a {
	cursor:default;
}
.pagination li.current a,  .pagination a:hover {
	background-position:right top;
}
/*********************************content*************************************/
#content {
	width:100%;
	padding:50px 0 53px;
	/*background:url(../images/content-tail.gif) center top repeat;*/
    background: white;
	position:relative;
	z-index:1;
    
}
#page1 #content {
	padding:12px 0 53px;
}
.spacer-1 {
	width:100%;
	padding:22px 0;
	background:url(../images/spacer-1.gif) right top repeat-y;
}
h2 {
	font-size:46px;
	line-height:1.2em;
	letter-spacing:-2px;
	color:#000;
	margin-bottom:9px;
}
h3 {
	font-size:30px;
	line-height:1em;
	color:#000;
	letter-spacing:-1px;
    
    
}
h6 {
	color:#00989d;
	font-weight:normal;
}
h5 {
    font-size:20px;
	color:#00989d;
	font-weight:normal;
    
}
.title-1 {
	display:block;
	font-size:37px;
	line-height:1.2em;
	color:#2ab5ba;
	letter-spacing:-1px;
}
.title-1 strong,  .title-1 em {
	display:block;
	margin-top:-12px;
}
.title-1 em {
	color:#000;
}
.border-bot {
	width:100%;
	padding-bottom:32px;
	background:url(../images/border-bot.gif) right bottom repeat-x;
}

.list-1 ul {
	padding:5px;
    
}
.list-1 li {
    font-size: 16px;
	padding-right:15px;
	padding-bottom:5px;
	background:url(../images/marker-1.png) right no-repeat;
    
}
.list-1 a {
	display:inline-block;
	color:#000;
}
.list-1 a:hover {
	color:#2ab5ba;
}
.link:hover {
	text-decoration:underline;
}

.linklaw {
   
    background: #00989d;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    color: #000;
    text-align: center;
    display: inline-block;
    padding: 2px 8px;
    text-decoration:none;
    vertical-align: middle;
    width: 80%;
}
.linklaw:hover {
	text-decoration: underline;
    background: #9DE4F9;
    color: #000;
}

.councillaw
{

    border-radius: 2px 2px 2px 2px;
    padding:85px 45px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 120px;
    
}

.link-1 {
   
    background: #00989d;
    border-radius: 5px 5px 5px 5px;
    font-size: 14px;
    color: #000;
    float: left;
    display: inline-block;
    padding: 2px 8px;
    text-decoration:none;
}
.link-1:hover {
	text-decoration: underline;
    background: #9DE4F9;
    color: #000;
}
.text-1 {
	font-size:14px;
}
.tdate-1 {
	display:block;
	color:#00989d;
	margin-bottom:14px;
}
dl span {
	float:right;
	width:80px;
}
/***** contact form *****/
#contact-form {
	display:block;
	width:100%;
}
#contact-form label {
	display:block;
	height:35px;
	overflow:hidden;
}
#contact-form input {
	float:right;
	width:280px;
	font-size:13px;
	line-height:1.23em;
	color:#000;
	padding:4px 10px;
	margin:0;
	font-family:fontawesome, sans-serif;
	border:none;
	background:#fff;
	outline:none;
}
#contact-form textarea {
	float:right;
	height:363px;
	min-height:363px;
	max-height:363px;
	width:520px;
	max-width:520px;
	min-width:520px;
	font-size:13px;
	line-height:1.23em;
	color:#000;
	padding:5px 10px;
	margin:0;
	font-family:fontawesome, sans-serif;
	border:none;
	background:#fff;
	overflow:auto;
	outline:none;
}
.text-form {
	float:right;
	display:block;
	font-size:14px;
	line-height:28px;
	width:79px;
	color:#000;
}
.buttons {
	padding:13px 0 0 0;
	text-align:right;
}
.buttons a {
	margin-right:27px;
}
/****************************footer************************/
footer {
	width:100%;
	padding:10px 0;
	background:url(../images/footer-tail.gif) right top repeat-x;
    border-bottom: 4px solid #3f3d3d;
}
.footer-text {
	display:block;
	padding-right:40px;
}
.list-services {
	padding:12px 40px 0 0;
	margin-bottom:12px;
	overflow:hidden;
}
.list-services li {
	float:right;
	padding:0 0 0 10px;
}
.list-services a {
	display:block;
	width:26px;
	height:26px;
	background:url(../images/social-icons1.jpg) 0 0 no-repeat;
}
.list-services .item-2 {
	background-position:-36px 0;
}
.list-services .item-3 {
	background-position:-72px 0;
}
.list-services .item-4 {
	background-position:-108px 0;
}

/*---------------Newly Added------------*/
.box {
    margin:2px;
    padding: 2px;
    border: 1px solid #3f3d3d;
    border-radius:5px;
    height: 300px;
    width:100%;
}

.councilplan
{
    border-radius: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 225px;
}
.councilplan p
    {
        font-size: 12pt;
        color: #3f3d3d;
        text-align: right;
        overflow: hidden;
        padding: 0 10px 0 5px;
        margin:0;
    }

.eventcal
{
    border-radius: 2px 2px 2px 2px;
    padding: 5px 45px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 225px !important;
}
.usefullink
{
    border-radius: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 225px;
}
.latestnews
{
    
    border-radius: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 225px;
}

.latestnews .latest_cnt
{
    
    padding: 0px;
    margin: 0;
    display: block;
    width: 608px;
   
}

.latestnews .image
{
    float: right;
    margin:0;
    padding: 2px 2px 5px 2px;
    background: #fff;
}

.latestnews .cont
{
    float: right;
    width: 506px;
    margin: 0;
    padding: 0;
   
}
.newstitle 
{
    
    text-decoration: none;
    font-size: 20px;
    color: #00989d;
    font-weight: bold;
    padding: 0 5px;
    margin: 0;
    display:block;
    text-decoration:none;
}
    .latestnews .cont h6
    {
        font-size: 10pt;
        color: #fcbe4a;
        text-decoration:none;
        font-weight: normal;
        padding: 0 5px;
        margin:0;
    }

    .latestnews .cont p
    {
        font-size: 12pt;
        color: #3f3d3d;
        text-align: right;
        overflow: hidden;
        width: 491px;
        height:22px;
        padding: 0 10px 0 5px;
        margin:0;
        
    }

 .latestnews .show
{
    vertical-align: bottom;      
    text-decoration:none;
    background: #00989d;
    border-radius: 5px 5px 5px 5px;
    font-size: 14pt;
    color: #000;
    float: left;
    display: inline-block;
    position: relative;
    padding: 2px 8px;
    margin-left:10px;
}
    
.latestnews .show:hover {
	text-decoration: underline;
    background: #9DE4F9;
    color: #000;
}

.mainTit {
    float:right;
	font-size:25px;
    font-weight:bold;
	line-height:1em;
	color:#000;
    padding: 5px;
}

.smbox
{
    border-radius: 2px 2px 2px 2px;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 0 0;    
    border: 1px solid #e7e7e7;
    height: 200px;
}

.CalendarHolidays a
{
    border-color: #239500 #1b7400 #155900;
    background: #00989d 0 -1700px;
    color: #3f3d3d !important;
    font-weight:bold;
}
        
.CalendarDay a:active
{
    color: #3f3d3d !important;
    font-weight: bold;
} 

.main_content{ width:100%; min-height: 300px; height: auto; margin:0 auto; padding: 5px;}

.about-bg {width:100%; height:61px; background:#e8e8e8; box-shadow: -5px 5px 10px 0px #888888 inset;}
.about-bg .tit { font-size:25px; color:#3f3d3d;  float:right; padding:10px 15px 0 0;}
/*S: Breadcums*/
.about-bg-right {float: left;width: 500px;height: auto;margin: 26px 0 0 0;border:0px solid #ff0000;direction:rtl;vertical-align:middle;}
.about-bg-right ul{float: left;display: inline-block;}
.about-bg-right ul li{float: left;display: inline-block;font-size: 12px;color: #474747;padding: 0 1px 0 12px;vertical-align:middle;}
.about-bg-right ul li a{display: block;font-size: 12px;color: #474747;}
.about-bg-right ul li a:hover{text-decoration: underline;color: #00989d;}
.about-bg-right ul li a.active{color: #00989d;}
.about-bg-right ul li.about-line{background: none;}
/*E: Breadcums*/
.content-main {float:right; width:100%; height:auto; margin:1px 0 0 0 ;}
.content-main p {color:#3f3d3d; font-size:14px; padding:10px 20px;margin:0; text-align:justify;}
.content-main .tit {color:#00989d; font-size:30px; padding:10px 15px 0 0; margin:0; }
.content-main .smtit {color:#00989d; font-size:18px; padding:5px 15px 0 0; margin:0; }

#NewsList               {margin:20px;margin-bottom:50px; }
#NewsList .News         {width:850px; float:right;    text-align:right; margin-bottom:20px;  padding-bottom:10px;   position:relative;  border-bottom:solid 1px #3f3d3d; background:#ffffff;   }


.News img               {width:220px;  height:145px; float:right; clear:left; border :solid 5px #3f3d3d;}
.News .newsTitle        { display:block; color:#00989d; font-size:17px; line-height:30px; font-weight:bold; text-align:right; padding: 5px ; }
.News .NewsDate         {display:block; color:#fcbe4a;	font-size:14px; font-weight:bold;        }
.News  p                { display:block; color:#3f3d3d; font-size:17px;   text-align:right; padding: 5px ; }
.News .label            {float:right; clear:left; width:500px; padding: 5px ; }


#newsDetails img         { float: right; border:5px solid #00989d; margin:10px;}
#newsDetails .NewsDate   {display:block; color:#fcbe4a;	font-size:12px; font-weight:bold; padding: 10px 25px 0 0;   }
#newsDetails p           {font-size:12px; color:#3f3d3d; padding-bottom:5px; font-weight: normal; }

#newsDetails .evntTit { color:#00989d; font-size:16px; padding:0px 15px 0 0; margin:0; font-weight:bold;}


.cm img      {width:90px;  height:68px; float:right; clear:left; border :solid 5px #3f3d3d;}
.cm img:hover      {border :solid 5px #fcbe4a;}
.cm .cmTitle        { display:block; color:#3f3d3d; font-size:20px; line-height:30px; font-weight:bold; text-align:right; padding: 5px ; }
.cm .label            {float:right; clear:left; padding: 5px ; }
.cm .cmTitle:hover        { color:#fcbe4a;}