/* CSS Document */
@import url("fonts.css");
@import url("reset.css");

:root{
	--red: #BC2400;
	--blue: #15AEE8;
	--black: #000000;
	--white: #FFFFFF;
	--orange: #fe9b00;
	--gray: #525252;
	--gray_gradient: linear-gradient(to bottom, #9b9b9b , #4b4b4b);
	--green: #99a500;
	--green_gradient:  linear-gradient(to bottom, #93bc15 , #67980b);
	--maximum_width: 100%;
	--wrapper_width: 1024px;
	--title_font: "MyriadPro", Helvetica, Georgia;
	--newsletter_content_gradient:  linear-gradient(to bottom, #A5C60E , #7BB000);
}

html{
	height: 100%;
}

*, *::before, *::after{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

a{
	color: var(--green);
	text-decoration: none;
}
.right_content ul, .right_content ol{
	margin: 0 0 10px 0;
}
.right_content ul{
    list-style: outside disc;
}
.right_content ul li, .right_content ol li{
    position: relative;
    left: 30px;
    padding-right: 30px;
	margin: 5px 0 5px 0;
	width: calc(100% - 30px);
}
img.toLeft, img.left_image, img.toRight, img.right_image{
	float: left;
	width: 95%;
	max-width: 300px;
	height: auto;
	max-height: 400px;
	margin: 0 15px 5px 0;
	border: 6px Solid #FFFFFF;
	box-shadow: 2px 2px 3px #000000;
}
.br10{
	border-radius: 10px;
}
.shadow{
	box-shadow: 2px 2px 4px #000000;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.row{
	width: 100%;
	clear: both;
}
.green_button{
	padding: 6px;
	background-image: var(--green_gradient);
	border-radius: 5px;
	color: #FFFFFF;
	border: 1px Solid #FFFFFF;
	box-shadow: 2px 2px 2px #000000;
	cursor: pointer;
}

.orange_button{
	padding: 6px;
	color: #BC2400;
	font-weight: bold;
	background: url("../images/button_background.png") repeat-x;
	border: 1px Solid #FFFFFF;
	border-radius: 5px;
	box-shadow: 2px 2px 5px #000000;
	cursor: pointer;
}
body{
	background: url("../images/main_background.jpg") repeat-x 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1rem;
	color: #666666;
	height: 100%;
}

h1, h2, h3, h4, h5, h6{
	color: var(--gray);
	font-family: var(--title_font);
	margin: 10px 0 5px 0;
	font-weight: normal;
}
h1.page_heading{
	color: var(--orange);
	margin: 0 0 10px 0;
}
p{
	margin: 0 0 10px 0;
}
#main{
	width: var(--maximum_width);
	height: 100%;
	height: auto;
}

#wrapper{
/* 	width: var(--maximum_width);
	max-width: var(--wrapper_width);
	min-width: 324px; */
	width: clamp(324px,100%,1024px);
	margin: 0px auto;
	height: 100%;
}

#mobile_menu{
	display: none;
}

/* Top navigation starts. */

#top_navigation{
	width: var(--maximum_width);
	max-width: var(--wrapper_width);
	height: auto;
}
#top_navigation ul{
	width: auto;
	height: 32px;
	display: block;
	text-align: right;
	list-style-type: none;
	float: right;
	background: url("../images/top_navigation_background.png") repeat-x center center #595959;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#top_navigation ul li{
	display: inline-block;
	height: 32px;
}

