@import url(template30.css);



/* #######################  GENERAL SETTINGS ############################ */

html{height:100%;}



body{

	margin:0px;

	height:100%;

	margin:0px;

	background-image:url(../images/bg2.jpg);

	background-color:#002945;

	background-repeat: no-repeat;

	background-position: center top;	

}



.imgNcap { float:left;

background-color:#f5efdf;

 padding:.25em ;

 border:1px solid #d8d1bf; 

margin: 0 1em 1em 0; 

width:300px ; /* the width of your image ( you can put this code inline if your images vary in width*/

padding:10px}

.imgNcap  img {  display:block }/* this where the magic happens*/





.rcolbg{

	background-image:url(../images/bg-rcol.jpg);}



#rcoltb{padding-left:10px;}	

#topbar {

position:relative;

width:100%;

background-color:#000;

padding-top:1px;

	

	

	height:37px;

	}

		

#wrappertop {

position:relative;

width:966px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	

	height:427px;

	}

	

#banner-ad-right{

	position:relative;

	left:7px;}	

	

#header {

	position:relative;

	left:0px;

	top:0px;

	width:966px;

	height:427px;

}



#header-01 {

	position:absolute;

	background-image:url(../images/header_01.jpg);

	left:0px;

	top:0px;

	width:3px;

	height:427px;

}



#header-02 {

	position:absolute;

	left:3px;

	top:0px;

	width:960px;

	height:262px;

}



#header-03 {

	position:absolute;

	background-image:url(../images/header_03.jpg);

	left:963px;

	top:0px;

	width:3px;

	height:427px;

}



#header-04 {

	position:absolute;

	background-image:url(../images/header_04.jpg);

	left:3px;

	top:262px;

	width:396px;

	height:121px;

}



#header-05 {

	position:absolute;

	left:399px;

	top:262px;

	width:171px;

	height:121px;

}



#header-06 {

	position:absolute;

	background-image:url(../images/header_06.jpg);

	left:570px;

	top:262px;

	width:393px;

	height:121px;

}



#header-07 {

	position:absolute;

	background-image:url(../images/header_07.jpg);

	left:3px;

	top:383px;

	width:960px;

	height:42px;

}



#header-08 {

	position:absolute;

	background-image:url(../images/header_08.jpg);

	left:3px;

	top:425px;

	width:960px;

	height:2px;

}



	





	

#iwantto {

	position: relative;

	background-image:url(../images/iwantto.png);

	background-repeat: no-repeat;

	background-position: center top;

	

	left: 140px;

	top: 45px;

	width: 230px;

	/*height: 280px;*/

	z-index: 700;

	

}





#numbers {

	position: relative;

	left: 25px;

	top: 25px;

	width: 280px;

	height: 85px;

	z-index: 99;

}





	

#wrapper{

	position:relative;

	width:960px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: relative;

	background-color:#FFF;

	

	

	

	}

#rightcolumn{

	padding-left:7px;}

	

	

	

#mayortitle{

	text-align:center;

	}

		

.mayortitle{

	color:#44360d;

	font-size:14px;

	font-weight:bold;

	font-family:Verdana, Geneva, sans-serif;

	

	}

	

#mayorsub{

	text-align:center;}

		

.mayorsub{

	color:#44360d;

	font-size:12px;

	font-weight:bold;

	font-family:Verdana, Geneva, sans-serif;}





.white{

	font-size:12px;

	

	color:#ffffff;

	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;

	

	

	}

	

