@charset 'UTF-8';
@import url("font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700|Open+Sans+Condensed:300,700");

/*
	Striped by HTML5 UP
	html5up.net | @n33co
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/

/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background-color: #e8e8e8;
		background-image: url('images/bg02.png');
	}

		body.is-loading * {
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}

	body,input,textarea,select
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 400;
		color: #565656;
	}

	a
	{
		color: blue;
	}

	strong, b
	{
		font-weight: 700;
		color: #232323;
	}

a b, a strong {
    color: inherit !important;
}
	h2,h3,h4,h5,h6
	{
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 570;
		text-align: center;
		color: #232323;
	}

	h2 a, h4 a, h5 a, h6 a
	{
		text-decoration: none;
		color: inherit;
	}
	
	blockquote
	{
		border-left: solid 5px #ddd;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}
	
	em, i
	{
		font-style: italic;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #ddd;
		padding: 1.5em 0 0 0;
		margin: 1.75em 0 0 0;
	}
	
	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}

	br.clear
	{
		clear: both;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	/* Table */
	
		table 
		{
			width: 100%;
		}
		
		table.one
		{
			width: 100%;
		}

		table.two
		{
			width: 100%;
		}
    table.language-table {
      margin: 0 auto;
      border: 1px solid black;
      border-collapse: collapse;
    }

    table.language-table td {
      border: 1px solid black;
      text-align: center;
      padding: 0px;
    }
    table.language-table a {
    text-decoration: none;  /* removes underline */
    color: blue;         /* optional: uses the surrounding text color */
    transition: color 0.2s ease; /* optional smooth hover effect */
    }
    table.language-table a:hover {
      color: yellow important;
      font-weight: bold;          /* bold when hovered */
    }
		tr.a
		{
			text-align: center;
			background-color: #f1ffdd;
		}

		td.b
		{
			padding: 3px;
		}


    table.normal-table {
      border: 1px solid black;
      border-collapse: collapse;
      margin: 0 auto;
    }

    table.normal-table th,
    table.normal-table td {
      border: 1px solid black;
      padding: 2px;
      padding-right: 5px;
      padding-left: 5px;
      text-align: left;
    }

    table.normal-table th {
      font-weight: bold;
      text-align: center;
      background-color: #F0F9FF; /* optional for clarity */
      background-color: #B0E2FF; /* optional for clarity */
      background-color: #D0EEFF; /* optional for clarity */
      background-color: #EAF7FF; /* optional for clarity */
    }

	/* Form */
		
		form
		{
		}
		
			form label
			{
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 550;
/*				color: #232323; */
				margin: 0 0 0.75em 0;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],			
			form select
			{
				display: block;
				border-radius: 0.4em;
				-webkit-appearance: none;
				border: solid 1px #ddd;
				padding5 0.5em 0.75em;
				width: 95%;
				line-height: 1.50em;
			}

			form textarea
			{
				display: block;
				border-radius: 0.4em;
				-webkit-appearance: none;
				border: solid 1px #ddd;
				padding: 0.5em 0.75em;
				width: 100%;
				line-height: 1.50em;
			}

			form input[type="text"]:focus,
			form input[type="email"]:focus,
			form input[type="password"]:focus,
			form select:focus,
			form textarea:focus
			{
				box-shadow: 0px 0px 1px 0.5px #00ff00;
			}

			form ::-webkit-input-placeholder
			{
				color: #aaa;
			}

			form :-moz-placeholder
			{
				color: #aaa;
			}

			form ::-moz-placeholder
			{
				color: #aaa;
			}

			form :-ms-input-placeholder
			{
				color: #aaa;
			}
		
	/* Section/Article */
	
		header
		{
			margin: 0 0 0em 0;
		}

			header > p
			{
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 500;
				text-align: center;
				display: block;
				margin-top: 0em;
				color: #099;
				color: blue;
				color: orange;
			}

		section,
		article
		{
			margin-bottom: 3em;
		}
		
			section > :last-child,
			article > :last-child
			{
				margin-bottom: 0;
			}

			section > .inner > :last-child,
			article > .inner > :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}

	/* Image */

		.image
		{
			display: inline-block;
		}
		
			.image img
			{
				display: block;
				width: 100%;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
			
			.image.featured
			{
				display: block;
				width: 100%;
				margin: -3em 0 2em 0;
			}
			
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
			
			.image.right
			{
				float: right;
				margin: 0 0 2em 2em;
			}
			
			.image.centered
			{
				display: block;
				margin: 0 0 2em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}
	
.floatright
{
float: right;
width: 103px;
margin: 0 0 10px 10px;
background-color: #fff;
padding: 10px;
border-top: 1px solid #999;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
border-left: 1px solid #999;
}

div.floatright img
{
border-top: 2px solid #555;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
border-left: 2px solid #555;
}

	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			cursor: pointer;
			background-color: white;
			background-color: #0055ee;
			background-color: #ff6600;
/*			background-image: url('images/bg01.png');*/
			border-radius: 0.4em;
			text-align: center;
/*			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15);*/
			color: #fff;
			font-family: 'Open Sans Condensed', sans-serif;
			font-weight: 700;
			text-decoration: none;
			-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			transition: background-color .25s ease-in-out, color .25s ease-in-out;
			text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
		}

			input[type="button"]:disabled,
			input[type="submit"]:disabled,
			input[type="reset"]:disabled,
			input[type="button"].disabled,
			input[type="submit"].disabled,
			input[type="reset"].disabled,
			.button.disabled
			{
				opacity: 0.35;
				cursor: default;
			}

			input[type="button"]:hover,
			input[type="submit"]:hover,
			input[type="reset"]:hover,
			.button:hover
			{
				background-color: #595673;
				background-color: orange;
			}
			
			input[type="button"]:active,
			input[type="submit"]:active,
			input[type="reset"]:active,
			.button:active
			{
				background-color: #b93653;
			}
		
			input[type="button"].alt,
			input[type="submit"].alt,
			input[type="reset"].alt,
			.button.alt
			{
				background-color: #364050;
			}

				input[type="button"].alt:hover,
				input[type="submit"].alt:hover,
				input[type="reset"].alt:hover,
				.button.alt:hover
				{
					background-color: #465060;
				}
				
				input[type="button"].alt:active,
				input[type="submit"].alt:active,
				input[type="reset"].alt:active,
				.button.alt:active
				{
					background-color: #263040;
				}
	
	/* List */
	
		ul.default
		{
			list-style: disc;
			padding-left: 1em;
		}
		
			ul.default li
			{
				padding-left: 0.5em;
			}
