/* -- This is the place to add your own style modifications without touching the original styles -- */

@font-face {
    font-family: 'RobotoRegular';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Regular-webfont.eot');
    src: url('fonts/roboto/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Regular-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Regular-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Italic-webfont.eot');
    src: url('fonts/roboto/Roboto-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Italic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Italic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Italic-webfont.svg#RobotoItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBold';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Bold-webfont.eot');
    src: url('fonts/roboto/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Bold-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Bold-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Bold-webfont.svg#RobotoBold') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBoldItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-BoldItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-BoldItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-BoldItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-BoldItalic-webfont.svg#RobotoBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoCondensed';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Condensed-webfont.eot');
    src: url('fonts/roboto/Roboto-Condensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Condensed-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Condensed-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Condensed-webfont.svg#RobotoCondensed') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoCondensedItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-CondensedItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-CondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-CondensedItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-CondensedItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-CondensedItalic-webfont.svg#RobotoCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBoldCondensed';
		font-display: swap;

    src: url('fonts/roboto/Roboto-BoldCondensed-webfont.eot');
    src: url('fonts/roboto/Roboto-BoldCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-BoldCondensed-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-BoldCondensed-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-BoldCondensed-webfont.svg#RobotoBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBoldCondensedItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-BoldCondensedItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-BoldCondensedItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-BoldCondensedItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-BoldCondensedItalic-webfont.svg#RobotoBoldCondensedItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoThin';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Thin-webfont.eot');
    src: url('fonts/roboto/Roboto-Thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Thin-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Thin-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Thin-webfont.svg#RobotoThin') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoThinItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-ThinItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-ThinItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-ThinItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-ThinItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-ThinItalic-webfont.svg#RobotoThinItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoLight';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Light-webfont.eot');
    src: url('fonts/roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Light-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Light-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoLightItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-LightItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-LightItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-LightItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-LightItalic-webfont.svg#RobotoLightItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoMedium';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Medium-webfont.eot');
    src: url('fonts/roboto/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Medium-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Medium-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Medium-webfont.svg#RobotoMedium') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoMediumItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-MediumItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-MediumItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-MediumItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-MediumItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-MediumItalic-webfont.svg#RobotoMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBlack';
		font-display: swap;

    src: url('fonts/roboto/Roboto-Black-webfont.eot');
    src: url('fonts/roboto/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-Black-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-Black-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal; }

@font-face {
    font-family: 'RobotoBlackItalic';
		font-display: swap;

    src: url('fonts/roboto/Roboto-BlackItalic-webfont.eot');
    src: url('fonts/roboto/Roboto-BlackItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto/Roboto-BlackItalic-webfont.woff') format('woff'),
         url('fonts/roboto/Roboto-BlackItalic-webfont.ttf') format('truetype'),
         url('fonts/roboto/Roboto-BlackItalic-webfont.svg#RobotoBlackItalic') format('svg');
    font-weight: normal;
    font-style: normal; }

body{ 
	background: #fff url(images/blog_bg.jpg) center top no-repeat;
	font-family: RobotoRegular, Arial, Verdana, Helvetica, Tahoma, sans-serif !important; }

#topnav{
	background: url(images/bg_header2.jpg) center top repeat-x;
	border-bottom: 1px solid #fff;
	color: #999;
	padding: 11px 0; }

	#sitetitle h1, 
	#sitetitle .title{ font-family: RobotoBlack, Arial, Verdana, Helvetica, Tahoma, sans-serif !important; text-transform: uppercase; font-size: 1.2em; }

	#topnav, 
	#topnav li ul,
	#catnav, 
	#catnav li ul{ font-family: RobotoRegular, Arial, Verdana, Helvetica, Tahoma, sans-serif !important; }

	h1, h2, h3, h4, h5, h6, 
	.sitetitle{ font-family: RobotoBold, Arial, Verdana, Helvetica, Tahoma, sans-serif !important; }

	a,
	#topnav ul a, 
	#topnav ul a:link, 
	#topnav ul a:visited{ 
		color: #4075A6;
		text-decoration: none; }

		a:hover,
		#topnav ul a:hover, 
		#topnav ul a:link:hover, 
		#topnav ul a:visited:hover{ color: #CA3827; }

			a:active{
				position: relative;
				top: 1px; }

	#catnav{
        background-image: none;
		background-color: #4B83B6;
		background: -moz-linear-gradient(top, #4B83B6 0%, #386186 50%, #062742 90%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B83B6), color-stop(50%,#386186), color-stop(90%,#062742));
		background: -webkit-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: -o-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: -ms-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: linear-gradient(to bottom, #4B83B6 0%,#386186 50%,#062742 90%);
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		padding-top: 0; }

		#catnav ul{ 
			display: table;
			width: 100%; }

		#catnav ul li{ 
			display: table-cell;
			float: none; }

		#catnav ul a, 
		#catnav ul a:link, 
		#catnav ul a:visited{ 
			color: #fff;
			font-family: RobotoBold, Arial, Verdana, Helvetica, Tahoma, sans-serif !important; }

		#catnav ul a:hover{
			background: #fff; }

	#sidebar-bottom-right select{ width: 100% }

	ul.tabNavigation li a{ margin: 1px; }

	.navigation{ font-size: 0; line-height: 0; }

	.navigation a{
		background-color: #4B83B6;
		background: -moz-linear-gradient(top, #4B83B6 0%, #386186 50%, #062742 90%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4B83B6), color-stop(50%,#386186), color-stop(90%,#062742));
		background: -webkit-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: -o-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: -ms-linear-gradient(top, #4B83B6 0%,#386186 50%,#062742 90%);
		background: linear-gradient(to bottom, #4B83B6 0%,#386186 50%,#062742 90%);
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid transparent; 
		color: #fff;
		display: block;
		float: left;
		font-size: 12px; 
		line-height: 1; 
		font-weight: normal;
		margin: 0 5px 0 0;
		padding: 10px 15px; }

		.navigation a:hover{
			background: #fff;
			border: 1px solid #ccc; }

	#catnav-bottom{ height: 12px; }
	#contentright{ padding-top: 30px; }
	#page{ padding: 0 30px 0 0; }
	#footer-widgets-top{ display: none; }
	#footer-widgets-bottom{ background-position: 0 -26px; }

	#contentleft{ 
		background: #fff; 
		-webkit-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.1);
		box-shadow: 10px 0px 10px rgba(0, 0, 0, 0.1);
		padding: 30px;  }