/* 

Mangrove - CSS File

*/


/*** GLOBAL  ***/
body {
	font-family:Arial, Tahoma, Verdana;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#555555;
	line-height:18px;
	background-image:url(../images/bg-body.gif);
	background-color:#1c3f94;
	background-repeat:repeat-x;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.filehead {

border-bottom: 1px solid #ccc;

}
.clear{clear:both; height:1px !important; line-height:1px !important; float:none!important}
form{margin:0; padding:0;}
hr {
	border-width:0;
	height:1px;
	line-height:0;
	margin:30px 0px;
	page-break-after:always;
	text-align:center;
	width:100%;
	clear:both;
	color:#d1d9dd;
	background-color:#d1d9dd;
	background-repeat:repeat-x
}
input[type=text], textarea
{
	-moz-border-radius: 5px; /* Firefox */
	-webkit-border-radius: 5px; /* Safari, Chrome */
	border-radius: 5px; /* CSS3 */
	border:solid 1px #d3d8e0;
	margin:4px 4px 8px 0px; 
	padding:5px; 
	vertical-align:middle; 
	font-size:11px;}
/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2{margin-bottom:12px; font-family:Arial, Verdana;}
h3, h4, h5, h6{margin-bottom:8px; font-family:Arial, Verdana;}
h1 {font-size:24px; line-height:26px;}
h2 {font-size:22px; line-height:24px;}
h3 {font-size:20px; line-height:22px;}
h4 {font-size:18px; color:48a942; line-height:20px;}
h5, h6 {font-size:14px; line-height:15px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; color:#555555;}
/* links */
a, a:visited {color:#48a942; text-decoration:none; font-weight:normal; }
a:hover{color:#085e03; text-decoration:underline;}
a img{border:none}
/* float align */
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 15px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}

.alignnone,
img.alignnone {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
}


img.alignleft, 
img.alignright, 
img.aligncenter,
img.alignnone {
	margin-bottom: 12px;
}
img.alignleft, img.alignright, img.aligncenter, img.alignnone {}

img.alignmiddle{vertical-align:top; margin:0 6px 0 0}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	margin-bottom:20px;
}
ul, ol {
	margin:10px 0 20px 20px;
	list-style-position:inside
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
	
blockquote {
	/*font-style:italic;*/
	margin:0px 0 20px 0px;
	padding:0px 10px 0px 50px;
	background-image:url(../images/quote.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	clear:both;
	font-size:15px;
	}
	
blockquote p{font-size:15px; font-style:italic; line-height:20px;}
blockquote.left, blockquote.right  {
	float:right;
	letter-spacing:0px;
	margin-bottom:20px;
	margin-left:20px;
	margin-top:0px;
	padding:0px 20px 10px 50px;
	width:43%;
	background-position:0px 0px;
	}
	
blockquote.left{
	float:left;
	margin-left:0px;
	margin-right:20px;}

blockquote p{margin-bottom:0px;}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #eeecec;
	padding:15px 10px;
}

/* text styled and button */

/*** END OF DEFAULT ELEMENT STYLES ***/

/*** CONTAINER ***/
#container{margin:0 auto; width:1020px; background-color:#fff}



/* TOP */
#top{height:100px !important; background-image:url(../images/bg-top.gif); background-repeat:repeat-x; z-index:100; position:relative}
#top-left{width:300px; float:left;}
#top-left h1{font-size:48px; color:#48a942; padding:42px 0 0 42px;}
#top-left h1 a, #top-left h1 a:visited{color:#48a942;}
#top-left h1 a:hover{text-decoration:none; color:#085e03}
#top-right{width:720px; float:left;}
#top-right{padding:0px 0 0 0;}

#topnav, #topnav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	line-height:1.5em; 
}
#topnav{padding:6px 40px 0px 0px; float:right; margin-top:1px}
#topnav a{
	display:block;
	padding:40px 5px 15px 5px;
	color:#6b6d6e;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
	width:80px;
}
#topnav li{
	float:left;
	position:relative;
	padding:0 2px 2px 2px;
	font-size:11px;
	text-align:center;
	border:solid 1px transparent;
	border-width:0 1px 1px 1px;
	margin-right:2px;
	z-index:20;
}

#topnav li.current{
	border:solid 1px #d6d6d6;
	background-color:#fff;
	border-width:0 1px 1px 1px;
	z-index:10;
}

