.grid-all, .grid-1, .grid-2, .grid-3, .grid-quarter, .grid-4, .grid-third, .grid-5, .grid-6, .grid-half, .grid-7, .grid-8, .grid-two-thirds, .grid-9, .grid-three-quarters, .grid-10, .grid-11, .grid-12, .grid-whole {
  margin: 0;
  clear: none;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(http://www.cre8veonline.com/hdfluid/boxsizing.htc);
}


.grid-4, .grid-third {
  width: 33.33333%;
}

.grid-6, .grid-half {
  width: 50%;
}


.grid-12, .grid-whole {
  width: 100%;
}

.padded {
  padding: 0 0.5em 0.5em 0.5em;
}

.padded-top {
  padding-top: 0.5em;
}

.padded-vertical {
  padding: 0.5em 0;
}






@media (max-width: 629px) {
  .s-grid-all, .s-grid-1, .s-grid-2, .s-grid-3, .s-grid-quarter, .s-grid-4, .s-grid-third, .s-grid-5, .s-grid-6, .s-grid-half, .s-grid-7, .s-grid-8, .s-grid-two-thirds, .s-grid-9, .s-grid-three-quarters, .s-grid-10, .s-grid-11, .s-grid-12, .s-grid-whole {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  *behavior: url(http://www.cre8veonline.com/hdfluid/boxsizing.htc);
  }


  .s-grid-12, .s-grid-whole {
    width: 100%;
  }


    .miniside {
	  display:none;
  }
  


.tmc {
	width:100%;	
}

.googlesearchbox {
	width:100%;
	margin-bottom: 10px;

		background:rgba(255,255,255,0.7); 
}

.googlesearchbox {
-webkit-border-bottom-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomleft: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
} 

.header {
	height:160px;
}


.cc, .ccx {
padding:10px;
}

 .footer {
	font-size:10px;
}



}

@media (max-width: 480px) {
	
.x-rightfloat, .z-leftfloat {
width:100%;
height:auto;
	 }
	 
 .pulloutright, .pulloutleft, .pulloutfull {
	 width:auto;
		padding:20px!important;
	margin:0px!important;
	 }
	 
	 
	 #google-ads-1 {
max-width:100%;
overflow:hidden;
}


}

@media (min-width: 481px) and (max-width: 629px) {
	
.x-rightfloat, .z-leftfloat{
max-width:60%;
	 }
	 
 .pulloutright, .pulloutleft {
max-width:50%;
	 }
}


@media (min-width: 630px) and (max-width: 954px) {
 .m-grid-all, .m-grid-1, .m-grid-2, .m-grid-3, .m-grid-quarter, .m-grid-4, .m-grid-third, .m-grid-5, .m-grid-6, .m-grid-half,  .m-grid-7, .m-grid-8, .m-grid-two-thirds, .m-grid-9, .m-grid-three-quarters, .m-grid-10, .m-grid-11, .m-grid-12, .m-grid-whole,   .authortext,   .authorpic {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  *behavior: url(http://www.cre8veonline.com/hdfluid/boxsizing.htc);
  }

  .m-grid-6, .m-grid-half {
    width: 50%;
  }

  .m-grid-12, .m-grid-whole {
    width: 100%;
  }

  
  .miniside {
	  display:none;
  }
  
 

.cccont, .cccont2 {
	padding-right:10px;
padding-left:10px;
}

.cc, .ccx {
padding:20px;
}

.header {
	height:180px;
}


 .googlesearchbox {
		background:rgba(255,255,255,0.4); 
 }
 
 .footer {
	font-size:13px;
}

 
}

@media (min-width: 655px) and (max-width: 954px) {
 .m-grid-all, .m-grid-1, .m-grid-2, .m-grid-3, .m-grid-quarter, .m-grid-4, .m-grid-third, .m-grid-5, .m-grid-6, .m-grid-half,  .m-grid-7, .m-grid-8, .m-grid-two-thirds, .m-grid-9, .m-grid-three-quarters, .m-grid-10, .m-grid-11, .m-grid-12, .m-grid-whole, .cc, .ccx, .miniside {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  *behavior: url(http://www.cre8veonline.com/hdfluid/boxsizing.htc);
  }


  .m-grid-6, .m-grid-half {
    width: 50%;
  }
  

  .m-grid-12, .m-grid-whole {
    width: 100%;
  }

  
    .miniside {
	  display:block;
	  width:25%;
	 
  }
  
  .cc {
	  width: 75%;
  }
  
  .ccx
  {
	  width: 100%;
  }
  
  .sidebar {
	  clear:both;  
  }
  


.cccont {
	padding-right:20px;
padding-left:10px;
}

.cccont2 {
	padding-right:10px;
padding-left:10px;

}

.cc, .ccx {
padding:20px;
}
  
  .header {
	height:180px;
}


 .googlesearchbox {
		background:rgba(255,255,255,0.4); 
 }
 
 .footer {
	font-size:14px;
}


  .sidebarconstrainer {
	  max-width: 630px;
	  float:left;
	  margin:auto;
	  margin-top:20px;
	  }


.glasspanel {
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 100%)!important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.4)), color-stop(100%,rgba(255,255,255,0)))!important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%)!important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%)!important; /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%)!important; /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 100%)!important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66ffffff', endColorstr='#00ffffff',GradientType=0 )!important; /* IE6-9 */

}

