/* base.css for PROTOTYPE */

/* 
----------------------------------------------------------------------------- 
Globals
-----------------------------------------------------------------------------*/
* {margin:0;padding:0;} /*zero out everything*/
body {width:100%;font-family:Trebuchet MS, verdana, arial, sans-serif;font-size:100%;color:#444;text-align:center;}
/*.clr {clear:both; padding:0; font-size:1px;line-height:0;height:0;}*/
h1, h2, h3, h4, h5, h6 {margin:10px;font-weight:normal;line-height:1.5;color:#000}
h1 {font-size:32px;}
h2 {font-size:28px;}
h3 {font-size:22px;}
h4 {font-size:20px;}
h5 {font-size:18px;}
h6 {font-size:14px;}
p {margin:10px;font-size:12px;line-height:1.5;}

.body_resize { width:100%; margin:0 auto; padding:0;}
.body .design {  background:#fff; margin:0; padding:10px 10px;}
.body .design h5 { border:0;  margin:10px;font-weight:normal;line-height:1.5;color:#000;font-size:18px;}
.body .design p { font: normal 13px Arial, Helvetica, sans-serif; color:#000; padding:5px; margin:0; line-height:1.5em;}
.body .design img { float:left; margin:10px 15px; padding:0; display: block; width: 100% !important;
    height: auto !important;}
.body .design a { font: normal 11px Tahoma, Geneva, sans-serif; color:#0385bb; text-decoration:underline;}
.body .design .blog_design { width:250px; float:left; margin:0; padding:5px 20px; border-right:1px solid #d9d9d9;}
.body .design .blog_design_alt { width:250px; float:left; margin:0; padding:5px 10px; }
.body .design .blog_design_info { width:300px; float:left; margin:0; padding:5px 10px; }
.body .design .no_border { border:0;}
.body .Testim {width:860px; border-top:1px solid #fff; background:#e0e0e0;  margin:0px; padding:15px 10px;}
.body .Testim2 { width:870px; border-top:1px solid #fff; background:#e0e0e0; border-bottom:2px solid #b3b3b3; margin:0px; padding:5px;}
.body .Testim3 {width:860px; border-top:1px solid #fff; background:#f7f1f1;  margin:0px; padding:15px 10px;}
.body .Testim2 h2 { border:0; margin:0;font-weight:normal;line-height:1.5em;color:#000;font-size:18px;}
.body .Testim2 h2 span { border:0; padding:10px 25px; margin:0;font-weight:normal;line-height:1.5;color:#000;font-size:18px;}
.body .Testim2 p { width:870px; float:right; font: normal 13px Arial, Helvetica, sans-serif; color:#000; padding:25px 20px 0 0; margin:10px;}
.body .Testim .blog_testim1 { width:281px; float:left; margin:0; padding:20px; }
.body .Testim .blog_testim2 { width:100%; float:left; margin:0; padding:0px; }
.body .Testim .blog_testim2 p { margin:10px;font-size:12px;line-height:1.5;}
.body .Testim .blog_testim2 h6 { font-size:14px;margin:10px;font-weight:normal;line-height:1.5;color:#000066}
.body .Testim .blog_testim2 ul { margin:10px 0 10px 30px; padding:0; list-style:none;}
.body .Testim .blog_testim2 li { font:normal 11px Arial, Helvetica, sans-serif; color:#404040; padding:0 15px; margin:0; background: url(images/some_ul_li.gif) left no-repeat; line-height:1.8em;}
.body .recents { border-top:2px solid #e0e0e0; background:#fff; padding:0 10px; margin:0;}
.body .recents .blog_recent { width:923px; margin:0; padding:20px;}
.body .recents .blog_recent p.data { background:url(images/recent_bg_data.gif) left no-repeat; padding:5px 25px; margin:0 5px; font: normal 13px Arial, Helvetica, sans-serif; color:#0385bb;}
/*.body h2 { border-bottom:1px solid #b3b3b3; font: normal 22px Tahoma, Geneva, sans-serif; color:#4e4a38; padding:10px 5px; margin:0;}*/
.body a { font:normal 13px Arial, Helvetica, sans-serif; color:#0385bb;}
.body p { font:normal 11px Arial, Helvetica, sans-serif; color:#404040; line-height:1.8em; padding:5px; margin:0;}
.body span {  color:#000066; line-height:1.8em;}
.body em { font: italic 13px Arial, Helvetica, sans-serif; color:#818181; line-height:1.8em;}




.box {float:left;margin:10px;-moz-border-radius:5px;-webkit-border-radius:5px;}
.box.full {width:880px;}
.box.big {width:580px;}
.box.reg {width:430px;}
.box.med {width:280px;}
.box.sm {width:205px;}

div.centered 
{
text-align: center;
}
div.centered table 
{
margin: 0 auto; 
text-align: left;
}


#wrapper {margin:10px auto;padding:10px;width:900px;text-align:left;-moz-border-radius:10px;-webkit-border-radius:10px;border: 1px solid #fff;background:#fff;}

/* Masthead */
#masthead {float:left;width:900px;}
#masthead #logo {float:left;margin:10px;font-size:38px;}
#masthead #meta-navigation {float:right;margin:10px;list-style:none;font-size:12px;}
#masthead #primary-navigation {clear:both;float:left;margin:10px;width:880px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #fff;list-style:none;}
#masthead #primary-navigation li {float:left;display:inline;}
#masthead #primary-navigation li a {float:left;padding:10px;font-size:12px;text-transform:uppercase;}
#masthead .brand-navigation {float:right;margin:10px;list-style:none;font-size:12px;}
#masthead .admin-brand-navigtaion {float:right;margin:10px;font-size:16px;}
/* Main Content */
#content {float:left;width:900px;}
#content form .formitem {margin:20px 10px;}
#content form .formitem .inner {float:left;margin:0 20px 0 0;}
#content form .formitem label {display:block;font-size:14px;color:#444;text-transform:uppercase;}
#content form .formitem textarea {padding:5px;font-family:Trebuchet MS, verdana, arial, sans-serif;font-size:12px;border:1px solid #999;}
#content form .formitem input {padding:5px;border:1px solid #999;font-family:Trebuchet MS, verdana, arial, sans-serif;font-size:12px;}
#content form .formitem.button input {padding:5px 10px;border:none;-moz-border-radius:5px;-webkit-border-radius:5px; color:#DDDDDD; }

/* Footer */
#footer {float:left;width:880px;margin:10px;-moz-border-radius:5px;-webkit-border-radius:5px;}
#footer #secondary-navigation {clear:both;float:left;width:880px;list-style:none;}
#footer #secondary-navigation li {float:left;display:inline;}
#footer #secondary-navigation li a {float:left;padding:5px 10px;font-size:11px;}
#footer p {font-size:11px;}


.blog_design_header {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.blog_design_info {
  display: grid;
  grid-template-columns: 1fr;
}