#top_navigation ul li:hover{
	position: relative;
	height: 32px;
	background-image: var(--green_gradient);
}
#top_navigation ul li:hover:first-child{
	border-bottom-left-radius: 5px;
}
#top_navigation ul li:hover:last-child{
	border-bottom-right-radius: 5px;
}
#top_navigation ul li:last-child a{
	border: none;
}
#top_navigation ul li a{
	margin: 7% 0 7% 0;
	padding: 0 10px 0 10px;
	display: inline-block;
	color: var(--white);
	border-right: 1px solid var(--white);
}
#top_navigation ul li:hover a{
	color: var(--white);
}
#top_navigation ul li ul{ /* Drop-down menu */
	width: initial;
	list-style-type: none;
	display: none;
	background-image: var(--gray);
	height: auto;
}
#top_navigation ul li:hover ul{
	display: block;
	width: initial;
	position: absolute;
	background-image: var(--gray);
	top: 32px;		/* Height of top navigation. */
	left: 0;
	border-radius: 10px;
}
#top_navigation ul li:hover ul li{
	text-align: left;
	display: block;
	white-space: nowrap;
	width: max-content;
	float: left;
	margin: 0;
	padding: 3% 0 3% 0;
}
#top_navigation ul li:hover ul li a, #top_navigation ul li:hover ul li span{
	display: inline-block;
	width: initial;
	color: var(--white);
	border: none;
	margin: initial;
	padding: 0 5px 0 10px;
	float: left;
}
#top_navigation ul li:hover ul li span{
	padding: 0 10px 0 0;
}
#top_navigation ul li:hover ul li:hover{
	background-image: var(--green_gradient);	/* Submenu list item hover color. */
	display: block;
	width: 100%;
	min-width: max-content;
	margin: 0;
	padding: 3% 0 3% 0;
}
#top_navigation ul li:hover ul li a:hover{
	display: inline-block;
	color: var(--white);
}
#top_navigation ul li:hover ul li:first-child{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#top_navigation ul li:hover ul li:last-child{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#header{
	margin-top: 20px;
	width: var(--maximum_width);
	height: 105px;
	white-space: nowrap;
}
#header input[type="Submit"]{
	text-indent: -9900px;
}
#header .header_left{
	width: 348px;
	height: 105px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-left: 5px Solid #FFFFFF;
	border-right: 5px Solid #FFFFFF;
	background: url("../images/header_left_background.png") repeat-x;
}
#header div{
	height: 105px;
}
#header .header_left img{
	display: block;
	width: clamp(200px,85%,285px);
	margin: auto;
	vertical-align: middle;
	min-width: 200px;
	height: auto;
}
#header .header_left a#logo img{
	margin: 4% 0 0 26px;
}
#header .header_left a#slogan img{
	margin: -7px 0 0 26px;
}
#header .header_middle{
	width: calc(100% - 432px);
	background: url("../images/header_middle_background.png") repeat-x;
}
#header .header_right{
	width: 79px !important;
	background: url("../images/header_right_background.png") no-repeat;
}
#header .title_container{
	display: block;
	font-family: var(--title_font);
	font-size: 18px;
	color: #bc2400;
	width: 13%;
	padding: 45px 0 38px 9px;
}
#header .form_container{
	width: 59%;
	max-width: 357px;
	padding: 38px 0px 0 0;
}
#header .advanced_search_container{
	display: block;
	width: 28%;
	padding: 38px 0 0 0;
}
#header .advanced_search_container a{
	display: inline-block;
}
form#global_search{
	height: 73px;
}
#header .form_container input[type="text"]{
	background: #fff5d1;
	border: 1px solid #c89f00;
	width: 80%;
	height: 42px;
	margin: -5px 0 0 10px;
	padding: 5px;
	color: #f3c21f;
	font-size: 14px;
	border-radius: 5px;
	box-shadow: 2px 2px 3px #cccccc inset;
}
#header .form_container input[type="Submit"]{
	background: url("../images/searchnowbtn.png") no-repeat 0px 0px;
	height: 99px;
	width: 101px;
	margin: -45px 0px 0px 75%;
	border: none;
	cursor: pointer;
}

#dashboard{
	width: var(--maximum_width);
	margin: 30px 0 0 0;
}
#dashboard .left_panel{
	width: 28%;
	min-width: 280px;
	max-width: 290px;
}
#dashboard .right_panel{
	width: 72%;
	max-width: 734px;
}
#dashboard .left_panel .left_content{
	width: 100%;
	min-width: 280px;
	max-width: 286px;
	margin: 0px 0px 10px 0px;
	padding: 0 10px 0 0;
	border-radius: 5px;
}
#dashboard .right_panel .right_content{
	background: #FFF;
	border: 1px solid #E6E6E6;
	width: 100%;
	min-height: calc(100vh - 120px);
	padding: 14px;
	border-radius: 5px;
}