#topnav li.current a{
	background-color:#48a942;
	color:#fff;
	background-image:url(../images/bg-topnav-box.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
	
#topnav li.current a:visited{
	background-color:#48a942;
	background-image:url(../images/bg-topnav-box.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#topnav li:hover{
	border:solid 1px #d6d6d6;
	background-color:#fff;
	border-width:0 1px 1px 1px;
	padding:0 2px 2px 2px;
	color:#fff !important;
}
#topnav li a:hover {
	background-color:#48a942;
	background-image:url(../images/bg-topnav-box.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	
}

#topnav li:hover a{
	background-color:#48a942;
	background-image:url(../images/bg-topnav-box.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

#topnav li li{
	line-height:20px;
	padding:5px 2px 5px 2px;
	margin:0;
	border:0;
	background-color:#48a942;
}

#topnav li li:hover 
{
	line-height:20px;
	padding:5px 2px 5px 2px;
	background:none;
	margin:0;
	border:0;
	color:#fff;
	background-color:#1c3f94;
}


#topnav ul {
	position:absolute;
	display:none;
	width:180px;
	top:6.1em;
	left:-1px;
	background-color:#fff;
	border:solid 1px #d6d6d6;
	border-width:1px 1px 1px 1px;
	padding:2px 2px 2px 2px;
	z-index:30 !important;
}
/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#topnav ul {top:6em;}
}

#topnav li ul a{
	margin:0 0px;
	width:146px;
	padding:0px 15px 0px 15px;
	text-align:left;
	color:#fff;
}

#topnav li ul a, #topnav li ul a:hover{border:0; background:none;}
#topnav li:hover ul a,
#topnav li:hover ul a:visited{
	color:#fff;
	background:none !important;
}

#topnav ul ul{
	top:0px;
}	

#topnav li ul ul {
	left:12em;
	margin:0px 0 0 0px;
}

#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul{
	display:none;
}
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul{
	display:block;
}

/* SLIDESHOW */
#header{width:1020px; margin-bottom:0px; position:relative}
#header-inner{width:940px; margin:0 auto; border:solid 1px #d1d9dd; border-width:1px 0; padding:15px 0;}
#slider-container{position:relative; height:300px; width:1020px;}
#slider-overlay{
	background-image:url(images/overlay-slideshow.png);
	background-repeat:repeat-x;
	position:absolute;
	width:1020px;
	height:10px;
	top:-5px;
	z-index:80 !important;
	visibility: visible;
}
#slider-overlay-bottom{
	background-image:url(images/overlay-slideshow.png);
	background-repeat:repeat-x;
	position:absolute;
	width:1020px;
	height:10px;
	bottom:-5px;
	z-index:80 !important;
	visibility: visible;
}
#slider{list-style-type:none; margin:0; padding:0;}
#slider li{list-style-type:none; margin:0; padding:0;}
#pager{text-align:center; margin:25px 0 0 0;}
#pager a{
	width:11px;
	height:11px;
	background:url(../images/nav-slide.png) no-repeat;
	border:0px;
	margin-right:3px;
	cursor:pointer;
	display:inline;
	display:inline-block;
	vertical-align:top;
	font-size: 0;
	line-height: 0;
	text-align:center;
}

/* Safari */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
#pager a { text-indent:-9999px;}
}


#pager a.activeSlide{
	background-position:-11px 0;
}
.textdesc{
	background-color:#000;
	position:absolute;
	top:150px;
	height:auto;
	right:0;
	padding:20px;
	font-size:22px;
	line-height:26px;
	color:#fff;
	/* IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	/* IE 5-7 */
	filter: alpha(opacity=80);
	/* Netscape */
	-moz-opacity: 0.8;
	/* Safari 1.x */
	-khtml-opacity: 0.8;
	/* Good browsers */
	opacity: 0.8;
	width:45%;
	z-index:90 !important
}
.textdesc a:hover{text-decoration:none;}

