body{text-align:center; background:white; margin-top:0px; margin-bottom:0px; margin-left:-5px; margin-right:-5px;
         padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;
		 background-image:url('https://happycodings.com/images/background.png'); background-repeat: repeat-x; }
div.container{width:1242px; text-align:left; background-repeat: repeat-y; padding: 0px; padding-top:0px; padding-bottom:0px; clear:left; 
                    margin: auto; background: #fff; border: 0px solid white; position:relative;  min-height:1300px;
					box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.30); 
					-moz-box-shadow: 0px 0px 5px #aaa;
					-webkit-box-shadow: 0px 0px 5px #aaa; 
					border-radius: 10px; }
div.styletext{font-size:18px; width:1051px; font-family:'Segoe UI',Arial,Helvetica,sans-serif; float:left; color:181818; 
                   border-left: 1px solid #E0E0E0;  border-right: 0px solid #E0E0E0;			  
				   padding-left:13px; padding-bottom:5px; padding-right:10px; min-height:1300px;}


div.styleads1{width:1242px; text-align:center; margin: auto; margin-top:13px;}
div.styleads2{width:1050px; }
div.styleads3{width:1242px; text-align:center; margin: auto;}
div.styleads4{width:1050px; margin-bottom:25px;}



div.stylesearch1{background:#ffd700; border: 1px solid #FF0000;  margin-bottom:10px; 
                             padding-top:10px; padding-bottom:6px; padding-left:10px; padding-right:10px;}