ul.a {
  list-style-type: circle;
}

ul.b {
  list-style-type: square;
  list-style-position: inside;
}

ul.c {
  margin-left: 38px;
  margin-bottom: 2px;
  list-style-type: disc;
  list-style-position: inherit;
}
ul.c a {
  color: blue important;       /* makes linked text blue */
  text-decoration: underline;  /* optional: adds underline */
}

ul.d {
  margin-left: 20px;
  list-style-type: circle;
  list-style-position: inherit;
}

ul.e {
  margin-left: 40px;
  list-style-type: square;
}

ul.f {
  margin-left: 40px;
  list-style-type: circle;
}
		
ul.g {
  margin-left: 19px;
  margin-bottom: 2px;
  list-style-type: none;
  color: blue !important;
}
ul.g a {
  color: blue !important;
}
ul.g b {
  color: blue !important;
}

		ol.default
		{
			list-style: decimal;
			padding-left: 1.25em;
		}

ol.a {
  margin-left: 20px;
}
ol.b {
  margin-left: 28px;
}
ol.c {
  list-style-type: upper-roman;
}
ol.d {
  list-style-type: lower-alpha;
}


			ol.default li
			{
				padding-left: 0.25em;
			}

	/* Pagination */

		.pagination
		{
		}
		
			.pagination .pages
			{
				display: inline-block;
				font-family: 'Open Sans Condensed', sans-serif;
				font-weight: 700;
			}
			
				.pagination .pages span
				{
					display: inline-block;
					width: 1.5em;
					text-align: center;
					margin: 0 0.4em 0 0;
				}
		
				.pagination .pages a
				{
					cursor: pointer;
					display: inline-block;
					text-align: center;
					text-decoration: none;
					color: inherit;
					background-color: #e8e8e8;
					background-image: url('images/bg02.png');
					color: #565656;
					margin: 0 0.4em 0 0;
					border-radius: 0.4em;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-o-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					box-shadow: inset 0 0.075em 0.25em 0 rgba(0,0,0,0.1);
				}
			
				.pagination .pages a:hover
				{
					background-color: #dadada;
				}

				.pagination .pages a.active
				{
					background-color: #364050;
					color: #fff;
					box-shadow: none;
					text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
				}

	/* Box */

		.box
		{
		}

			.box.calendar
			{
			}

				.box.calendar .inner
				{
					position: relative;
					background-color: #272E39;
					background-color: rgba(0,0,0,0.15);
					border-radius: 0.4em;
					padding: 0.75em 0.5em 0.75em 0.5em;
					box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
				}
				
				.box.calendar caption
				{
					font-weight: 700;
					color: #fff;
					margin: 0 0 0.25em 0;
				}

				.box.calendar table
				{
					margin: 0 auto;
				}

				.box.calendar tr
				{
				}

				.box.calendar td,
				.box.calendar th
				{
					cursor: default;
					padding: 0.35em 0 0.35em 0;
					border-top: solid 1px rgba(0,0,0,0.25);
					box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
				}

				.box.calendar th
				{
					font-weight: 700;
					color: #fff;
				}
				
				.box.calendar td a,
				.box.calendar td span
				{
					display: block;
					margin: 0 auto;
					width: 1.5em;
					height: 1.5em;
					text-align: center;
					line-height: 1.4em;
					border-radius: 0.4em;
					-moz-transition: background-color .25s ease-in-out;
					-webkit-transition: background-color .25s ease-in-out;
					-o-transition: background-color .25s ease-in-out;
					-ms-transition: background-color .25s ease-in-out;
					transition: background-color .25s ease-in-out;
					text-decoration: none;
				}

				.box.calendar td a
				{
					color: #fff;
					font-weight: 700;
				}

				.box.calendar td a:hover
				{
					background-color: rgba(200,225,255,0.1);
					color: #fff;
				}
				
				.box.calendar td.today a
				{
					background-color: #c94663;
					background-image: url('images/bg01.png');
					box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
					color: #fff !important;
				}
				
			.box.post
			{
				position: relative;
			}
			
				.box.post .info
				{
				}
				
					.box.post .info .stats
					{
						margin: 0;
						cursor: default;
					}
					
					.box.post .info .stats a
					{
						font-size: 0.8em;
						text-decoration: none;
						color: #232323;
						font-weight: 700;
						line-height: 1em;
					}
			
			.box.recent-posts,
			.box.recent-comments
			{
			}

				.box.recent-posts li,
				.box.recent-comments li
				{
					border-top: solid 1px rgba(0,0,0,0.25);
					box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
					padding: 0.5em 0 0.5em 0;
				}

				.box.recent-posts li:first-child,
				.box.recent-comments li:first-child
				{
					border-top: 0;
					box-shadow: none;
					padding-top: 0;
				}

				.box.recent-posts li:last-child,
				.box.recent-comments li:last-child
				{
					padding-bottom: 0;
				}

			.box.search
			{
			}

				.box.search form
				{
					position: relative;
				}
			
					.box.search form input
					{
						position: relative;
						padding-right: 34px;
					}
					
					.box.search form:before
					{
						display:inline-block;
						font-family: FontAwesome;
						font-size: 18px;
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
						-webkit-font-smoothing:antialiased;
						-moz-osx-font-smoothing:grayscale;
						content: '\f002';
						
						filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
						-webkit-transform:scale(-1, 1);
						-moz-transform:scale(-1, 1);
						-ms-transform:scale(-1, 1);
						-o-transform:scale(-1, 1);
						transform:scale(-1, 1);
						
						position: absolute;
						right: 0.5em;
						top: 0.25em;
						z-index: 1;
						text-shadow: none;
						color: #c8ccce;
					}

			.box.text-style1
			{
			}

				.box.text-style1 .inner
				{
					position: relative;
					background-color: #272E39;
					background-color: rgba(0,0,0,0.15);
					border-radius: 0.4em;
					padding: 1.25em;
					box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
				}	


