/*************************************************************************
 * Code for all the box styles are in this file. This contains 
 * layout and typography
 ************************************************************************/

/************************************************************************
 * Box is rounded at top left and top  right
 ***********************************************************************/

.box, .numeric_box { 
   background:       url(/images/rounded_box_left.jpg) no-repeat left top;
   margin-right:     3px;
} 

.inner_box { 
   background:        url(/images/rounded_box_right.jpg) no-repeat right top;
   padding-top:       10px;
   padding-left:      8px;
   padding-right:     8px;
}

.box_snapshot { 
   background:        url(/images/long_side_mod.jpg) no-repeat right top;
   margin-right:     3px;
	height:410px;
} 

.inner_box_snapshot { 
   background:        url(/images/long_side_mod.jpg) no-repeat right top;
   padding-top:       10px;
   padding-left:      8px;
   padding-right:     8px;
}

.inner_box img { 
   margin-left:       9px;
}

.inner_box p,
.inner_box h1,
.inner_box h2,
.inner_box ul { 
   padding-left:     11px;
   padding-right:    11px;
}

.blue_box {
  background-image:  url(../images/bluedot.gif);
}

.box h1 {  
  font-size:        30px;
  font-family:      Georgia;
  text-align:       center;
  color:            #3572b7;
  margin:           0 auto;
}

.box100 {  
  font-size:        50px;
  font-family:      Georgia;
  text-align:       center;
  color:            #3572b7;
  margin:           0 auto;
}

.box12million {  
  font-size:        25px;
  font-family:      Georgia;
  text-align:       center;
  color:            #3572b7;
  margin:           0 auto;
}
.goodsearch {  
  font-size:        18px;
  font-family:      Georgia;
  text-align:       left;
  color:            #848484;
  margin:           0 auto;
	padding-left:	10px;
}
.amazon {  
  font-size:        20px;
  font-family:      Georgia;
  text-align:       left;
  color:            #6a7a86;
  margin:           0 auto;
	padding-left:	8px;
}
.box h2 { 
   padding-top:    0px;
   font-family:    Arial;
   font-size:      17px;
   font-weight:    normal;
   line-height:    20px;
   color:          #3577B2;
   padding-bottom: 3px;
}

.numeric_box h2 { 
   padding-top:    0px;
   text-align:     center;
   font-family:    Arial;
   font-size:      30px;
   line-height:    32px;
   color:          #3577B2;
}

.numeric_box .inner_box { 
  padding-top:      10px;
}

/************************************************************************
 * An image box has edging on all sides of the picture.  I do not  know
 * why I need two boxes, one for large and one for small images
 ***********************************************************************/

.level2box {
    background:      url(/images/bottom_left.gif) no-repeat left top;
	width: 470px;
	height: 172px;
	padding-top: 10px;
	padding-right: 10px;
	text-align: center;
}
.large_image_box, .image_box { 
    background:      url(/images/bottom_left.gif) no-repeat left top;
}

.image_box_inner  { 
    padding-bottom:  60px;
    margin-bottom:   20px;
}

.large_image_box { 
    padding-bottom:  60px;
    margin-bottom:   20px;
}

.image_box_outer { 
//    background:      url(/images/image_rounded_right_top.gifa) no-repeat right top;
//    background:      url(/images/bottom_left.gifa) no-repeat right top;
    padding-top:     10px;
    margin-right:    1px;
    overflow:        hidden;
}

.image_box_inner { 
//    background:      url(/images/image_rounded_left_bottom.gifa) no-repeat left bottom;
    background:      url(/images/bottom_left.gif) no-repeat left bottom;
    padding-bottom:  0px;
    margin-top:      1px;
    margin-right:    -4px;
}

.image_box img { 
//    background:      url(/images/image_rounded_right_bottom.gifa) no-repeat right bottom;
    background:      url(/images/bottom_left.gif) no-repeat right bottom;
    margin-bottom:   -1px;
    margin-left:     8px;
    padding:         6px 11px 9px 3px;
}

.large_image_box img { 
//    background:      url(/images/image_rounded_left_bottom.gifa) no-repeat right bottom;
    background:      url(/images/bottom_left.gif) no-repeat right bottom;
    margin-bottom:   0px;
    margin-left:     5px;
    padding:         0px 18px 12px 11px;
}

/************************************************************************
 * A line box is simply and aea with a border
 ***********************************************************************/
.line_box { 
  border:            1px solid;
  margin-right:      8px;
  margin-bottom:     20px;
  padding:           15px;
}

#secondary_content .line_box h3 { 
  color:             #3577B2;
  margin-left:       0px;
  padding-left:      0px;
  padding-bottom:    6px;
}

.line_box h3 { 
   font-size:      10px;   
}

.line_box img { 
    border:        1px solid #ccc;
    padding:       2px;
    margin-bottom: 4px;
 }

/************************************************************************
 * miscellaneous style modifications that need qualifications. 
 ***********************************************************************/

#our_story .unit_first { 
  color:          #3572b7;
  border-top:     2px dotted;
  padding-top:    25px;
  margin-top:     20px;
}

#secondary_content .box h2 { 
   font-family:    Arial;
   font-size:      17px;
   font-weight:    normal;
   line-height:    20px;
   color:          #3577B2;
   padding-top:    0px;
   padding-bottom: 3px;
   margin-bottom:  10px;
}

#secondary_content .box h3 { 
   border-style:   none;
   font-family:    Arial;
   font-size:      14px;
   color:          #3577B2;
   margin-top:     4px;
   margin-bottom:  0px;
   padding-top:    0px;
   padding-bottom: 14px;
 }

#percentagebox h1 {
	color: rgb(53,118,178);
	font-size: 10px;
}

.successquote {
	font-family: Georgia;
	color: #848484;
	font-size:24pt;
	line-height:32px;

}

.successquotesmall {
	font-family: Georgia;
	color: #848484;
	font-size:17pt;
	line-height:30px;
	padding-right:10px;
}

.success_side_picture img {
	position: relative;
	left: -15px;
	top 0px;
	width: 90%;
	padding-bottom:0px;
}