#left_categories{
	background: #edf5d0;
	border: 1px solid #cedf98;
	border-radius: 5px;
	padding: 0 0 10px 0;
}
#left_categories .categories_title{
	background: url("../images/catbg.jpg") no-repeat 0px 0px;
	height: 46px;
	width: 92%;
	margin: 10px 4% 0 4%;
	padding: 12px 0px 0px 45px;
	font-family: var(--title_font);
	font-size: 18px;
	color: #FFFFFF;
	text-shadow: 2px 2px 5px #000000;
	border-radius: 5px;
}
#left_categories ul{
	margin-top: 10px;
}
#left_categories ul li{
	width: var(--maximum_width);
	margin: 2px 0 2px 0;
	float: left;
	list-style-type: none;
	background: url("../images/bullet.png") no-repeat 10px 12px;
}
#left_categories ul li:hover{
	background: url("../images/bullet.png") no-repeat 10px -24px #f2ba1b;
	border-radius: 5px;
}
#left_categories ul li:hover span, #left_categories ul li:hover a{
	color: #FFFFFF;
}
#left_categories ul li a, #left_categories ul li span{
	display: block;
	width: fit-content;
	height: 32px;
	margin: 0px auto;
	color: #666666;
	padding: 8px 8px 8px 25px;
	float: left;
}
#left_categories ul li span{
	background: none;
	padding: 8px 0 8px 0;
}
#left_categories ul li a:hover{
	color: #FFFFFF;
}

#left_newsletter{
	width: var(--maximum_width);
}
#left_newsletter .newsletter_title{
	background: url("../images/newsletter_title_background.png") repeat-x;
	width: var(--maximum_width);
	height: 42px;
	color: #FFFFFF;
	font-family: var(--title_font);
	font-size: 24px;
	border-radius: 5px 5px 0 0;
	margin: 15px 0 0 0;
	padding: 5px 0 0 100px;
	text-shadow: 2px 2px 5px #000000;
}
#left_newsletter .newsletter_content{
	/* background: url("../images/newsletter_content_background.png") repeat-x; */
	background-image: var(--newsletter_content_gradient);
	width: var(--maximum_width);
	border-radius: 0 0 5px 5px;
	padding: 0 0 10px 0;
}
#left_newsletter .newsletter_content .newsletter_icon{
	width: 100px;
	height: 61px;
}
#left_newsletter .newsletter_content .newsletter_text{
	width: 165px;
	height: 61px;
	color: #FFFFFF;
	font-family: var(--title_font);
	font-size: 14px;
	text-shadow: 2px 2px 5px #000000;
	padding: 0 5px 0 0;
}
#left_newsletter .newsletter_content .newsletter_icon img{
	margin: -25px 0 0 15px;
}
#left_newsletter .newsletter_content .newsletter_form{
	padding: 0 10px 0 10px;
	color: #000000;
}
#left_newsletter .newsletter_content .newsletter_form form{
	margin: 0;
	padding: 0;
	clear: both;
}
#left_newsletter input[type=text], #left_newsletter input[type=email], #main_newsletter_form input[type=text], #main_newsletter_form input[type=email]{
	width: 100%;
	height: 39px;
	margin: 0 0 10px 0;
	padding: 0 0 0 6px;
}
#left_newsletter input[type=submit]{
	margin: 6px 0 0 0;
	float: right;
}

#main_newsletter_form{
	margin: 0px auto;
	padding: 10px 6px 6px 6px;
	width: 100%;
	max-width: 400px;
	border: 1px Solid #A4C50D;
	border-radius: 10px;
}
#main_newsletter_form input[type=text], #main_newsletter_form input[type=email]{
	max-width: 100%;
}
#main_newsletter_form input[type=Submit]{
	margin: 5px;
	padding: 6px;
	float: right;
}

#advanced_search{
	width: 100%;
	display: block;
}
#advanced_search_form{
	display: block;
	margin: 0;
	padding: 10px;
	border-bottom: 1px Solid #A4C50D;
}
#search_container, #in_container, #type_container, #results_container, #button_container{
	width: max-content;
	display: block;
	margin: 0 20px 0 0;
	padding: 5px 0 5px 0;
	float: left;
}
#advanced_search, #advanced_search_form label{
	margin: 0 0 5px 0;
	text-align: center;
}
#advanced_search input[type=text], #advanced_search select, #advanced_search input[type=submit]{
	height: 39px;
	text-align: center;
	padding: 5px;
}
#advanced_search input[type=text]{
	width: 100%;
	min-width: 220px;
	text-align: left;
}