.next-section {
  text-align: left;
  margin-top: 20px;
  padding-left: 1px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none; 
  color: #48B748;           /* keeps your green color */
  display: flex;
  align-items: center;
  gap: 15px; /* space between image and text */
}

.next-section a:hover {
  color: green;       /* optional: change on hover */
}

.arrow-img {
  width: 25px;
  height: auto;
  vertical-align: middle; /* Fallback if not using flex */
}

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon > .label {
			display: none;
		}

/*********************************************************************************/
/* Wrapper                                                                       */
/*********************************************************************************/

	#wrapper
	{
		position: relative;
	}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
	}

		#nav > ul > li > ul
		{
			display: none;
		}

		#nav ul
		{
			margin: 0;
		}

		#nav li
		{
			/*border-top: solid 1px rgba(0,0,0,0.25);*/
			box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075);
			padding: 0.5em 0 0.5em 0;
		}
		
		#nav li:first-child
		{
			border: 0;
			box-shadow: none;
			padding-top: 0;
		}

		#nav li:last-child
		{
			padding-bottom: 0;
		}

		#nav li a
		{
			display: block;
			padding: 0.4em 0.5em 0.4em 0.5em;
			text-decoration: none;
			border-radius: 0.4em;
			outline: 0;
/*	                background-color: #f9f9f9; */
                	color: blue; 
			-moz-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out, color .25s ease-in-out;
			transition: background-color .25s ease-in-out, color .25s ease-in-out;
		}