.white A:link {text-decoration: underline;

color:#ffffff;}

.white A:visited {text-decoration: underline;

color:#ffffff;}

.white A:hover {text-decoration: underline; color:#ffffff;}

.white A:active {text-decoration: underline;

color:#ffffff;}



.submenu{

	font-size:12px;

	

	color:#032c51;

	font-family:Verdana, Geneva, sans-serif;

	

	

	}

	

.submenu A:link {text-decoration: underline;

color:#032c51;}

.submenu A:visited {text-decoration: underline;

color:#032c51;}

.submenu A:hover {text-decoration: underline; color:#d5a00f;}

.submenu A:active {text-decoration: underline;

color:#032c51;}







td{

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color:#133151;

	

	

	}

p{

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color:#133151;

	line-height:20px;

	}

	

	

.slide{

	font-family:Verdana, Geneva, sans-serif;

	font-size:14px;

	color:#ffffff;

	}

	

	

img.floatRight { 

    float: right;

	margin-left:10px;

	margin-bottom:5px;

	

    

}

img.floatLeft { 

    float: left; 

    margin-right: 10px; 

}





h1 {

	

	font-size: 24px;

	font-family:"Times New Roman", Times, serif;

	color: #133151;

	font-style:normal;

	text-decoration:none;

	font-weight:normal;

	line-height:26px;

	padding-bottom:5px;

}













h2 {

	

	font-size: 24px;

	font-family:"Times New Roman", Times, serif;

	color: #133151;

	font-style:normal;

	text-decoration:none;

	font-weight:normal;

	line-height:26px;

	padding-bottom:5px;

	border-bottom:thin solid #d6d6d6;



}

h2 a, h2 a:link {

  font-size: 24px;

  font-family:"Times New Roman", Times, serif;

  ccolor: #133151;

  font-style:normal;

	text-decoration:none;

	font-weight:normal;

	line-height:30px;

  

}

h2 a:visited { color: #133151; }

h2 a:hover, h2 a:active { color: #133151; }











h3 {

	

	font-size:24px;

	font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;

	color: #133151;

	font-weight:normal;



}





/*h3 a:link, a:visited, a:active {

   color: #f9e2a0 !important;

   text-decoration: none !important;

}



h3 a:hover { 

color: #f9e2a0 !important; 

text-decoration: none !important;

}

  h6 a:link, a:visited, a:active {

   color: #362f2d !important;

   text-decoration: none !important;

}



h6 a:hover { 

color: #362f2d !important; 

text-decoration: none !important;

}*/







/*  Heading Formatting 

h1 {font-size:1.9em;line-height: 0.8em;font-weight: 900;color: #000;}

h2 {font-size:1.7em;line-height: 0.8em;font-weight: 900;color: #000;}

h3 {font-size:1.5em;line-height: 0.8em;font-weight: 900;color: #000;}

h4 {font-size:1.4em;line-height: 0.8em;font-weight: 900;color: #000;}

h5 {font-size:1.3em;line-height: 0.8em;font-weight: 900;color: #000;}*/

h6 {color: #362f2d;



	}



/*links*/

a:link {color: #b58d1d;}

a:hover {color: #b58d1d;}

a:visited {color: #b58d1d;}

img {border: 0 none;}



/* Clears Divs */

.clr{clear: both;}



/* #######################  END GENERAL SETTINGS ############################ */

#facebook {

	text-align: right;

}









	



	









#footer{

	width:960px;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	position: relative;

	

	top:13px;

	background-color:#000;

	

	

	}

	

	.footer{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color:#ffffff;

	}

	

	



	



.footer A:link {

	text-decoration: underline;

    color:#ffffff;

}

.footer A:visited {

	text-decoration: underline;

    color:#ffffff;

}

.footer A:hover {

	text-decoration: underline; 

	color:#ffffff;

	}

.footer A:active {

	text-decoration: underline;

    color:#ffffff;

}

	

	

	

div.borderradius {

	padding: 10px; border-radius: 10px;  margin-top: 5px; margin-right: 5px; margin-left:5px; background-color: #cce1f4; -moz-border-radius: 10px;

}





.submenu1 {

	background-color:#002945;}



.submenu2 {

	background-color:#033456;}

	

	/*#categorylist_header_title{

		font-size:16px; padding-right:40px;}

	

	

	#categorylist_header_date{

		font-size:16px; padding-right:40px;}*/

	

	.list-title{padding-right:40px;}

	

	

	

	/* #######################  megamenu left ############################ */

	

	

/**

 * @version		$Id$

 * @author		Joomseller

 * @package		Joomla!

 * @subpackage	Mod_DropDown_MooMenu

 * @copyright	Copyright (C) 2008 - 2011 by Joomseller Solutions. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3

 */



/* Clearfix

-------------------------------------------------------------*/

* html .clearfix {

	height: 1%; /* IE5-6 */

}

html[xmlns] .clearfix { /* O */

	display: block;  

}



.clearfix:after { /* FF, O, etc. */

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}

.wrap {

	height: auto !important;

	visibility: visible !important;

	border: 0 none;

    clear: both;

    float: none;

    font-size: 1px;

    line-height: 1px;

    margin: 0;

    padding: 0;

}

ul {

    list-style: none outside none;

}



div.js-moduletable ul, div.js-module ul {

    margin: 10px !important;

}

#js-mainnav { 

      /* background: url(../images/grad1-mask.png) repeat-x top #014E72;  you can change/delete the transparent gradient image or the background color */

      /* border-top: 1px solid #3A0700;  you can change the color of the border */

       line-height: 1;

       position: relative;

       z-index: 9; width:100%;

} 

.js-megamenu { margin: 0; padding: 0; font-family: Verdana, Geneva, sans-serif; font-size: 14px; font-weight:bold;}

.js-megamenu a.over, .js-megamenu a.active { 

	color: #ffffff !important; 

}

ul.megamenu { margin: 10px; padding:0px; /* menu's gutter */ } 

ul.megamenu.level1 {

	padding: 0;

}

/* lv - 0

-----------------------------------*/

/* Styling ---*/

ul.level0 { 

   /* border-right:1px solid #014E72;  you can remove/comment this line or move the border to the left*/ 

    float:left;

    margin:0;

    padding:0;

} 

ul.level0 li.mega {

	/*background: url(../images/grad1-mask.png) repeat-x top #014E72;*/

	display: block;

	float: left;

	margin: 0;

	padding: 0;

}

ul.level0 li.mega a.mega { 

  /*  border-left: 1px solid #014E72;  you should comment/delete this line */ 

    /*border-right: 1px solid #333333;  and this line */ 

    color: #cccccc;

    display: block;

    font-weight: bold;

    line-height: normal;

    margin: 0;

    padding: 8px 15px;

    text-decoration: none;

}

ul.level0 li.mega .has-image {

	padding-left: 25px;

	display: block;

	background-repeat: no-repeat;

	background-position: left top;

	cursor: pointer;

}







.menuicon {

	

	height:40px !Important;

	padding:100px !Important;

	

	

}

menuicon > img {

	background-position: left 1px;

    background-repeat: no-repeat;

    display: block;

	

    overflow: hidden;

    height:40px !Important;

	padding:100px !Important;

}



span.menu-image{

	/*background-position: left 1px;*/

    background-repeat: no-repeat;

    display: block;

	overflow:visible;

	

	

   /* overflow: hidden;

	float:left;

	 height:31px;*/

	

	

	

}









	

ul.level0 li.mega span.menu-title { display: block;

font-size:14px;

padding-bottom:10px;

padding-top:3px;

margin-left:40px;}



ul.level0 li.mega span.menu-desc {

	display: block;

	font-size:12px;



margin-left:40px;

	color: #999;

	padding-top:10px;

	

	

}



ul.level0 li.mega a img {

	/*float: left;*/

	

}

ul.level0 li.over, 

ul.level0 li.haschild-over { 

  /*   background: url(../images/grad1-mask.png) repeat-x top #006699; you can change/remove the transparent gradient or the color */

} 



ul.level0 li.haschild a.mega span.menu-title,

ul.level0 li.haschild-over a.mega span.menu-title {

	background: url(../images/arrow3.png) no-repeat left center;

	padding-left: 12px;

}



ul.level0 li.haschild a.mega span.menu-desc,

ul.level0 li.haschild-over a.mega span.menu-desc {

	/*padding-left: 12px;/*

}



ul.level0 li.active { 

   /* background: url(../images/grad1-mask.png) repeat-x top #006699;*/

} 



ul.level0 li #current.active {

	background: none;

}

/* lv - 1 and below

-----------------------------------*/



/* Layout ---*/

.js-megamenu li.mega .childcontent { display: block; height: auto; position: absolute; }



.js-megamenu li.mega .childcontent,

.js-megamenu li.haschild-over li.mega .childcontent,

.js-megamenu li.mega li.haschild-over li.mega .childcontent ,

.js-megamenu li.mega li.mega li.haschild-over li.mega .childcontent, 

.js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .childcontent, 

.js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .childcontent { left: -999em; /*hide the menu*/ }



.js-megamenu li.haschild-over .childcontent,

.js-megamenu li.mega li.haschild-over .childcontent,

.js-megamenu li.mega li.mega li.haschild-over .childcontent,

.js-megamenu li.mega li.mega li.mega li.haschild-over .childcontent,

.js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .childcontent,

.js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .childcontent { left: auto; /*show on parent:hover*/ }



.js-megamenu li.mega .right,

.js-megamenu li.haschild-over li.mega .right,

.js-megamenu li.mega li.haschild-over li.mega .right ,

.js-megamenu li.mega li.mega li.haschild-over li.mega .right, 

.js-megamenu li.mega li.mega li.mega li.haschild-over li.mega .right, 

.js-megamenu li.mega li.mega li.mega li.mega li.haschild-over li.mega .right { right: auto; /*hide the menu*/ }



.js-megamenu li.haschild-over .right

{ right: 0; /*show on parent:hover*/ }

.js-megamenu li.mega li.haschild-over .right,

.js-megamenu li.mega li.mega li.haschild-over .right,

.js-megamenu li.mega li.mega li.mega li.haschild-over .right,

.js-megamenu li.mega li.mega li.mega li.mega li.haschild-over .right,

.js-megamenu li.mega li.mega li.mega li.mega li.mega li.haschild-over .right 

{ right: 12em; /*show on parent:hover*/ }



ul.level1 li.mega { float: none; }



ul.level1 .childcontent { margin: -2em 0 0 160px !important; }



 /* Columns ---*/

.megacol { float: left; border-top: 1px solid #001A26;}

/*

.cols1 .megacol { width: 100px }

.cols2 .megacol { width: 50%; }

.cols3 .megacol { width: 33.3%; }

.cols4 .megacol { width: 25%; }

.cols5 .megacol { width: 20%; }

.cols6 .megacol { width: 16.6%; }

.cols7 .megacol { width: 14.2%; }

.cols8 .megacol { width: 12.5%; }

.cols9 .megacol { width: 11.1%; }

.cols10 .megacol { width: 10%; }





.js-megamenu .cols1 { width: 200px; }

.js-megamenu .cols2 { width: 400px; }

.js-megamenu .cols3 { width: 600px; }

.js-megamenu .cols4 { width: 800px; }

.js-megamenu .cols5 { width: 1000px; }

.js-megamenu .cols6 { width: 1200px; }

.js-megamenu .cols7 { width: 1400px; }

.js-megamenu .cols8 { width: 1800px; }

.js-megamenu .cols9 { width: 2000px; }

.js-megamenu .cols10 { width: 2200px; }

*/



/* Styling ---*/

ul.level1 li.mega { border-top: 1px dotted #003652; background: none; }



ul.level1 li.first { border-top: 0; }



ul.level1 li.mega a.mega {

	background: none;

	border: 0;

	color: #cccccc;

	font-weight: normal;

	padding: 8px 5px;

}

ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; }



ul.level1 li.haschild,

ul.level1 li.haschild-over {

	background-image: url(../images/arrow.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	padding: 0;

}

ul.level1 li.over, ul.level1 li.haschild-over { background-color: #00527C; } 



ul.level1 li.group { background: none; }



 /* CHILD CONTENT

-----------------------------------*/

.childcontent { 

    z-index: 999;

} 

.childcontent-inner {

	background: #002A40; /*change here the color to match the new color you have set for mainnav */

	border-right: 1px solid #3A0700;

	color: #ccc; /* after changing code above, you might want to change this color to make the text color readable  */ 

    -moz-border-bottom-colors: none;

    -moz-border-image: none;

    -moz-border-left-colors: none;

    -moz-border-right-colors: none;

    -moz-border-top-colors: none;

    border-color: -moz-use-text-color #001A26 #001A26;

    border-style: none solid solid;

    border-width: 0 1px 1px;

	border-bottom: 4px solid #006699;

	border-top: 4px solid #006699;

}

.childcontent .js-moduletable {

	color: #ccc;

	border-bottom: 0;

	line-height: 1.5;

	margin: 10px 0;

	padding: 0;

}

.childcontent-inner a {

	color: #fff !important;

	text-decoration: none;

	width: auto;

}

.childcontent-inner .group ul li.active{

	background-color: #00527C !important;

}

.childcontent .group h3 {

	background: none;

	color: #fff;

	border-bottom: 1px dotted #006699;

	padding: 0 5px 8px;

	text-transform: none;

}

.childcontent .group .moduletable {

	background: none;

	padding-top: 12px;

}

.childcontent .js-moduletable .js-box-ct {

	padding: 0 5px;

}



.childcontent .js-moduletable a {

	color: #ccc;

	text-decoration: none;

	border-bottom: 1px dotted #ccc;

}



.childcontent .js-moduletable a:hover,

.childcontent .js-moduletable a:focus,

.childcontent .js-moduletable a:active {

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #fff;

}



.childcontent .js-moduletable ul:first-child {

	margin-top: 0 !important;

}



.childcontent .js-moduletable li {



	margin-bottom: 5px;

}



/* Grouped --- */

.group {}



.group-title {

	border-bottom: 1px solid #006699;

	overflow: hidden;

}



.group-title .menu-title {

	color: #fff;

	text-transform: uppercase;

	font-weight: bold;

	font-size: 115%;

}



.group-title .menu-desc {

	color: #999;

	padding-left: 0 !important;

}



.group-content .js-moduletable,

.group-content ul.megamenu  {

	margin: 10px; /* Group-content's gutter*/

	padding: 0;

}



/* reset --- */

.childcontent ul.megamenu .js-moduletable {

	padding: 0;

}



.childcontent ul.megamenu .moduletable {

	padding: 0;

}



.childcontent .moduletable {

	padding:10px;

}



.childcontent-inner{ 

    overflow:visible;

}



/* show img adn none title   */



span.no-title{

    padding:0px;

}



span.no-title img{

    padding:0px !important;

}









/* #######################  megamenu style ############################ */

	

	

	/**

 * @version		$Id$

 * @author		Joomseller

 * @package		Joomla!

 * @subpackage	Mod_DropDown_MooMenu

 * @copyright	Copyright (C) 2008 - 2011 by Joomseller Solutions. All rights reserved.

 * @license		http://www.gnu.org/licenses/gpl.html GNU/GPL version 3

 */

 

/* Clearfix

-------------------------------------------------------------*/

#js-mainnav { 

    /*background-color: #014E72;  you can change/delete the transparent gradient image or the background color */

   /* border-top: 1px solid #001A26;  you can change the color of the border */

} 



/* lv - 0

-----------------------------------*/

/* Styling ---*/

ul.level0 { 

   /* border-right: #014E72;  you can remove/comment this line or move the border to the left*/ 

} 

ul.level0 li.mega {

	/*background-color: #002A40;*/

}

ul.level0 li.first { border-top: 0; }

ul.level0 li.mega a.mega { 

   /* border-left: 1px solid #014E72;  you should comment/delete this line */ 

   /* border-right: 1px solid #333333;  and this line */ 

    color: #ffffff;

}

ul.level0 li.over, 

ul.level0 li.haschild-over { 

    /*background-color: #006699;  you can change/remove the transparent gradient or the color */

}

ul.level0 li.active { 

    /*background-color: #006699;*/

} 

ul.level0 li #current.active {

	background: none;

}

/* lv - 1 and below

-----------------------------------*/



/* Layout ---*/



 /* Columns ---*/

.megacol { float: left; border-top: 1px solid #001A26;}

/* Styling ---*/

ul.level1 li.mega { border-top: 1px dotted #006699; background: none; }



ul.level1 li.first { border-top: 0; }



ul.level1 li.mega a.mega {

	background: none;

	border: 0;

	color: #cccccc;

}

ul.level1 li.mega a.mega span.menu-title { background: none; padding: 0; 









}



ul.level1 li.over, 

ul.level1 li.haschild-over { 







background: #00527C; } 



ul.level1 li.haschild,

ul.level1 li.haschild-over {

	background-image: url(../../images/arrow.png);

	background-repeat: no-repeat;

	background-position: 95% center;

	padding: 0;

}



ul.level1 li.group { background: none; }



 /* CHILD CONTENT

-----------------------------------*/



.childcontent-inner {

	background-color: #002A40; /*change here the color to match the new color you have set for mainnav */

	border-right: 1px solid #3A0700;

	color: #ccc; /* after changing code above, you might want to change this color to make the text color readable  */ 

    border-color: -moz-use-text-color #001A26 #001A26;

	border-bottom: 4px solid #006699;

}

.childcontent .js-moduletable {

	color: #ccc;

}

.childcontent-inner .group ul li.active{

	background-color: #00527C !important;

}

.childcontent .group h3 {

	background: none;

	color: #fff;

	border-bottom: 1px dotted #006699;

}

.childcontent .js-moduletable a {

	color: #ccc;

	border-bottom: 1px dotted #ccc;

}



.childcontent .js-moduletable a:hover,

.childcontent .js-moduletable a:focus,

.childcontent .js-moduletable a:active {

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #fff;

}



/* Grouped --- */

.group-title {

	border-bottom: 1px solid #006699;

}

.group-title .menu-title {

	color: #fff;

}



.group-title .menu-desc {

	color: #999;

}



ul.level0 li.over , ul.level0 li.haschild-over{

   /* background-color:#006699 !important;*/

}



/* reset --- */