.article_snippet{
	width: 100%;
	background: #F4F4F4;
	border-radius: 5px;
	margin: 0 0 20px 0;
	padding: 5px 10px 10px 10px;
}
.article_snippet .article_title{
	width: 65%;
	padding: 10px 0 10px 0;
	font-size: 1.1rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article_snippet .article_category{
	width: 35%;
	background: #E6E6E6;
	border-radius: 0 0 5px 5px;
	font-size: 12px;
	margin: -5px 0 0 0;
	padding: 10px 0 10px 10px;
	overflow-wrap: break-word;
}
.article_snippet .article_title a{
	color: var(--blue);
}
.article_snippet .article_category a{
	color: #000000;
}
.article_snippet .article_summary{
	width: 100%;
}
.article_snippet .article_summary p a{
	display: inline-block;
	margin: 0;
	padding: 0 10px 0 0;
	float: left;
}
.article_snippet .article_summary img{
	display: inline-block;
	width: 100px;
	height: 100px;
	border: 10px Solid #DCDBDB;
	box-shadow: 2px 2px 4px #000000;
}
.article_snippet .article_links{
	width: 100%;
	margin: 10px 0 10px 0;
}
.article_snippet .article_links a{
	border: none;
	box-shadow: none;
}
.article_snippet .article_links .article_rating, .article_snippet .article_links .article_comments{
	white-space: nowrap;
	width: 50%;
	max-width: calc(50% - 60px);
	font-size: 0.8rem;
	/* font-weight: bold; */
}
.article_snippet .article_links .article_rating a{
	margin: 0 0 0 25px;
	padding: 5px 0px 5px 25px;
	color: #76A500;
}
.article_snippet .article_links .article_rating a.article_rated{
	background: url("../images/icons.png") no-repeat -3px -29px;
}
.article_snippet .article_links .article_rating a.not_rated{
	background: url("../images/icons.png") no-repeat -3px -0px;
}
.article_snippet .article_links .article_comments a{
	background: url("../images/icons.png") no-repeat 0px -85px;
	margin: 0 0 0 25px;
	padding: 5px 0px 5px 30px;
	color: #F2801B;
}

#pagination{
	display: block;
	width: fit-content;
	height: 33px;
	margin: 0px auto;
	border-radius: 5px;
}
#pagination a, #pagination span{
	display: inline-block;
	float: left;
	width: 50px;
	height: 33px;
	line-height: 33px;
	color: #FFFFFF;
	background: url("../images/paginationbg.jpg") repeat-x;
	/* padding: 7.5px 0 7.5px 0; */
	text-align: center;
	box-shadow: 2px 2px 3px #000000;
}
#pagination span{
	color: #666666;
}
#pagination a.previous_page, #pagination a.next_page, #pagination span.previous_page, #pagination span.next_page{
	font-size: 1.5rem;
	/* padding: 1.5px 0 3.5px 0; */
	vertical-align: middle;
	width: 50px;
}
#pagination a:hover, #pagination span:hover{
	background: url("../images/paginationhover.jpg") repeat-x;
}
/* #pagination a.previous_page:hover, #pagination span.previous_page:hover{
	border-radius: 5px 0 0 5px;
}
#pagination a.next_page:hover, #pagination span.next_page:hover{
	border-radius: 0 5px 5px 0;
} */

#search{
	width: 100%;
}
#search form{
	margin: 0 0 15px 0;
}
#search label{
	margin: 0 0 6px 0;
}
#search input[type="text"]{
	width: calc(100% - 70px);
	height: 39px;
	margin: 0 0 10px 0;
	padding: 0 0 0 6px;
	float: left;
}
#search input[type="submit"]{
	padding: 4px 12px 4px 12px;
	height: 37px;
	float: right;
}

#contact_us{
	width: 100%;
	max-width: 100%;
}
#contact_us .page_left{
	float: left;
	padding: 1% 1% 1% 5%;
	width: 50%;
}
#contact_us .page_right{
	float: right;
	padding: 1% 1% 1% 15%;
	width: 50%;
}
#contact_us .page_left form input, #contact_us .page_left form select, #contact_us .page_left form textarea{
	margin: 5px 0 10px 0;
	width: 100%;
	min-height: 40px;
	padding: 5px;
	font-size: 1rem;
}

footer{
	min-width: 100%;
	background: #D1D1D3;
	margin: 10px 0 0 auto;
}
footer .footer_content{
	max-width: var(--wrapper_width);
	margin: 0px auto;
	padding: 30px 0 30px 0;
}
footer .footer_content .footer_links ul{
	list-style-type: none;
}
footer .footer_content .footer_links ul li{
	display: inline-block;
}
footer .footer_content .footer_links ul li:last-child a{
	border: none;
}
footer .footer_content .footer_links ul li a{
	display: inline-block;
	color: #000000;
	font-size: 12px;
	border-right: 1px Solid #000000;
	padding: 0 10px 0 10px;
}