/* CSS Document for AllThingsPaper.com*/
/* Created on 8/28/2009 */
/* Author: George Mathew */
/* Last updated: 8/28/2009 */


/* ----------------------------General-----------------------

body
{
    padding: 0 0 0 0;
    margin: 0;
    background-color: #ffffff;
    color: #000;
    text-align: center;
}

@import 'reset.css';*/
body
{
    background-position: center;
    padding: 0 0 0 0;
    margin: 0;
    color: #000;
    background-color: #dfffdf;  
    background-image: url('../images_blue/blue-floral-bg.jpg');  
    background-repeat: no-repeat;  
        background-attachment: fixed;  
}
div, h1, h2, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}
.h1
{
    font: bold 15px "Helvetica Narrow" , Arail, Helvetica;
    text-transform: uppercase;
    color: #664639;
}


hr {/*width: 50%;*/
float: left;
color: #101000;
text-align: left;/*this will align it for IE*/
margin: -17px auto 0 -1px; /*this will align it left for Mozilla*/
padding: 10px 0 0 10px;
} 
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}

/*--------------------------------------header-----------------------------*/
.container 
{
    background-color:#ffffff;
    width: 785px;
    margin:0 auto;
    border: solid 5px #c6e5e6;
    

}


.branding
{
    width: 735px;
    height: 28px;
  
     background: url(../images_blue/menubar.jpg)0 0 no-repeat;
     float: left;
    
}



.logo
{
    position: relative;
    width: 187px;
    height: 88px;
    left: 122px;
   
    top: 0px;
}
#branding p
{
    position: absolute;
    
    left: 105px;
   
    top: 50px;
}




.branding ul 
{
    width: 735px;
    background-image: url("../images_blue/menubar.jpg")0 0 no-repeat;
       
    height:28px;
    list-style: none;
    margin: 0;
    padding: 0 0 0 0;
 
}
.branding ul li
{
    background: url("../images_blue/nav_div.jpg") right Center no-repeat;
    height: 28px;
    float: left;
    
}
.branding ul li a
{
    display: block;
    padding: 0 15px;
    color: #8E6D4F	;
    font: 13px/28px 'Helvetica Narrow', Arail, Helvetica;
    
    text-decoration: none;
    text-transform: uppercase;
     background:url("../images_blue/nav_bg.jpg") 0 0 repeat-x;			
}
.branding ul li a:hover
{
    color:#bacd7b;
    background-color:inherit;
}
.branding ul li a.hover
{
        display:block;
    background:url("../images_blue/nav_bg.jpg") 0 0 repeat-x;
    
    color:#bacd7b;
    font: bold 13px/28px "Helvetica Narrow", Arail, Helvetica;
    background-color:inherit;
    text-decoration:none;
}
.branding ul li.last
{
    background-image:none;
    float:left;
}

.h_address
{
    padding-left:246px;
    padding-top:10px;
    font:  normal 11px helvetica;
    color:  #633c16;
}
.h_address a
{
    padding-left:246px;
    padding-top:10px;
    font:  normal 11px helvetica;
    color:  #633c16;
    text-decoration:none;
}
    
.left_border
{
    background: url("../images_blue/left_border.jpg") 0 0 repeat-y;
    
    width: 50px;
    
    
    background-color: #ffffff;
}
.right_border
{
    background: url("../images_blue/right_border.jpg")0 0 repeat-y;
    width: 50px;
    background-color: #c6e5e6;
}
.page_title
{
    
    margin-top: 14px;
    font: bold 15px "Helvetica Narrow" , Arail, Helvetica;
    text-transform: uppercase;
    color: #8E6D4F;
}
.atp-feat{
    padding-top: 11px;
    font: normal 18px Helvetica, Arail;
    
    color: #ffffff;
}
.atp_13a
{
    font: normal 13px "Helvetica Narrow" , Arail, Helvetica;
    color: #8C8C8C;
    text-decoration: none;
}
.atp_15a
{
    
   
    font: normal 15px "Helvetica" , Arail, Helvetica;
    color: #8C8C8C;
}
.atp_13b
{
    
   
    font: normal 12px Helvetica, Arail, Helvetica;
    color: #ffffff;
}
.atp_15c		
{
    
   
    font: normal 15px/22px Helvetica, Arail, Helvetica;
    line-height: 22px;
    color: #8E6D4F;
}
.atp_15c a {
	    font: normal 15px/22px Helvetica, Arail, Helvetica;
	    line-height: 22px;
    	    color: #8E6D4F;
    	    text-decoration: none;
}   
.atp_15c a.hover{
	color: #bacd7b;
}
.atp_15c a:hover{
	color: #bacd7b;
}

.atp_14c
{
    font: normal 14px Helvetica, Arail;
    
    color: #8E6D4F	;
}


.right ul
{
    padding: 0;
    margin: 0 0 0 0;
    display: block;
    float: left;
    
}

.right ul li{
	background:url(../images_blue/right_nav_div.jpg) 0 bottom repeat-x;
	display:block;
	float: left;
	height:20px;
	width:137px;
	line-height:25px;
	margin: 0 0 0 12px;
	padding: 5px 0 5px 0;
	}
