html {
/* WebKit CSS hack to produce anti-aliased text */
	-webkit-text-stroke: 1px transparent;
}
/* Layout */
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
}

/* Common */
.clear {clear: both; background: none; }
.left {float:left;margin-right:1em;}
.right {float:right;margin-left:1em;}
.center {text-align:center;}
.first {margin-left:0 !important;}
.last {margin-right:0 !important;}
.top {margin-top:0 !important;}
.bottom {margin-bottom:0 !important;} 
.hidden, .print {display:none;}


abbr[title], acronym[title] {cursor:help;}
img {border:none;}   
hr {display:none;} 



/* column layouts 

// 2 columns
<div class="cols"> 
 <div class="col first"> </div> 
 <div class="col"> </div> 
</div> 

// 3 columns   
<div class="cols cols3"> 
 <div class="col first"> </div> 
 <div class="col"> </div> 
 <div class="col"> </div> 
</div> 
*/

.cols {} /* main column container class */
.col {
 float:left;
 display:inline;
 width:48%;margin-left:4%; /* 2 equal width columns layout - default */
} 

.cols3 .col {width:30%;margin-left:5%;} /* 3 equal width columns layout */
.cols4 .col {width:22%;margin-left:4%;} /* 4 equal width columns layout */
  
/* use following classes to build custom grid (add as many as you want) */
.col1, .col2, .col3 {float:left;display:inline;}
.col1 {}
.col2 {}
.col3 {}



/* Text */

h1, h2, h3, h4, h5, h6{
 font-family: Georgia,Palatino,'Palatino Linotype',Times,'Times New Roman',serif;
 font-weight:normal;
 margin:0;
} 
h1 {
 
 color: #B35314;
 font-size:20pt; 
 margin-bottom:15px;
} 
h2 {
 color: #B35314; 
 font-size:18pt;
 margin-bottom:10px;
 padding-top:10px;
} 
h3 {
 color: #B35314;
 font-size:16pt;
 margin-bottom:10px;
 padding-top:10px;
}
h4 {
 color: #B35314;
 font-size:14pt;
 margin-bottom:10px;
}
h5,h6 {
 font-size:12pt;
 margin-bottom:10px;
 font-weight:bold;
}

p, blockquote, ul, ol, dl, table, pre{
 line-height:inherit;
 margin:0 0 1.5em 0;
}

p {
 color: #333;
}

a, a:visited {
 text-decoration:none;
 color:#B35314;
}

a:hover {
 color:#999;
}

ul, ol, dl {padding:0;}
ul ul, ul ol, ol ol, ol ul, dd {margin:0;}
li {
 margin:0 0 0 2em;
 display:list-item;
 list-style-position:outside;
} 



ins {
 text-decoration:none;
 color:#900;
 font-style:italic;
}
code {color:#555;}
pre {
 color: #333;
 margin-left:2em;
 padding-left:2em;
 border-left:1px solid #ccc;
}

blockquote {
 margin-left:2em;
 border-left:1px solid #ccc;
 font-style:italic;
} 

dt {font-weight:bold;}
  

.pullquote{
 width:20%;
 float:left;
 margin-right:2em;
 padding-right:2em;
 border-right:1px solid #ccc;
 text-align:right;
 font-size:1.1em;
 font-style:italic;
 color:#777;
 margin-bottom:.5em;
}

.boxout{
 width:20%;
 float:right;
 margin-left:2em;
 padding:1em 2em;
 border:1px solid #ccc;
 margin-bottom:.5em;
}
 
small {font-size:.9em;}
sup, sub{font-size:.8em;}
em, cite, q{font-style:italic;}


/* Table */
table {
 width:100%;
 border-collapse:collapse;
}
th,caption {
 text-align:left;
}
th, td {
 padding:.5em 1em;
 line-height:1.5em;
}  
th {
 background:#ABBEBE;
}
td {
 border-bottom:1px solid #eee;
}
caption {
 font-style:italic;
 color:#555;
 margin:.5em 0;
}