/*here*/
		#nav li.current a
		{
			background-color: rgba(0,255,255,0.30) !important;
			background-color: yellow !important;
			background-color: #99FF66 !important;
			box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
			font-weight: 700;
			color: orange;
			color: green;
			color: blue;
		}

		#nav li.home a
		{
			background-color: yellow !important;
			background-color: rgba(0,255,255,0.30) !important;
			background-color: #99FF66 !important;
			background-color: yellow !important;
			box-shadow: 0 0 0 1px rgba(255,255,255,0.05), inset 0 0 0.25em 0 rgba(0,0,0,0.25);
			font-weight: 700;
			color: brown;
			color: #FF66FF;
			color: blue;
		}

		#nav li:hover a
		{
			background-color: rgba(255,255,255,0.1);
			color: blue;
			color: orange;
		}

/*********************************************************************************/
/* Sidebar                                                                       */
/*********************************************************************************/

	#sidebar
	{
                background-color: #ffffff !important;
                background-color: #f0ffff !important;
                background-color: #fbf6d9 !important;
                background-color: #fcf9da !important;
                background-color: #ffffee !important;
		color: rgba(255,0,0,0.50);
/*		text-shadow: -1px -1px 0px rgba(0,0,0,0.5); */
	}

		#sidebar form input,
		#sidebar form select,
		#sidebar form textarea
		{
			border: 0;
		}

		#sidebar section,
		#sidebar nav
		{
			position: relative;
                background-color: #ffffff !important;
		}

			#sidebar section:before,
			#sidebar nav:before
			{
				content: '';
				border-top: solid 1px;
				border-bottom: solid 1px;
				border-color: #171E29;
				border-color: rgba(0,0,0,0.25);
				box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075), 0px 1px 0px 0px rgba(255,255,255,0.075);
				display: block;
                background-color: #ffffff !important;
			}
	
		#sidebar strong, #sidebar b
		{
			color: #fff;
		}
	
		#sidebar a
		{
			color: #d4dde0;
			color: blue;
                background-color: #ffffff !important;
		}
		
		#sidebar h2,
		#sidebar h3,
		#sidebar h4,
		#sidebar h5,
		#sidebar h6
		{
/**		font-family: 'Open Sans Condensed', sans-serif; **/
			color: #0020c2;
			color: green;
			color: brown;
			color: orange;
			color: blue;
			font-family: Times New Roman;
                background-color: #ffffff !important;
/**		font-family: 'Open Sans Condensed', sans-serif; **/
						text-decoration: none;
						font-style: normal;
						font-weight: normal;
		}

		#sidebar header
		{
			margin: 0 0 1.25em 0;
                background-color: #ffffff !important;
		}
	
		#sidebar section,
		#sidebar nav
		{
			margin: 2em 0 0 0;
			font-size: 0.9em;
                background-color: #ffffff !important;
		}
		
			#sidebar section:before,
			#sidebar nav:before
			{
				height: 0.5em;
				margin: 0 0 2em 0;
                background-color: #ffffff !important;
			}
		