.x-rightfloat, .z-leftfloat {
max-width:60%;
	 }
	 
.pulloutright, .pulloutleft {
max-width:50%;
	 }
 
  
}

@media (min-width: 955px) {
  .l-grid-all, .l-grid-1, .l-grid-2, .l-grid-3, .l-grid-quarter, .l-grid-4, .l-grid-third, .l-grid-5, .l-grid-6, .l-grid-half, .l-grid-7, .l-grid-8, .l-grid-two-thirds, .l-grid-9, .l-grid-three-quarters, .l-grid-10, .l-grid-11, .l-grid-12, .l-grid-whole, .sidebar {
    margin: 0;
    clear: none;
    float: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    *behavior: url(boxsizing.htc);
  }


  .l-grid-6, .l-grid-half {
    width: 50%;
  }


  .l-grid-8, .l-grid-two-thirds {
    width: 66.66667%;
  }

  .l-grid-12, .l-grid-whole {
    width: 100%;
  }

  
    .miniside {
	  display:none;
  }
  
  .sidebar {
	      width: 320px;
-webkit-border-bottom-right-radius: 9px;
-moz-border-radius-bottomright: 9px;
border-bottom-right-radius: 9px;
  }

  
 .googlesearchbox {
		background:rgba(255,255,255,0.7); 
 }
  
  


.cccont {
	background:rgba(255,255,255,0.4);
	padding-right:20px;
padding-left:10px;

}

.cccont2 {
	background:rgba(255,255,255,0.4);
	padding-right:10px;
padding-left:10px;

}



.cc, .ccx {
padding:20px;
}

.header {
	height:180px;
}


.footerleft {
text-align:right;
}

.footerright {
text-align:left;	
}

.footer {
	font-size:14px;
}


.x-rightfloat, .z-leftfloat {
max-width:60%;
	 }
	 
.pulloutright, .pulloutleft {
max-width:50%;
	 }
 

  
}

.container nav,
.container ul,
.container li {
  margin: 0;
  padding: 0;
}

.container a {
  text-decoration: none;
}

.container {
  width: 100%;
}