/* CONTENT */
#content{width:940px; padding:30px 40px 40px 40px; }
#middle-text{border:solid 1px #d1d9dd; border-width:1px 0; padding:25px 0 30px 0; margin:20px 40px 20px 40px; clear:both;  text-align:center;}
#homepage-text{margin:0px 0 30px 0; float:left;}
.text-styled{color:#48a942; font-size:24px; line-height:26px; margin-bottom:0}
.text-styled2{font-size:22px; line-height:24px;}
.text-styled3{ color:#959595}
.but-more, .but-more:visited{background-image:url(../images/bg-but.gif); background-repeat:repeat-x; text-transform:uppercase; color:#fff; padding:6px 20px; border:solid 1px #7b9206; background-color:#526404; line-height:40px; }

.but-more:hover{text-decoration:none; color:#fff; background-position:0 -26px; background-color:#87a005}
#content-left{width:680px; float:left; padding-right:20px}
#content-right{width:220px; float:left; padding-left:20px;}

#content-narrow{width:460px; float:left; padding-right:40px;}
#content-right-wide{width:440px; float:left;}

/* SIDEBAR */
.box{background-color:#eeecec; padding-bottom:10px; margin-bottom:40px}
.box .widget-title{ background-color:#48a942; color:#ebebeb}
#sidebar .widget-title{margin-bottom:0; padding:10px 20px}
#sidebar ul{ list-style-type:none; margin:0; padding:0; list-style-position:outside !important}
#sidebar li{color:#555;}
#sidebar ul ul{ list-style-type:none; margin:0; padding:10px 20px;}
#sidebar li li{color:#555; background-image:url(../images/double-line.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:7px; margin-bottom:7px;}
#sidebar ul li li a{background-image:url(../images/list.gif); background-position:0 4px; background-repeat:no-repeat; padding-left:10px;}
#sidebar ul li a, #sidebar ul li a:visited{color:#555;}
#sidebar ul li a:hover{text-decoration:none; color:#7b7b7b}
.text-widget{padding:20px 20px;}
.widget-col{float:left; padding-right:15px;}
.widget-col.last{ padding:0 0 0 15px; background-image:url(../images/double-line-ver.gif); background-repeat:repeat-y;}


/* BOTTOM */
#bottom{min-height:150px; background-color:#eeecec; width:940px; padding:30px 40px 10px 40px;}
#bottom .widget-title{ background-image:url(../images/double-line.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:7px; margin-bottom:7px;}
#bottom ul{ list-style-type:none; padding:0px; margin:0;}
#bottom ul li li{color:#737373; background-image:url(../images/double-line.gif); background-repeat:repeat-x; background-position:bottom; padding-bottom:7px; margin-bottom:7px;}
#bottom ul li li a{background-image:url(../images/list.gif); background-position:0 4px; background-repeat:no-repeat; padding-left:10px;}
#bottom ul li a, #bottom ul li a:visited{color:#737373 !important;}
#bottom ul li a:hover{text-decoration:none; color:#7b7b7b}
ul.social li a, ul.social li a:visited{background:none !important; padding-left:0 !important}
#bottom #searchform{margin:0px 0px 0px 0px; padding:10px 0px 0px 0px;}
#bottom #searchform div{padding:0px 40px 0px 10px; width:130px; background-image:url(../images/bg-search.png); background-repeat:no-repeat;}
#bottom #searchform .inputbox{width:120px; background-image:none; background:transparent; border:0px; padding:5px 0px 5px 0px; color:#999999; font-size:11px; }



/* FOOTER */
#footer{min-height:70px; background-color:#48a942; color:#fff; width:1020px;}
#footer-text{padding:20px 40px 0 40px}

/* column list */
.four_column{list-style-type:none; margin:0px; padding:0px;}
.four_column li{list-style-type:none;width:22%; margin-right:4%; float:left;}
.four_column p{margin-bottom:20px;}

.three_column{list-style-type:none; margin:0px; padding:0px;}
.three_column li{list-style-type:none;width:30.66%; margin-right:4%; float:left;}
.three_column p{margin-bottom:10px;}

.two_column{list-style-type:none; margin:0px; padding:0px;}
.two_column li{list-style-type:none;width:48%; margin-right:4%; float:left;}
.two_column p{margin-bottom:10px;}

.three_four_column{list-style-type:none; margin:0px; padding:0px;}
.three_four_column li{list-style-type:none;width:74%; margin-right:4%; float:left;}
.three_four_column p{margin-bottom:10px;}

/* column */
.one_half{ width:49%; }
.one_third{ width:32%; }
.one_fourth{width:23.5%; }
.one_fifth{width:18.4%;}
.three_fourth{width:74.5%;}
.one_half,.one_third,.one_fourth, .three_fourth, .one_fifth{ margin-right:2%; float:left; }
.last{ margin-right:0 !important; }

.one_fourth p{margin-bottom:10px;}





/*==== Dropcaps ====*/
.letercap{
	display:block;
	float:left;
	font-size:35px;
	line-height:35px;
	margin:0 8px 0 0;}
.bk-right{ float:right; width:30%; margin-left:20px;}
.bk-left{ float:left; width:30%;}

/*==== Highlight ====*/
.highlight1{padding:1px 4px;background-color:yellow;color:#111;}	
.highlight2{padding:1px 4px;background-color:#111;color:#eee;}	


/*==== Tables ====*/
table {border-collapse:separate;border-spacing:0;width:100%;border-top:1px solid #ececec;margin-bottom:18px;}
table,td,th { text-align:center;}
th{padding:10px;color:#666;text-transform:uppercase;}
td{padding:10px;color:#888;}
tfoot td{border:0px;}
th,tr:hover{background-color:#ececec;}
table {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
tr th,
thead th {
	color: #888;
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
tr.odd td {
	background: #F2F7FC;
}