/*********************************************************************************/
/* Content                                                                       */
/*********************************************************************************/
		
	#content
	{
		position: relative;
		background-color: #fff;
		background-color: #fffffe;
		background-image: url('images/bg02.png');
	}
	
		#content > .inner
		{
			position: relative;
			z-index: 1;
  width: 100%;
  max-width: none;
  margin: 0 auto;           /* center horizontally */
  padding-left: 0;          /* ensure no left padding */
  padding-right: 0;
		}

/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright
	{
	}

		#copyright p
		{
			opacity: 0.75;
		}

		#copyright a
		{
			color: inherit !important;
		}

		#copyright:before
		{
			content: '';
			border-top: solid 1px;
			border-bottom: solid 1px;
			border-color: #171E29;
			border-color: rgba(0,0,0,0.25);
			box-shadow: inset 0px 1px 0px 0px rgba(255,255,255,0.075), 0px 1px 0px 0px rgba(255,255,255,0.075);
			display: block;
		}
		
/*********************************************************************************/
/* Mobile UI                                                                     */
/*********************************************************************************/

	#titleBar
	{
		background: #364050 url('images/bg01.png');
		background: blue;
	}

	#titleBar .title
	{
		display: block;
		color: #fff;
		color: yellow;
		line-height: 44px;
		font-size: 1.25em;
		font-family: 'Open Sans Condensed', sans-serif;
		font-weight: 700;
		letter-spacing: 0.1em;
		text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
		box-shadow: 0px 1px 4px 0px rgba(0,0,0,0.25);
		text-align: center;
	}

	#titleBar .toggle
	{
		width: 80px;
		height: 60px;
		position: absolute;
		left: 0;
		top: 0;
	}

		#titleBar .toggle:before
		{
			font-family: FontAwesome;
			text-decoration: none;
			font-style: normal;
			font-weight: normal;
			-webkit-font-smoothing:antialiased;
			-moz-osx-font-smoothing:grayscale;

			content: '\f0c9';
			display: block;
			position: absolute;
			left: 7px;
			top: 7px;
			font-size: 14px;
			width: 50px;
			height: 30px;
			line-height: 30px;
			background: #c94663 url('images/bg01.png');
			background: orange;
			border-radius: 5px;
			color: #fff;
			text-align: center;
			box-shadow: inset 0px 0px 0px 1px rgba(255,255,255,0.15), 0 0.025em 0.15em 0em rgba(0,0,0,0.25);
			text-shadow: -1px -1px 0px rgba(0,0,0,0.5);
		}

		#titleBar .toggle:active
		{
		}

			#titleBar .toggle:active:before
			{
				background-color: #d95673;
			}

	#sidePanel 
	{
		background: blue; /*here*/
		background: blue url('images/bg01.png');
		background: white;
	}