/* Enter your CSS3 Styles Here */

#PageBodyDiv p,
#PageBodyDiv li {
line-height:1.6
}
#index div.box-200-body p{line-height:1.4 !important;}

.VLgHeadiTxt{
font-weight:bold !important;
font-size:24px !important;
line-height:1 !important; 
}

.box-200-header{  
width:178px;
padding:7px;
background:#FFD564;
text-align:center;
}
.box-200-header SPAN{
font-weight: bold;  
font-size:19px;  
}
.box-200-header SPAN a{
text-decoration:none;
color:#1881C3; 
}
.box-200-body{ 
background:#EBF7FF; 
padding:7px;
width:176px;
height:150px; 
border-left:1px solid #26A5FE;
border-right:1px solid #26A5FE;
border-bottom:1px solid #26A5FE;
}

#SiteBackgroundDiv {
position:relative; /* for using empty Divs */
}
#emptyDiv1 { /* for background the top menu all the way across */
display:block;
position:absolute;
top:-10px;
left:0px;
z-index:0;
height:43px;
width:100%;
background:#26A5FE;
}
/*
#topMenuTable td.w3scTopMenu span {
margin-left:30px;
margin-right:30px;
}*/
#TopMenuDiv .wid3{width:20px !important;}


#PageBodyTable, 
#pageBodyTable{
width:90%;
margin-left:auto;
margin-right:auto;
}
#index #PageBodyTable{width:100%;} 
#HeaderDesignDiv #PageBodyTable{width:100%;} 
#PageFooterDiv #PageBodyTable{width:100%;} 

#PageBodyTable td{vertical-align:top;} 
#pageBodyTable td{vertical-align:top;} 


#SiteBodyDiv { /* shadow around main template */
/* h-shadow v-shadow blur spread color |inset|initial|inherit; */
-webkit-box-shadow: -8px 0px 16px 0px #c7c7c7, 8px 0px 16px 0px #c7c7c7;
-moz-box-shadow: -8px 0px 16px 0px #c7c7c7, 8px 0px 16px 0px #c7c7c7;
box-shadow: -8px 0px 16px 0px #c7c7c7, 8px 0px 16px 0px #c7c7c7;
}



H1 {
font-size:33px;
text-align:center;
font-weight:normal;
color:#006CB8;
margin-top:0px;
margin-bottom:20px;
border-bottom:1px solid #dddddd;
 }

#index H1 {
border-top:1px solid #dddddd;
text-align:left;
color:#c00000;
}

#FooterMenuDiv {
margin-top:30px;
}
 

#PageFooterDiv #PageBodyTable {
width:100%;
}
 


div.blue-box-cell {
position: absolute; 
left: 0px; 
top: 0px; 
z-index: 1; 
width: 202px; 
height: 250px; 
overflow: hidden;
cursor:pointer;
}
div.blue-box-cell div:first-child {
position:relative;
}

.blue-box-header {
position: absolute; 
top: 20px; 
left: 5px; 
z-index: 2; 
height: 50px; 
width: 170px; 
text-align: center; 
overflow:hidden;
color: #FFFFFF;
}
.blue-box-header a {
text-decoration:none;
font-weight: bold; 
color: #FFFFFF;
font-size:20px;
}

.blue-box-text {
position: absolute; 
top: 65px; 
left: 15px; 
z-index:2;
width: 160px;  
}
.blue-box-text p {
font-size:13px;
line-height:17px;
color:#808080;
}
div.blue-box-text p a:link,
div.blue-box-text p a:visited,
div.blue-box-text p a:active  {
text-decoration:underline;
color:#006CB8;
}
div.blue-box-text p a:hover {
text-decoration:none;
color:#000000;
}

/* blue box for any page, anywhere */
.pageBox {  
padding:10px;
border: 1px solid #c7c7c7; 
border-radius:10px;
-moz-border-radius:8px;
background: #EBF7FF; 
-webkit-box-shadow: 6px 6px 12px #c7c7c7;
-moz-box-shadow: 6px 6px 12px #c7c7c7;
box-shadow: 6px 6px 12px #c7c7c7;  
font-size:15px;
margin-bottom:15px;
} 