.right ul li a{
	display:block;
	left: 5px;
	padding:0 0 0 0;
	font:normal 15px/20px  Helvetica, Arial, sans-serif;
	color:#7e5339;
	background-color:inherit;
	text-decoration:none;
	float:left;
}
.right ul li a:hover{
	color:#664639;
	
	text-decoration:none;
	
	}
	
.right-color
{ background: url("../images_blue/right_nav_bg.jpg") 0 0 repeat-y;
}
.panel-color
{
    background-color: #664639;
}
.site_footer
{background: url("../images_blue/footer.jpg") 0 0 repeat-y;
}

/*--------------------------------------------------------------------------*/

/*-------------------------------------columns settings---------------------*/
.column {
  float: left;
  background-color: #ffffff;
}
.column2 {
  float: right;
  background-color: #ffffff;
}

/* Use these classes to set the width of a column. */
.span-1   { width: 30px; }
.span-2   { width: 50px; } /*used: left and right floral */
.span-3   { width: 105px; }
.span-4   { width: 158px; }/* left content - them left menu */
.span-5   { width: 171px; }/* sample background */
.span-6   { width: 230px; }
.span-7   { width: 260px; }/*used: logo*/
.span-8   { width: 290px; }
.span-9   { width: 350px; }
.span-10  { width: 400px; }
.span-11  { width: 484px; }
.span-12  { width: 490px; }
.span-13  { width: 526px; } /* hearder address area */
.span-14  { width: 549px; } /* brown panel */
.span-15  { width: 567px; } /* content left*/
.span-16  { width: 626px; }
.span-17  { width: 670px; }
.span-18  { width: 710px; }
.span-19  { width: 785px; }/*used:  content*/
.span-20  { width: 785px; }/*used: header content*/
.span-21  { width: 830px; }
.span-22  { width: 887px; }/*used: main content*/
.span-23  { width: 910px; }
.span-24  { width: 950px; margin: 0; }
.lngth-1 { height: 158px;}

.scroll-1 { height: 85px;}
.scroll-2 { height: 107px;}
.scroll-4 { height: 300px;}
.scroll-10 { height: 700px;}
/* Add these to a column to append empty cols. */
.append-1   { padding-right: 10px; }  
.append-2   { padding-right: 30px; } 
.append-3   { padding-right: 120px; } 
.append-4   { padding-right: 160px; } 
.append-5   { padding-right: 200px; } 
.append-6   { padding-right: 240px; } 
.append-7   { padding-right: 280px; } 
.append-8   { padding-right: 320px; } 
.append-9   { padding-right: 360px; } 
.append-10  { padding-right: 400px; } 
.append-11  { padding-right: 440px; } 
.append-12  { padding-right: 480px; } 
.append-13  { padding-right: 520px; } 
.append-14  { padding-right: 560px; } 
.append-15  { padding-right: 600px; } 
.append-16  { padding-right: 640px; } 
.append-17  { padding-right: 680px; } 
.append-18  { padding-right: 720px; } 
.append-19  { padding-right: 760px; } 
.append-20  { padding-right: 800px; } 
.append-21  { padding-right: 840px; } 
.append-22  { padding-right: 880px; } 
.append-23  { padding-right: 920px; } 

/* Add these to a column to prepend empty cols. */
.prepend-1   { padding-left: 0px; }  
.prepend-2   { padding-left: 30px; } /* used left content space */
.prepend-3   { padding-left: 120px; } 
.prepend-4   { padding-left: 160px; } 
.prepend-5   { padding-left: 200px; } 
.prepend-6   { padding-left: 240px; } 
.prepend-7   { padding-left: 280px; } 
.prepend-8   { padding-left: 320px; } 
.prepend-9   { padding-left: 360px; } 
.prepend-10  { padding-left: 400px; } 
.prepend-11  { padding-left: 440px; } 
.prepend-12  { padding-left: 480px; } 
.prepend-13  { padding-left: 520px; } 
.prepend-14  { padding-left: 560px; } 
.prepend-15  { padding-left: 600px; } 
.prepend-16  { padding-left: 640px; } 
.prepend-17  { padding-left: 680px; } 
.prepend-18  { padding-left: 720px; } 
.prepend-19  { padding-left: 760px; } 
.prepend-20  { padding-left: 800px; } 
.prepend-21  { padding-left: 840px; } 
.prepend-22  { padding-left: 880px; } 
.prepend-23  { padding-left: 920px; } 

.toppadding-1 {padding-top: 3px;}

/* Border on right hand side of a column. */
.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right: 24px;
  margin-right: 25px;
  border-right: 1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1  { margin-left: -40px; }
.pull-2  { margin-left: -80px; }
.pull-3  { margin-left: -120px; }
.pull-4  { margin-left: -160px; }

.push-0  { margin: 0 0 0 18px; }
.push-1  { margin: 0 -40px 0 18px; }
.push-2  { margin: 0 -80px 0 18px; }
.push-3  { margin: 0 -120px 0 18px; }
.push-4  { margin-left: 450px; }
.push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }
.pullup-1 {margin-top: -4px}
.pulldown-1 {margin-bottom: -4px}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

.bkblue
{
    border-right: #ffffff 12px solid;
   
    margin-top:12px;
    padding-top: 4px;
    border-left: #c6e5e6 4px solid;
    
    background-color: #c6e5e6;
}
sampleborder
{
border: #ffffff 2px solid;
}
.h3
{
    font-size: 16px;
    font-family: Helvetica;
    color: #1857a1;
    
}