@charset "utf-8";

html, body {
	background: #f4f4f4 url('body_bg3.gif') repeat-y center top; margin: 0em; min-width: 320px; text-align:center; width:100%; margin-left:auto; margin-right:auto; max-width: 1000px; height: 100%;font: 16px
} 

.sd-bgr {background-color: WHITE; width: 100%;}
/* .sd-bgr {background-color: #FFF1F2; width: 100%;} */
	
.tabletop {text-align:left; background-color: #FCFFFF; min-height:62px;}
.tabletopsd {margin-top:0px; text-align:left; width:auto; max-width: 770px; min-width: 300px; margin-left:0px; margin-right:0px; padding-left: 0px; padding-right: 5px ; color:#ffffff;vertical-align: top;} 
.tabletopsd td {vertical-align: top;} 

div {font-size: 13px; line-height: 18px; font-family:'Lucida Sans Unicode','Lucida Grande', 'Lucida Sans', 'DejaVu Sans Condensed', sans-serif; color: #535353 }
div.articles { font: 12px/1.5 Arial,Verdana ; color: #535353 }
div.textblock {background: #FFFEF3; padding: 0px 10px 1px 5px; border: solid ; border-width: 0px 1px 1px 1px; border-color: grey; margin: 0px 0px 10px 0px;box-shadow:0 3px 5px rgba(0, 0, 0, 0.5);border-radius:6px 2px 2px 2px;font: 16px/1.2 Calibri;}
div.textblock1 {background: #FFFEFE; padding: 4px 12px 4px 7px; border: solid ; border-width: 2px; border-color: grey; margin: 0px 5px 10px 5px;font: 15px/1.2 Calibri; color: #535353; text-indent: 10px; text-align: justify;box-shadow:0 3px 5px rgba(0, 0, 0, 0.5);border-radius:6px 2px 15px 2px;}
div.textblock2 {background: #FFFEC3; padding: 4px 5px 5px 5px; border: solid ; border-width: 2px; border-color: grey; margin: 0px 5px 10px 5px; font: 900 12px/1.5 Verdana ; color: #535353; text-indent: 10px; text-align: justify}
div.floaterad {display:block;float:left; width:49%; min-width:305px; margin: 0px; padding-top: 2px; padding-bottom:2px; text-align: center;}
div.floaterad2 {display:block;float:left; margin: 5px; padding: 6px 23px 2px 5px; text-align: left;}
.clearheight { clear:both; height:1px; overflow:hidden;}

a:link { color: #0033FF }
h1 { color: #AA0000; font: bold 18px Verdana; text-align: left;}
h2 { color: #0066FF; font: bold 1.125em Arial,Verdana; text-align: left; } 
h3 { color: #535353; font: bold 0.875em/1.0 Verdana; text-align: left; }
h4 { text-align: left; }
p { text-indent: 1.54em; margin: 0px 0px 0.385em 0px; padding: 0px 0.385em 0px 0.385em;}
li { margin-top: 3px; padding-right: 5px}

#noscript-warning{font-family:sans-serif;position:fixed;top:72px;left:0;width:100%;z-index:101;text-align:center;font-weight:bold;font-size:100%;color:red;background-color:yellow ;padding:3px 0 3px 0;border: 2px solid #D9D9D9}


.textblock1 a {font: 900 12px/1.0 Verdana; color: #ffffff; text-decoration: none;}
.textblock1 a:link { color: #0000FF; }
.textblock1 a:visited { color: #0000FF }
.textblock1 a:active { color: red; text-decoration: underline; }
.textblock1 a:hover { color: red; text-decoration: underline;  }
	
.textblock a {font: 900 13px/1.0 Verdana; color: #0000FF; text-decoration: none;} 
.textblock a:link { font: 900 13px/1.0 Verdana; color: #0000FF; }
.textblock a:visited { color: #0000FF }
.textblock a:active { color: red; text-decoration: underline; }	
.textblock a:hover { color: red; text-decoration: underline;  }
	
.h3bar {margin:0px 0px 0px 0px;background:#EFE6C7;padding:4px 0px 3px 0px;font-size:120%;color:#800000;font-weight:bold;border-top:solid 1px #4F4017;border-bottom:solid 1px #4F4017; margin-top: 10px;}
.h2bar {margin:0px 0px 0px 0px;background:#3366FF;background: url(image14.gif) repeat bottom left; background-position: 100% 0px;padding:3px 0px 4px 15px;font-size:18px;color:#FFFF99;font-weight:bold;border: solid 1px #6392EA; margin-top: 10px; border-radius: 5px;text-shadow: #FF99FF 1px 1px 1px;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5)}
.h2bar2 {margin:12px 0px 0px 0px;background:#2FBB00;background: url(image142.gif) repeat bottom left; background-position: 100% -2px;padding:3px 0px 4px 15px;font-size:140%;color:#FFFFCC;font-weight:bold;border: solid 1px #4F4017; border-radius: 5px;text-shadow: #001708 1px 1px 1px;}
.h2bar3 {margin:12px 0px 0px 0px;background:#2FBB00;background: url(image130.gif) repeat bottom left; background-position: 100% -12px;padding:3px 0px 4px 15px;font-size:140%;color:#FFFFCC;font-weight:bold;border: solid 1px #4F4017; border-radius: 5px;text-shadow: #001708 1px 1px 1px;}
.h2bar4 {margin:0px 5px 0px 0px;background:#EFE6C7;padding:2px 0px 1px 15px;font-size:125%;color:#800000;font-weight:bold;border: solid 1px #4F4017; margin: 15px 2px 0px 2px; text-indent:10px;}
.h4bar3 {width: 350px; margin:0px 0px -1px 0px;background:#FF3333;padding:3px 0px 3px 15px;font-size:13px;color:#FFFFCC;font-weight:bold;border: solid 1px #4F4017; margin-top: 10px; text-indent:10px;border-radius: 5px;text-shadow: #001708 1px 1px 1px; box-shadow:1px 3px 5px rgba(0, 0, 0, 0.5); text-align: left;}
.h1bar {margin:0px 0px 0px 0px; padding:4px 0px 6px 15px;font-size:18px;color:WHITE;font-weight:bold;border: solid 1px #6392EA; margin-top: 10px; text-indent:0px; text-shadow: #33CC00 1px 1px 1px;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5); border-top-right-radius: 15px; 
background:#396BD9;
background:-moz-linear-gradient(top,#2a5ed5 0%,#AED0F9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#AED0F9),color-stop(100%,#2a5ed5));
background:-webkit-linear-gradient(top,#AED0F9 0%,#2a5ed5 100%);background:-o-linear-gradient(top,#AED0F9 0%,#2a5ed5 100%);
background:-ms-linear-gradient(top,#AED0F9 0%,#2a5ed5 100%);background:linear-gradient(top,#AED0F9 0%,#2a5ed5 100%);
}
.h4bar {margin:0px 0px 0px 0px;background:#FF3333;width: 250px; padding:0px 0px 0px 15px;font-size:100%;color:#FFFFCC;font-weight:bold;border: solid 1px #888590; margin-top: 10px; text-indent:10px; height: auto; min-height: 20px;line-height:19px; border-radius: 5px; box-shadow:1px 1px 5px rgba(0, 0, 0, 0.5); text-align: left;} 
.h4bar2 {margin:0px 0px 0px 0px;background:#2FBB00;padding:0px 0px 0px 15px;font-size:100%;color:#FFFFCC;font-weight:bold;border: solid 1px #4F4017; margin-top: 10px; text-indent:10px; min-height: 20px; line-height:19px; border-radius: 5px;} 
.h4bar4 {width: 290px; margin:0px 0px 0px 0px;background:#FFCBC3;background: url(image132.gif) repeat-x bottom left; background-position: 100% -1px;padding:0px 0px 0px 15px;font-size:100%;color:#BA0000;font-weight:bold;border: solid 1px #4F4017; margin-top: 10px; text-indent:10px; height: 20px; line-height:19px; border-radius: 5px;} 

.menu-top-container {width:100%; background-color:WHITE; height: auto;  float: left; margin-bottom: 2px;}
/* .menu-top-container {width:100%; background-color:#F2D9DA; height: auto;  float: left; margin-bottom: 2px;} */

.menu-left, .menu-top{
list-style-type: none;
margin: 4px 0px 0px 10px ;
padding: 0px;
width: 200px;
border: 0px solid #9A9A9A;
border-bottom-width: 0;
}

.menu-left {margin-left: 1px}
.menu-top {width: auto;}
.menu-left ul, .menu-top ul {margin: 0px 0px 0px 8px; padding: 0px; border: 0px }
.menu-left li, .menu-top li {margin: 0px 1px 1px 1px; padding: 0px; border: 0px; float: top; }
.menu-top li {display: inline;float: left; margin: 0px 0px 6px 0px;}

.menu-left li a, .menu-top li a{
background: url(image14.gif) repeat-x bottom left ;
background-position: 100% -10px;
font: 900 13px/1.0 Trebuchet MS; color: #ffff00; 
display: block;
width: auto;
padding: 2px 5px 3px 10px;
margin: 0px 0px;
text-decoration: none;
min-height: 16px;
height:auto !important; height:16px;
line-height: 22px;
border-bottom: 1px solid #B49148;
border-top: 1px solid #000099; 
vertical-align: middle;	 -moz-border-radius: 8px; border-radius: 8px; -webkit-border-radius: 8px;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
}
.menu-top li a{display: inline;float: left;border: solid 2px #ECECEC; padding: 2px 8px 2px 9px;margin-right:4px}

.menu-left li a:visited, .menu-top li a:visited, .menu-left li a:active, .menu-top li a:active { color: #ffff00; }

.menu-left li a:hover, .menu-top li a:hover{
background-image: url(image142.gif);
background-position: 100% -16px;
font: 900 14px/1.0 Trebuchet MS; line-height: 1.55em; 
border-bottom: 1px solid #6B9AB9;
border-top: 1px solid #000099;
color: #ffff00;
}
.menu-top li a:hover{font: 900 13px/1.0 Trebuchet MS; line-height: 20px; border: solid 2px #CCCC66; padding: 2px 8px 4px 9px;}  
.menu-top li a#current2:hover{padding: 1px 8px 3px 9px;}

.menu-left li a#current2, .menu-top li a#current2 {
font: 900 13px/1.0 Trebuchet MS; color: #ffffff; line-height: 22px;
background-image: url(image140.gif);
background-position: 100% -1px; 
}
.menu-top li a#current2{display: inline;float: left}

.menu-left li a:after {
	content:''; color: WHITE; font-weight:bold;
	display:inline; float:right;
	margin:0 2px 0 6px;
}

.menu-left ul li a {
background: red ; 
font: 900 12px/1.0 Arial; color: CYAN; 
display: block;
width: auto;
padding: 2px 0px 5px 20px;
margin: 0px 0px;
text-decoration: none;
min-height: 15px;
height:auto !important; height:27px;
line-height: 15px;
border-bottom: 1px solid #0C9487;
border-top: 1px solid #000099; 
vertical-align: middle;

}	

.menu-left ul li a:hover{
background: green; 
border-bottom: 1px solid #000099;
border-top: 1px solid #000099;
color: #ffff00;
}  

.menu-left li a#current {
font: 900 13px/1.0 Trebuchet MS; color: #ffffff; 
padding: 2px 0px 3px 10px;
}  

.footer1 { clear:both; float:left; font:11px/1.3 Arial Black; color: red; vertical-align: top; text-indent: 10px; margin-bottom:5px; }
.footer2 {font: 11px/1.5 Verdana; color: #949494; width: 100%; background-color: #F0F8FA; text-indent: 10px; }
.footer2 a {font:11px/2.3 Verdana; color: #3870D9; text-decoration: none; }
.footer3 {font: 11px/1.5 Arial; color: #949494; margin:0px 0px 15px 0px; width: 100%; background-color: #F3FCFE; text-align: center; padding: 6px 0px 6px 0px; border-top:2px solid #ffffff;}

.fpage1 {
  width: 345px;
  height: 99px;
  background-color: #F0FEFF;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px; border-radius: 30px;
  border: 3px solid #4F84FF;
  box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
  padding: 7px 5px 5px 5px; 
  font: 13px/1.3 Verdana;
}
  
.fpage1 a:link { color: #FF0033; font-weight: bold;}
.fpage1 a:visited { color: #FF0033; font-weight: bold;}
.fpage1:hover {  background-color: #FFFFCC; opacity: 1; }

.fpage1a {min-height:95px; height:100%; min-width: 360px; margin-bottom:1px; padding-bottom: 0px; text-indent: 20px;display: box; float: left;} 

.fpage2 { color: #FF0033; font-weight: bold; }
 
.fpage3 { position:relative; top:-7px; left:190px; font: 13px/1.3 Trebuchet MS; font-weight: bold; font-style: italic; color: #0000FF }
.fpage3 a:link {text-decoration: none;}
.fpage3b { position:relative; top:-3px; left:230px; font: 13px/1.3 Trebuchet MS; font-weight: bold; font-style: italic; color: #0000FF; width: 110px }

.fpage4 {width: auto; min-height: 20px; background-color: #F0FEFF;
  -moz-border-radius: 30px;	 border-radius: 30px;
  -webkit-border-radius: 30px;
  border: 3px solid #4F84FF; box-shadow:0px 2px 4px rgba(0, 0, 0, 0.5);
  padding: 6px 5px 4px 5px; 
  font: 13px/1.3 Verdana;
  font-weight: bold; text-decoration: none;
  text-align: center;
  margin-bottom:3px;
  color: #535353;
}
  
.fpage4 a:link { color: #535353; text-decoration: none;}
.fpage4 a:visited { color: #535353; text-decoration: none;}
.fpage4:hover {  background-color: #99FF00; opacity: 0.99;}

.redb ul {padding: 0; margin: 0;} 
.redb li {list-style-image: url(redbullet.gif); background-position: 0px 5px; padding-left: 0px; margin-top: 4px;}
.greenb ul {padding: 0; margin: 0;} 
.greenb li {list-style-image: url(greenbullet.png); background-position: 0px 5px; padding-left: 0px; margin-top: 4px;}
.redt li {list-style-image: url(img/redtooth.gif); }
.greent li {list-style-image: url(img/greentooth.gif); }
.bluet li {list-style-image: url(img/favicon3.gif); }
		
.fpage {
  width: 98%; height: auto; min-height: 17px; padding: 6px 5px 0px 0px; margin-left: 5px;  
  font: 900 21px Trebuchet MS; font-style: italic; color: #BF0000; letter-spacing:1px; text-indent:5px; text-align: left; text-shadow: #CC6600 2px 2px 5px; line-height: 15px;
}

.fpage a:link { color: #BF0000; text-decoration: none;}
.fpage a:visited { color: #BF0000; text-decoration: none;}		

.fpage10 {
  background-color: WHITE; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px;
  border: 1px solid #E9ECF2; padding: 0px 5px 5px 2px; font: 13px/1.3 Verdana; text-align: left;	
  Box-shadow: 2px 2px 7px #99A6C4;
}
  
.fpage10 a:link { font: 12px/1.0 Lucida Sans Unicode; color: #4788FF; text-decoration: none;}
.fpage10 a:visited { font: 13px/1.0 Lucida Sans Unicode; color: #EE00EE; text-decoration: none;}
.fpage10 a:active { color: red;}
.fpage10 a:hover { color: red;  text-shadow: #FFAD4A 1px 1px 6px;}
.fpage10 ul {padding-left:0px; margin-left:10px; margin-top:6px;}
.fpage10 li {list-style-image: url(redbullet.gif); list-style-position: inside;	background-position: 0px 0px; margin-top: 2px;} 
.fpage10 td {vertical-align: top;} 
.fpage10 hr {margin-top:3px}
.table01a td { text-indent: 3px; margin: 0px 0px 5px 0px; padding: 0px 5px 0px 5px; text-align: center; height:22px}

.homeimg1 {width: 70px; height: 70px; border: 0px; margin-right:10px; border-radius: 15px;}

.logo2, .logo2 a {
font-family: 'Bookman Old Style', serif; line-height: 50px; color: #ff7a90; font-weight:bold; font-size: 37px; padding-left: 2%; text-decoration: none;
text-shadow:0px 0px 0 rgb(226,93,115),1px 1px 0 rgb(207,74,96),2px 2px 0 rgb(189,56,78),3px 3px 0 rgb(170,37,59),4px 4px 0 rgb(151,18,40),5px 5px 0 rgb(132,1,21), 6px 6px 0 rgb(113,0,2),7px 7px 6px rgba(0,0,0,0.25),7px 7px 1px rgba(0,0,0,0.5),0px 0px 6px rgba(0,0,0,.2);}

.widget-wrap{background:#CCCCFF;height:auto; margin-top:10px; padding: 5px 0px 5px 20px; font: 900 13px/1.0 Trebuchet MS; color: #ffffff; line-height: 18px;
background-image: url(image14.gif);
background-position: 100% -0px; 
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;border:2px solid #6392EA;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5)}

.widget-wrap2{background:#f9f9f9;
background:-moz-linear-gradient(top,WHITE 0%,#f9f9f9 100%);
background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f9f9f9),color-stop(100%,#e3e3e3));
background:-webkit-linear-gradient(top,#f9f9f9 0%,#e3e3e3 100%);background:-o-linear-gradient(top,#f9f9f9 0%,#e3e3e3 100%);
background:-ms-linear-gradient(top,#f9f9f9 0%,#e3e3e3 100%);background:linear-gradient(top,#f9f9f9 0%,#e3e3e3 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',endColorstr='#e3e3e3',GradientType=0 );
-webkit-border-bottom-left-radius: 20px;
-webkit-border-bottom-right-radius: 20px;
-moz-border-radius-bottomleft: 20px;
-moz-border-radius-bottomright: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;border:1px solid #c4c4c4; border-top: 0px;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5)}

.widget-wrap2 ul {margin:0px; padding-top: 8px; padding-bottom: 6px;}
.widget-wrap2 li {margin-left:-10px; padding: 0px 0px 0px 0px;  list-style-image: url(img/favicon3.gif); text-align: left;}
.widget-wrap2 li a {font: 13px/1.5 Calibri; font-weight: bold; color: #4788FF; text-decoration: none;}
.widget-wrap2 li a:hover, .widget-wrap2 li a:active { color: RED; }	

.widget-wrap-top {
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;border-top: 1px solid #D6D6D6; margin-bottom: 10px; padding-top: 10px;}

.menu-left2 { list-style-type: none;padding: 0px;width: auto;max-width:420px;margin:auto;margin-bottom:7px;}
.menu-left2 li {padding: 0px; margin:0px; }
.menu-left2 li a{
background-image: url(image132.gif);
background-position: 100% -15px; 
font: 16px/1.0 Calibri; color: white; text-decoration: none; font-weight:900; font-style: italic; 
display: block;
width: auto;
margin-top:0px; margin-bottom: 5px;padding: 4px 0px 5px 0px;
text-decoration: none;
height:auto !important; height:16px;
line-height: 18px; text-align: center;
vertical-align: middle;	 
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;border:2px solid #6392EA;box-shadow:0px 3px 5px rgba(0, 0, 0, 0.5);
}
.menu-left2 li a:hover{background-image: url(image142.gif);background-position: 100% -5px;color: #ffff00;} 

a#v2 {background-image: url(image132.gif); background-position: 100% -14px;font-size:14px}
a:hover#v2 {background-image: url(image142.gif);background-position: 100% -10px;}

.pin1 li {list-style-image: url(img/pin1.gif); }
.blue li {list-style-image: url(blue.png) }
.tooth li {list-style-image: url(img/favicon3.gif); }
.bottomlinklong1 {width: 370px; max-width: 370px;}
.mobad336r {display:block;float:right;margin: 0px 0px 5px 25px;}
.mobad300l, .mobad336l {display:block;float:left;margin: 0px 30px 5px 0px;}
#mobad336d {text-indent: 0px; margin-left: 1px; padding: 0px;}
.bottomlinks {margin-top:30px}
.mobonly920, .mobonly750, .floaterad.mobonly750 {display: none;}

/* new for flexible layout*/
#container {margin-right: -218px; float:left; width:97%; max-width: 1000px;margin-left:6px}
#content {background-color:white; margin-right: 192px;} 
#sidebar {background-color:white; width:209px;float:left;margin-left: 25px;margin-top:7px; vertical-align: top ;}
.clear1 {clear:both}
.mob-toplink {float: left;text-align:left; width: 95%; max-width:730px; padding: 6px 0px 6px 0px;}
@media (max-width: 920px) {
    .mobx { display:none; width:0% ; }
    #mobx { display:none; width:0% ; }
    .mobonly920 { display:block; width: 100%; float: left; text-align: center;}
    div.floaterad {float: none; width:99%; min-width:302px; margin: auto; padding-top: 0px; padding-bottom:0px; text-align: center;}
}
@media (max-width: 750px) {
    #container {clear:both; margin-right: 0px; margin-bottom:20px; margin-left:8px; width: 100%;}
    #content {margin-right:0px; width:99.5%;}
    #sidebar {clear:left; width:98%; margin: 1px 5px 10px 5px; }
    .mob { display:none; width:0% ;}
    /* #v2 { display:none; width:0% ;}  */
    #mob0 { display:none; width:0px ;}
    .logo2, .logo2 a  {font-size: 30px;margin-left: 0px;line-height:50px; padding-left: 3px}
	p, li {font: 14px/1.2 Calibri;}
    .menu-top-container {margin-left:-7px}
    .menu-top li a, .menu-top li a:hover {height: 30px; min-height: 30px; line-height: 13px;min-width: 50px; max-width:65px; padding-bottom: 0px; font-size: 11px;padding-left: 5px;padding-right:5px;}
    .fpage {font-size: 18px;}
    h2, .h2bar, .h2bar2, .h2bar3 {font-size: 15px;}
    .h1bar {font: bold 17px Calibri; padding-bottom: 4px;}
    .tabletopsd {margin-left: -7px;}
    .floaterad.mobonly750, .mobonly750 { display:block; width: 100%; text-align: center;}
    #mobad2 {margin-left: -17px;padding-right: 0px;}
    #mobad300d {margin-left: -7px;padding-right: 0px;}
    .floaterad {padding-right: 0px;}
    .clear1 {clear: none}
    .popular {margin-top: 32px;} 
    .bottomlinklong1 {width: auto; max-width: 350px;}
    .menu-top-container {margin-top: -15px}
    .widget-wrap {max-width: 400px; margin: auto; margin-top:10px;}
    .widget-wrap2 {max-width: 420px; margin: auto;}
    .cc_container p {font-size:20px;}
    .cc_banner-wrapper p {font-size:12px;}
    .bottomlinks {width: auto; margin-left: auto; margin-right: auto;text-align: center}
}
@media (max-width: 400px) {

    #mobad2 {margin-left: -37px;}
    .mobad336r, .mobad336l {float: left; margin-left: -25px;}
    .mobad300l {margin-left: -10px}
    #sidebar {clear:both; float:none; width:230px; margin-top: 30px; margin-left: auto; margin-right: auto;}
    #home1 {float:  none; width: 100%;}
    #home2 {float:  none; width: 100%;}
    .logo2, .logo2 a {font-size: 27px;margin-left: 0px;line-height:50px;}
    .menu-left li {margin-bottom: 5px;}
    .mob2 { display:none; width:0px ;}
    .bottomlinklong1 {width: auto; max-width: 300px;}
    p, li {text-align: left;}
    .fpage4 p {text-align: center; text-indent:0px;}
    .menu-top li a, .menu-top li a:hover {min-width: 45px; padding-left: 4px;padding-right:4px; margin-right: 2px; text-align: center}
    /*.h1bar {clear:both;}   */
    .h4bar2 {font-size: 13px}
    .h4bar {font-size: 14px}
    div.textblock1 {margin-right: 1px;margin-left:1px;}
    .tabletop {margin-top: -4px;}
    .tabletopsd {margin-top: -4px;padding-right: 0px;}
    .fpage {font-size: 17px;}
    .menu-top-container {margin-top: -15px}
    .cc_container p {font-size:10px;}
    .cc_banner-wrapper p {font-size:10px;}
}
@media (max-width: 500px) {
    .mob-toplink, .mob500 { display:none; width:0px ;}
    .menu-top-container {margin-top: -9px}
}
@media (max-width: 620px) {
    .mob-yb600 { display:none; width:0px ;}
}

.cc_banner-wrapper {z-index: 9001; position:relative;}

.cc_container {
    padding:0px 15px 0px; min-height: 20px; margin-bottom:0px;
    overflow:hidden;
    position: fixed; bottom:0; left:0; right:0;
    background: #72708F;
    color: #F7F7F7; font-size:17px; font-family: "Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;
    box-sizing:border-box;
    border:1px solid #ccc;
    transition: 200ms color;
    -webkit-animation-duration: 1.8s;
    -moz-animation-duration: 1.8s;
    -o-animation-duration: 1.8s;
    animation-duration: 1.8s;
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}

.cc_banner-wrapper p {padding-left: 3px;margin-left: 0px;text-indent: 3px;}
.cc_container a, a:visited {text-decoration: none; color: #31a8f0;}
.cc_container a:hover, a:active {color: #E2581C;}

.cc_btn {
    text-align: center; text-indent: 0px;
    font-size:15px; font-weight: bold; color: #000; line-height:17px; margin-top: 1px;
    transition:font-size 200ms;
        padding:1px 7px;
        background-color:#F4E61B;
        border:1px solid #ccc; box-shadow:0 2px 2px rgba(0, 0, 0, 0.5);
        width:33%; max-width: 120px; margin-left:10px; float:right;
        display: block;           
            transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
            -webkit-transition: background 200ms ease-in-out, color 200ms ease-in-out, box-shadow 200ms ease-in-out;
            border-radius: 7px;
            -webkit-border-radius: 7px;
}

.cc_btn:hover, .cc_btn:active {background-color: lightgreen;}

.cc_message {transition:font-size 200ms; margin:0; padding:0; line-height:23px;}

@-webkit-keyframes slideDown {0% {margin-bottom:-66px;} 100% {margin-bottom:0;}}
@keyframes slideDown {0% {margin-bottom:-66px;} 100% {margin-bottom:0px;}}

@media screen and (max-width: 992px) {
        .cc_message {font-size:1em;}
}

@media screen and (max-width: 800px) {
        .cc_btn {font-size:14px; width: 60px; line-height:14px}
        .cc_container {padding-bottom: 3px;}
        .cc_container p {font-size:10px;}
        .cc_message {line-height:13px;font-size:1.2em;}
}

.adslot_1 { display:inline-block; width: 300px; height: 100px; margin-left: -25px;}
@media (min-width:500px) { .adslot_1 { width: 95%; max-width: 540px; height: 100px; margin: 0px;} }
@media (min-width:800px) { .adslot_1 { width: 95%; max-width: 740px; height: 100px; margin: 0px; } }

.adslot_bot { display:inline-block; width:336px;height:280px;}
@media (max-width: 340px) { .adslot_bot { width: 300px; height: 250px;} }

/* Style the button that is used to open and close the collapsible content */
.collapsible {cursor: pointer; padding: 7px 30px; width: 100%; margin-bottom: 15px; text-align: left}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .collapsible:hover {background-color: #3870D9;}
/* Style the collapsible content. Note: hidden by default */
.content {
  padding: 13px 14px 5px 5px; border : solid 1px #00007A; margin-top: -15px; margin-bottom: 15px;
  border-width: 0px 1px 1px 1px; border-color: grey; box-shadow:0 3px 5px rgba(0, 0, 0, 0.5); border-radius:6px 2px 2px 2px;
  display: block; overflow: hidden; background-color: #F5FEFF; text-align: left
}
.content a:link { text-decoration: none;}
.content p:before {content: url(blue.png);padding-right: 10px;}
/*Add a symbol to each button to indicate whether the collapsible content is open or closed:*/
.collapsible:after {content: '\02795'; font-size: 13px; color: white; float: right; margin-left: 5px;}  /* Unicode character for "plus" sign (+) 02795*/
.active:after {content: "\2796";} /* Unicode character for "minus" sign (-) 02796*/