/* linked little blue page boxes floating left on any inside page */
.pageBoxLeft {
width: 262px; 
margin-right: 41px; 
float: left;
cursor:pointer;
} 
.pageBoxLeft div:first-child {
width:100%;
height: 210px; 
border: 1px solid #c7c7c7; 
border-radius:8px;
-moz-border-radius:8px;
background: #EBF7FF; 
-webkit-box-shadow: 6px 6px 12px #c7c7c7;
-moz-box-shadow: 6px 6px 12px #c7c7c7;
box-shadow: 6px 6px 12px #c7c7c7; 
margin-bottom:50px;
font-size:15px;
} 
.pageBoxLeft div:first-child H1 {
text-align:center; 
background:white;
color:#c00000;
padding-top:0px;
font-weight:normal; 
}
.pageBoxLeft div:first-child div {
margin-left:8px;
margin-right:8px; 
}


/* Custom for Header Design and Homepage */
#HeaderDesignSearchBoxDiv {
position:absolute;
top:-35px; 
left:770px;
z-index:50; 
height:35px; 
width:243px; 
}
input#HeaderDesignSearchBox  {
width:180px; /* was 203 */
font-weight:normal;
border-radius:5px;
-moz-border-radius:5px;
color:#cccccc;
font-size:18px;
float:left;
margin:0;
}
div#HeaderDesignSearchGo {
float:right;
width:30px;
height:19px;
padding:2px;
margin-top:2px;
border-radius:10px;
-moz-border-radius10px;
background: #FFFFC0;
cursor:pointer;
text-align:center;
border:1px solid #FFD664;
}
#HeaderDesignSearchGo span {
color:black;
font-weight:bold;
font-size:13px;
}

#HeaderDesignTagLine{ 
text-align:center;
} 
#HeaderDesignTagLine span{
font-size: 35px;  
color: #008080;
}

#HeaderDesignComputer {
display:none; /* displays only on the index homepage */
position: absolute; left: 0px; top: 70px; z-index: 13; width: 475px; height: 350px;
}
#index #HeaderDesignComputer {
display:block;
}
#HeaderDesignFreeQuote {
position: absolute; left: 438px; top: 25px; 
z-index: 14; width: 128px; height: 28px; padding: 10px; background: #c00000;
border-radius:10px;
-moz-border-radius:10px;
cursor:pointer;
}
#index #HeaderDesignFreeQuote { /* move to page center on homepage */
position: absolute; left: 440px; top: 300px; 
}
#HeaderDesignFreeQuote span {
font-size: 23px; color: #ffffff; text-align: center;
}

#HDFacebookLikes {
position: absolute; left: 400px; top: 65px; 
z-index: 14; width: 400px; height: 50px;
}
#index #HDFacebookLikes {/* move to page center on homepage */
position: absolute; left: 440px; top: 360px; 
}

 /* red button for using get a quote throughout the site */
.redButton {
width: 250px; 
margin-left:auto;
margin-right:auto;
background: #c00000;
border: 2px solid #FF0000; 
padding: 8px; 
text-align: center; 
cursor:pointer;
border-radius:10px;
-moz-border-radius:10px;
}
#HeaderDesignDiv .redButton{
width:140px;
}
.redButton span {
font-size:26px;
color:#ffffff;
}
.darkred {color:#c00000;}


#blog-page .LgrHeadiTxt,
#PageBodyDiv .LgrHeadiTxt {
font-size:35px;
color:#c00000;
line-height:45px;
font-family:'Open Sans', sans-serif;
}

#blog-page .LgHeadiTxt,
#PageBodyDiv .LgHeadiTxt {
font-size:25px;
color:#c00000;
line-height:35px;
font-family:'Open Sans', sans-serif;
}

#blog-page #BlogRightDiv{
background: #DFF2FF;
}