.tmc {
  -webkit-border-top-left-radius: 9px;
  -webkit-border-top-right-radius: 9px;
  -moz-border-radius-topleft: 9px;
  -moz-border-radius-topright: 9px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  overflow: hidden;
  display: block;
  background: url(https://www.wild-bird-watching.com/image-files/menu-bg.png)
    no-repeat #2d5884;
  float: left;
  height: 36px;
}

.nav {
  list-style: none;
  *zoom: 1;
  background: #2d5884;
  clear: both;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav ul {
  list-style: none;
  width: 9em;
  -webkit-padding-start: 0px;
}

.nav a {
  padding: 10px 15px;
  color: #fff;
}
.nav li {
  position: relative;
}
.nav > li {
}

.nav > li > .parent {
  background-image: url(https://www.wild-bird-watching.com/image-files/downarrow.png);
  background-repeat: no-repeat;
  background-position: right;
}
.nav > li > a {
  display: block;
}
.nav li ul {
  position: absolute;
  left: -9999px;
}
.nav > li.hover > ul {
  left: 0;
}
.nav li li.hover ul {
  left: 100%;
  top: 0;
}
.nav li li a {
  display: block;
  position: relative;
  z-index: 100;
}

.nav li li li a {
  z-index: 200;
  border-top: 1px solid #302d3d;
  border-bottom: 1px solid #56538a;
}

.active {
  display: block;
}
.nav > li {
  float: none;
}
.nav > li > .parent {
  background-position: 95% 50%;
}
.nav li li .parent {
  background-image: url(https://www.wild-bird-watching.com/image-files/downarrow.png);
  background-repeat: no-repeat;
  background-position: 95% 50%;
}
.nav ul {
  display: block;
  width: 100%;
}
.nav > li.hover > ul,
.nav li li.hover ul {
  position: static;
}

.nav li a,
.nav li li a,
.nav li li li a {
  background: #2d5884;
}

.tmc a:hover,
.nav a:hover,
.nav li a:hover,
.nav li li a:hover,
.nav li li li a:hover {
  color: #fff;
}

.nav li li a:hover,
.nav li li li a:hover {
  color: #fff;
  background: #497db2;
}

.tmc:hover {
  background: url(https://www.wild-bird-watching.com/image-files/menu-bg.png)
    no-repeat #497db2;
}

.nav > li > .parent:hover {
  background-color: #497db2;
}

@media (min-width: 955px) {
  .active {
    display: block;
  }
  .nav > li {
    float: left;
    width: 33.333333333333%;
  }
  .nav > li > .parent {
    background-position: 95% 50%;
  }
  .nav li li .parent {
    background-image: url(https://www.wild-bird-watching.com/image-files/downarrow.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
  }
  .nav ul {
    display: block;
    width: 100%;
  }
  .nav > li.hover > ul,
  .nav li li.hover ul {
    position: static;
  }

  ul.dropdown {
    height: 0px;
    position: relative;
    margin: 0px;
  }
  ul.dropdown:hover {
    z-index: 10;
  }
  ul.dropdown li ul {
    display: none;
    position: absolute;
  }
  ul.dropdown li ul li {
  }
  ul.dropdown li ul li a {
    display: block;
  }

  .nav li li:last-child a {
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
  }

  .nav li li a,
  .nav li li li a {
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);

    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3);
  }
}

@media (max-width: 954px) {
  .nav ul {
    margin: 0px;
  }

  .nav li li a {
    padding-left: 40px;
  }
}

.video-wrapper {
  width: 560px;
  max-width: 100%;
  margin: 20px auto;
}
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .nav {
    display: none;
  }
}
5/* Normalize + H5BP - minified */
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline;zoom:1;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}html,button,input,select,textarea{font-family:sans-serif;color:#636363;}body{font-size:1.125em;line-height:1.4;margin:0;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;margin:.67em 0;}h2{font-size:1.5em;margin:.83em 0;}h3{font-size:1.17em;margin:1em 0;}h4{font-size:1em;margin:1.33em 0;}h5{font-size:.83em;margin:1.67em 0;}h6{font-size:.67em;margin:2.33em 0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}blockquote{margin:1em 40px;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:none;}q:before,q:after{content:none;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}dd{margin:0 0 0 40px;}menu,ol,ul{padding:0 0 0 0px;}nav ul,nav ol{list-style:none;list-style-image:none;}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;}svg:not(:root){overflow:hidden;}fieldset{border:0;margin:0;padding:0;}legend{border:0;white-space:normal;margin-left:-7px;padding:0;}button,input,select,textarea{font-size:100%;vertical-align:middle;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;overflow:visible;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;height:13px;width:13px;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}textarea{overflow:auto;vertical-align:top;resize:vertical;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}.ir{background-color:transparent;border:0;overflow:hidden;text-indent:-9999px;}.ir:before{content:"";display:block;width:0;height:150%;}.hidden{display:none!important;visibility:hidden;}.visuallyhidden{border:0;clip:rect(0000);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0;}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0;}.invisible{visibility:hidden;}.clearfix:before,.clearfix:after{content:" ";display:table;}.clearfix:after{clear:both;}.clearfix{zoom:1;}p,pre,dl,menu,ol,ul{margin:1em 0;}figure,form{margin:0;}::-moz-selection,::selection{background:#b3d4fc;text-shadow:none;}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100%!important;}@page{margin:.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}

body {
    font-family: Arial, Verdana, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.2;
    margin: 0;
    font-weight: normal;
    text-align: center;
    color: #2d5884; /* Set color for all headings */
}

h1 {
    font-family: Arial, Verdana, sans-serif; /* Consistent font for h1 */
}

small {
    font-weight: normal;
    font-size: 0.75em;
}

sup {
    font-weight: normal;
}

a {
    color: #2d5884;
    font-weight: normal;
    text-decoration: none; /* Optional: remove underline for links */
}

a:hover {
    color: #2d5884; /* Optional: keep the same color on hover */
}



.page-wrap {
    max-width: 960px;
    margin: 0 auto;
    min-width: 319px;
}




.v-fullwidth {
	width:100%;
	height:auto;
	margin-bottom:14px;
	-webkit-border-radius: 7px;  
    border-radius: 7px;
}

.v-centered {
	max-width:100%;
	height:auto;
		margin-bottom:14px;
	-webkit-border-radius: 7px;  
    border-radius: 7px;
	text-align:center;
}

.x-rightfloat {
		 float:right;
		 margin-right:0px;
		 		 text-align:center;
				 	-webkit-border-radius: 7px;
    border-radius: 7px;
	 margin-left:20px;
	 margin-bottom:20px;
	 margin-top:3px;

	 }
	 
.z-leftfloat {
		 float:left;
		 margin-left:0px;
		 		 text-align:center;
	-webkit-border-radius: 7px;  
    border-radius: 7px;
			 margin-right:20px;
			 margin-bottom:20px;
			 margin-top:3px;
	 }
 

img {
	max-width:100%;
	height:auto;
}

.cccont li, .cccont2 li {
	margin-left:40px;
	text-align:left;
}


.innerpad {
max-width:760px;
margin:auto;	
}


.next {
	padding:20px;
	padding-bottom:18px;
	margin:20px;
	-webkit-border-radius: 9px; 
    border-radius: 9px;

	text-align:center;
	line-height:26px;
	
	background: rgb(86,84,112); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(86,84,112,1) 0%, rgba(127,126,145,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,84,112,1)), color-stop(100%,rgba(127,126,145,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(86,84,112,1) 0%,rgba(127,126,145,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(86,84,112,1) 0%,rgba(127,126,145,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(86,84,112,1) 0%,rgba(127,126,145,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(86,84,112,1) 0%,rgba(127,126,145,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565470', endColorstr='#7f7e91',GradientType=0 ); /* IE6-9 */


}

.next a {
	color:#fff;
    text-decoration:none;
}

.next img {
vertical-align:middle;	
}

.fb-cont {
text-align:center;
}


.fb-comments, .fb-comments * {
    width:100% !important;
}



.quote {
		padding:20px;
	margin:20px;
	-webkit-border-radius: 9px; 
    border-radius: 9px;
	border: solid 1px #2d5884;
		font-size:24px;
	line-height:42px;
	color: #2d5884;
	text-align:center;
}

.pulloutfull {
	padding:20px;
	margin:20px;
	-webkit-border-radius: 9px; 
    border-radius: 9px;
	border: solid 1px #2d5884;
	font-size:17px;
	line-height:25px;
	color: #2d5884;
}

 .pulloutright {
	padding:20px;
	margin-left:20px;
	margin-bottom:20px;
	-webkit-border-radius: 9px; 
    border-radius: 9px;
	border: solid 1px #2d5884;
	float:right;
	font-size:17px;
	line-height:25px;
	color: #2d5884;
	text-align:center;
 }
 
  .pulloutleft {
	padding:20px;
	margin-right:20px;
	margin-bottom:20px;
	-webkit-border-radius: 9px; 
    border-radius: 9px;
	border: solid 1px #2d5884;
	float:left;
	font-size:17px;
	line-height:25px;
	color: #2d5884;
	text-align:center;
 }




li div.pulloutfull {
margin-left:-20px;	
}

.breadcrumbs {
	margin-top:15px;
}

.innerpad .breadcrumbs {
margin-left:20px;	
}

.breadcrumbs, .breadcrumbs a {
	font-size:13px;!important;
	text-decoration:none; !important;
	color:#5d5d5d; !important;
}

.breadcrumbs a:hover {
	color:#2d5884; !important;
}

.bc1 {
float:left;
margin-right:5px;
}

.recommendedtop {
 text-align:center;
 margin-bottom:20px;
}

.fb-facepile {
margin-top:20px;	
}



.ticklist ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
.ticklist ul li
{
background-image: url(../image-files/tick.jpg);
background-repeat: no-repeat;
padding-left: 26px;
padding-bottom:6px;
}




.border {
border: 1px solid #2d5884;
}

.imgborder img {
border: 1px solid #2d5884;
}

.rounded, .rounded img {
-webkit-border-radius: 9px;
    border-radius: 9px;
}



.clear {	
clear:both;
}

.menu a:link {
	color: #0000FF;
	text-decoration: none;
}
.menu a:visited {
	text-decoration: none;
	color: #2d5884;
}
.menu a:hover {
	text-decoration: none;
	color: #999999;
}
.menu a:active {
	text-decoration: none;
	color: #2d5884;
}




.recommended {
	height:125px;
	width:125px;
	float:left;
	margin-left:12px;
	margin-right:12px;
	margin-bottom:24px;
}


.recommended img {
		-moz-border-radius: 7px;
border-radius: 7px;	
border: 1px solid #2d5884 inset;

}



.300gsb {
	width:300px;
	overflow:hidden;
	margin-top:20px;
	margin-bottom:0px;
}




.popbox {
	width:125px;
	float:left;
	margin:12px;
}

.popbox p {
	font-size: 0.9em;
	margin-top:0px;
	margin-bottom:0px;
}

.popbox img {
	margin-bottom: 11px;
	-moz-border-radius: 7px;
border-radius: 7px;	
border: 1px solid #2d5884;

}

	
	.tmc a {
		margin:13px 10px 10px 35px;
	}
	
	.toggleMenu {
    display:  block;
    color: #fff;		
line-height:10px;
}

.googlesearchbox {
		text-align:center;
-webkit-border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topleft: 9px;
-moz-border-radius-topright: 9px;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
border: none;
float:right;
	min-width:320px;
	height:36px;
	margin-right:0px;
}

.googlesearchbox input {
	margin:2px;
	margin-top:5px;
	margin-bottom:5px;
}

.cc h1, .ccx h1 {
	margin-top:1em;	
	margin-bottom: 0.5em;
		   color: #2d5884;
}

.cc p, .ccx p {
	margin-bottom: 1em;
}



.cc p:before, .ccx p:before {
  content: "";
  width: 10em;
  display: block;
  overflow: hidden;
}

.cc, .ccx {
	background:#FFF;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px;
position:relative;


}



.cccont, .cccont2 {

padding-top:10px;
padding-bottom:10px;
-webkit-border-bottom-left-radius: 9px;
-moz-border-radius-bottomleft: 9px;
border-bottom-left-radius: 9px;
}

.cccont2 {
-webkit-border-radius: 13px;
    border-radius: 13px;
}


.header {
	text-align:center;
	background:url(../image-files/logo.png) center no-repeat;
	background-size:contain;
}


.caption {
	text-align:center;
	font-style:oblique;
	margin-bottom:20px;
}


body {
	background: url(../image-files/site-background.jpg) #FFFFFF no-repeat fixed center top;
	background-size:cover;
}

.glasspanel {
	background:rgba(255,255,255,0.4);
}

.glasspanel2 {
	background:rgba(255,255,255,0.4);
	-webkit-border-radius: 13px;
-moz-border-radius: 13px;
border-radius: 13px;
}


.sidebar {
	background:rgba(255,255,255,0.7);
-webkit-box-shadow:  0px 9px 10px 0px rgba(0, 0, 0, .20);
        
        box-shadow:  0px 9px 10px 0px rgba(0, 0, 0, .20);
 }
 
 .sbi {
	 text-align:center;
}




.sideblock {
width:300px;
margin:auto;
margin-bottom: 20px;
height:250px;
}


 
 .searchbutton {
	width:			70px;
 }
 
 .searchbar {
	width:			205px; 
 }
 
.footer {
	text-align:center;	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjM1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC42NSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.35)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0.35) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-8 */

	
	
-webkit-border-top-left-radius: 9px;
-moz-border-radius-topleft: 9px;
border-top-left-radius: 9px;
-webkit-border-top-right-radius: 9px;
-moz-border-radius-topright: 9px;
border-top-right-radius: 9px;
margin-top: 20px;
padding-top:20px;
	text-decoration:none;
	color:#ccc;
font-size: 18px;
}

.footer a, .footer a:visited, .footer a:active  {
	text-decoration:none;
	color:#ccc;
padding: 6px 10px;
box-sizing: border-box;
    display: inline-block;
}

 .footer a:hover  {
	text-decoration:none;
	color:#fff;
}

.footer p {
}


.footerleft {
padding-right: 5px;
padding-top:20px;
}

.footerright {
padding-left:5px;
padding-top:20px;
}



.dmca {
	height:auto;
	max-width:90%;
padding: 8px 12px;
box-sizing: border-box;
}

.topkl {
	margin-top:15px;
	margin-bottom:15px;
	border-top:1px solid #999;
padding: 8px 0;
}

.mw960 {
	max-width:630px;	
	margin:auto;
	text-align:center;
}




@media (max-width: 330px) {
.recommendedtop {
	margin-left:-10px;	
}

}

/* Start code to improve C2 pages by Will  #005 */

.page-wrap {
    overflow: hidden;
}

div[id^="c2_invitation_"] textarea {
    max-width: 100%;
}

div[id^="c2_invitation_"] input.titleInput {
    max-width:99%;
}

table {
		table-layout: fixed;
}

table#comments {
    max-width: 100% !important;
		table-layout: fixed;
}
 
td.date {
    display: none;
}

.footer {
    overflow: hidden;
}
  
@media only screen and (max-width: 447px){
.content-box.clearfix.cc {
		padding:10px;
}
}

@media only screen and (min-width:320px) and (max-width:330px){
.recommendedtop {
   margin-left:0;
}
}

/* End code to improve C2 pages by Will  */

/* code to make left column central and wider on tablets  */
@media (max-width: 954px) and (min-width: 655px){  
.cc {
    margin: 0px auto;
    float: none;
		width:90%
}
}

/* code for new header image  */
.header {
    background: url(../image-files/logo-021.png)center no-repeat;
}

/* code to make header optimally fit various screen widths  */
@media (max-width: 575px){
.header {
    background-size: 95%;
}
}

@media (max-width: 629px){
.header {
    height:20vw;
}
}

@media (min-width: 630px){
.header {
    height: 100px;
}
}
/* end code to make header optimally fit various screen widths  */


/* Media query for mobile (placed at the end of the file) */
@media only screen and (max-width: 767px) {
    body {
        background-image: none;
    }
}

.blue-box {
    border: 2px solid blue;
    padding: 15px;
    background-color: #f0f8ff; /* Light blue background */
    border-radius: 5px; /* Optional: Rounded corners */
    max-width: 600px; /* Optional: Limit width for better readability */
    margin: 20px auto; /* Optional: Center the box on the page */
    text-align: left; /* Forces text inside to align left */
}

.blue-box p {
    margin: 0 0 1em; /* Adds space between paragraphs */
    color: #333; /* Optional: Ensures text color is readable */
    font-family: Arial, sans-serif; /* Optional: Sets a clear font */
    text-align: left; /* Ensures paragraphs stay left-aligned */
}  

.author-box {
    display: flex;
    align-items: flex-start;
    border: 2px solid blue;
    padding: 15px;
    background-color: #f0f8ff;
    border-radius: 5px;
    max-width: 600px;
    margin: 20px auto;
    font-size: 14px;
    font-family: Arial, sans-serif;
    overflow: hidden;
    text-align: left;
    gap: 15px;
}

.author-box img {
    width: 106px;
    height: auto;
    border-radius: 5px;
    flex-shrink: 0;
}

.author-box p {
    font-family: Arial, sans-serif;
    margin: 0 0 1em;
    color: #333;
    text-align: left;
}

@media (max-width: 600px) {
  .author-box {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  .author-box img {
    margin-bottom: 10px;
  }

  .author-box {
    text-align: center;
  }
}