div.stylesearch2{background:#ffd700; width:1244px;   margin:auto; }

div.newline{clear:left;}
h1.style{font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:44px; color:#1147F9; 
             margin-top:32px; margin-bottom:36px; text-decoration:underline; }
h2.style{font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:36px; color:#1147F9;
              margin-bottom:36px; text-decoration:underline;}
h3.style{font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:32px; color:#009900; 
              margin-bottom:24px; text-decoration:underline;}
div.styletop1{background:#ffd700; height:47px; border-top:3px solid #ffffff; border-bottom:3px solid #ffffff;
                 border-left:0px solid #ccc; border-right:0px solid #ccc;        
                 padding-top:10px; padding-bottom:0px; padding-left:0px; padding-right:0px; text-align:left; margin-bottom:2px; }
div.styletop2{background:#ffd700;  width:1244px;   margin: 0 auto;  }
div.noscript{background:#ff0000; height:17px; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:14px; color:#ffffff; }
footer{clear:left; height:70px; background: #FFD700;
          margin-top:20px; margin-bottom:0px; margin-left:-5px; margin-right:-5px;
		  padding-top:8px; padding-bottom:0px; padding-left:0px; padding-right:0px;		  
          color:#ff0000;
		  border-radius: 10px;  width:1242px;   margin: 0 auto; border:1px solid #ff0000;  }
aside{width:300px; float:right; margin-top:15px; margin-bottom:0px; margin-left:0px; margin-right:14px;
         padding-top:0px; padding-bottom:0px; padding-left:0px; padding-right:0px;
		 font-size: 16px; font-family:'Corbel','Segoe UI','Verdana';  }

a.style{text-decoration:underline; font-size:20px; font-family:'Segoe UI',Arial,Helvetica,sans-serif; font-weight:bold; color:#1147F9;}
a:Visited.style{color:#1147F9;}
a:Hover.style{text-decoration:underline; font-size:20px; color:#1147F9; font-weight:bold;}

a.style2{text-decoration:none; font-size:32px; font-family:'Segoe UI',Arial,Helvetica,sans-serif; font-weight:normal; color:#181818}
a:Visited.style2{color:#181818}
a:Hover.style2{text-decoration:underline; font-size:32px; color:#1147F9; font-weight:bold;}

a.style3{text-decoration:underline; font-size:14px; font-family:'Segoe UI',Arial,Helvetica,sans-serif; font-weight:bold; color:white;}
a:Visited.style3{color:white;}
a:Hover.style3{text-decoration:underline; font-size:14px; color:white; font-weight:bold;}

a.style4{text-decoration:none; font-weight:bold; font-family:Arial,Helvetica,sans-serif; font-size:25px; color:#1147F9; }
a:Visited.style4{color:#1147F9;}
a:Hover.style4{text-decoration:none; font-size:25px; color:#1147F9; font-weight:bold;}

a.style5{text-decoration:underline; font-size:16px; font-family:'Segoe UI',Arial,Helvetica,sans-serif; font-weight:normal; color:#ff0000;}
a:Visited.style5{color:#ff0000;}
a:Hover.style5{text-decoration:underline; font-size:16px; color:#ff0000; font-weight:normal;}

div.stylelist{background-image:url('https://happycodings.com/images/list.png'); background-repeat:no-repeat;
                 clear:left; min-height:64px; width:960px; padding-left:69px; padding-top:0px; margin-top:0px;}
textarea{padding: 5px;  margin-top:8px; font-size: 18px;  font-family:'Corbel','Segoe UI','Verdana'; 
             height: 800px; width: 1051px;
			 text-shadow: 0px 1px 0px #fff; outline: none; -webkit-border-radius: 3px;  
			 -moz-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; 		 
			 -webkit-transition: .3s ease-in-out;  -moz-transition: .3s ease-in-out; 
			 border: 1px solid #fafafa; -webkit-box-shadow: 0px 0px 6px #ccc; -moz-box-shadow: 0px 0px 5px #ccc; box-shadow: 0px 0px 5px #ccc; 
			 background-color:#000099; color:#FFE97F; text-shadow: 0px 0px 36px #ffffff;
             scrollbar-color: yellow red; }  

textarea::-webkit-scrollbar {
  width: 18px;               /* width of the entire scrollbar */
}
textarea::-webkit-scrollbar-track {
  background: red;        /* color of the tracking area */
}
textarea::-webkit-scrollbar-thumb {
  background-color: yellow;    /* color of the scroll thumb */
  border-radius: 4px;       /* roundness of the scroll thumb */
  border: 1px solid red;  /* creates padding around scroll thumb */
}
textarea::-webkit-resizer {
  background-color: yellow;    /* color of the scroll thumb */
  border-radius: 4px;       /* roundness of the scroll thumb */
  border: 1px solid red;  /* creates padding around scroll thumb */
}


img {border:none;}
nav {background-color: #fff; border: 0px solid #E6E6E6;	box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.055); color: #888;
        display: block; margin: 0px 0px -4px 0px; padding: 11px 0px 0px 0px; overflow: hidden; width: 152px; float:left;
	    border-radius: 10px 0px 0px 0px;	 }

img.style{border: solid 1px #94d5f1; margin: auto; background: #ccc; border: 5px solid white; position:relative;
              box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.80);
              -moz-box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.80);
              -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.80);}

#stylemenu li, #stylemenu a {zoom:1;} /* Hacks for IE6, IE7 */

#stylemenu, #stylemenu ul
{  width: 152px; /* Main Menu Item widths */
    border: 0px solid #ccc;
    border-top:none;
    position: relative; font-size:0;
    list-style: none; margin: 0px; padding: 0px; display:block;}

#stylemenu li
{  list-style: none; margin: 0px; padding: 0px; 	}

#stylemenu li a
{  font-size:14px;
	font-family:'Segoe UI',Arial,Helvetica,sans-serif;
	font-weight:normal;
    border-top: 0px solid #ccc;
    display: block;
    /*overflow: auto; force hasLayout in IE7 */
    color: black;
    text-decoration: none;
    line-height:26px;
    padding-left:20px;    }

#stylemenu li:hover a {  color: yellow; font-weight:bold; }

#stylemenu li:hover, #stylemenu li.onhover
{  background-position:0 -62px;
    background: red; }
        
/* Holly Hack for IE \
* html #stylemenu  li
{
    float:left;
    height: 1%;
}
* html #stylemenu  li a
{
    height: 1%;
}*/
/* End */

span.pagination {display: inline; height: 19px !important; padding: 2px 5px 2px 5px; line-height: 19px; color: #4487db; text-decoration: none;
                 border-top: 1px solid #7cabe6; border-right: 1px solid #5693df; border-bottom: 1px solid #5693df; border-left: 1px solid #7cabe6;
                 text-shadow: 1px 1px 0 #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
				 -webkit-box-shadow: 0 1px 1px #c7dbf4; -moz-box-shadow: 0 1px 1px #c7dbf4; box-shadow: 0 1px 1px #c7dbf4; margin: 0 5px 0 0;
				 background:#F8FBFE; }