/*{*smarty*}{literal} 
 -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- 
 This sets your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body {
background:#fff;
color:#222;
font-family:Arial, Helvetica, sans-serif;
font-size:80%
}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
color:#111;
font-family:Arial, Helvetica, sans-serif;
font-weight:700
}

h1 {
font-size:1.4em;
line-height:1.1;
margin-bottom:0.5em
}

h2 {
font-size:1em;
line-height:1.4em;
}

.catLarge h2 {
font-size:1.3em;
}

h3 {
font-size:1.5em;
line-height:1.2em;
margin-bottom:1em
}

h4 {
font-size:1.25em;
line-height:1;
margin-bottom:0.5em
}

h5 {
font-size:1em;
font-weight:700;
margin-bottom:1.5em
}

h6 {
font-size:1em;
font-weight:700
}

div.box h1 {
font-size:1em;
margin-bottom:0.75em
}

div.box h3 {
font-size:1.25em;
margin-bottom:0.5em !important
}

/* Text elements
-------------------------------------------------------------- 

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the 

. img { margin: 0 0 1.5em; }*/

ul,ol {
margin:0 1.4em 1.4em
}

/*ul          { list-style-image:url(../images/listgraphic.gif);}*/
ul {
color:#004969;
list-style-type:square
}

ol {
list-style-type:decimal
}

dl {
margin:0 0 1.5em
}

dd {
margin-left:1.5em
}

li {
line-height:1.25em
}

abbr,acronym {
border-bottom:1px dotted #666
}

address {
font-style:italic;
margin:1em 0
}

del {
color:#666
}

a:focus,a:hover {
color:#2c6db0;
text-decoration:underline
}

a {
color:#008DC9;
text-decoration:none
}

dfn {
border-bottom:1px dashed #666
}

pre,code {
margin:1.5em 0;
white-space:pre
}

pre,code,tt {
font:1em 'andale mono', 'monotype.com', 'lucida console', monospace;
line-height:1.5
}

tt {
display:block;
line-height:1.5;
margin:1.5em 0
}

/* Tables
-------------------------------------------------------------- */
table {
margin-bottom:1.2em
}

td {
margin:.1em
}

th,td {
padding:.4em
}

caption {
background:#ffc
}

/* Use this if you use span-x classes on th/td. */
table .last {
padding-right:0
}

/* Some default classes
-------------------------------------------------------------- */
.smallest {
font-size:.6em;
line-height:.8em;
margin-bottom:1.875em
}

.small {
font-size:.8em !important;
line-height:.8em;
margin-bottom:1.875em
}

.medium {
font-size:1.2em !important;
line-height:1.2em;
margin-bottom:2em
}

.large {
font-size:1.2em !important;
margin-bottom:1.25em !important
}

.catLarge {
font-size:.9em !important;
margin:0 0 0 0.4em !important
}

.reallyLarge {
font-size:1.4em !important
}

.quiet {
color:#696969
}

.lightGrey {
color:#CCC
}

.hide {
display:none
}

.highlight {
background:#ff0
}

.added {
color:#060
}

.removed {
color:#900
}
.black{ color:#000}
.normal{ font-weight:normal}
.noMarginTop {
margin-top:0;
padding-top:0
}

.noMarginBottom {
margin-bottom:0 !important;
padding-bottom:0 !important
}

.noMargin {
margin:0 !important;
padding:0 !important
}

.noMarginLeft {
margin-left:0 !important;
padding-left:0 !important
}

.minMarginBottomTop {
margin-bottom:.5em !important;
margin-top:.5em !important
}

.minMarginTop {
margin-top:.5em !important
}

.minMarginBottom {
margin-bottom:.5em !important
}

.minMarginLeft {
margin-left:.5em !important
}

.maxMarginLeft {
margin-left:1em !important
}

.minMarginRight {
margin-right:.5em !important
}

.maxMarginRight {
margin-right:1em !important
}

.maxMarginBottom {
margin-bottom:1em !important
}

.maxMarginTop {
margin-top:1em !important
}

.medMarginTop {
margin-top:.8em !important
}

.maxMarginBottomTop {
margin-bottom:1em !important;
margin-top:1em !important
}

.bigMarginRight {
margin-right:1.4em
}

.minPadding {
padding:.8em
}

.padRight {
padding-right:1em
}

.minPaddingLeft {
padding-left:.8em
}

.minPaddingLeftRight {
padding:0 .8em
}

.maxPaddingTop {
padding-top:1em
}

.maxPaddingBottom {
padding-bottom:1em
}

.minPaddingBottom {
padding-bottom:.5em
}

.noPadding {
line-height:normal;
padding:0
}

.alignBottom {
vertical-align:bottom
}

.alignTop {
vertical-align:top
}

.alignLeft {
text-align:left
}

.alignRight {
text-align:right
}

/* Some styles to re-use */
.clearBoth {
clear:both;
display:block
}

.bold {
font-weight:700 !important
}

.noBold {
font-weight:400
}

.noBorder {
border:none !important
}

.twoPixBorderTop {
border:2px solid #000
}

.floatLeft {
float:left
}

.floatRight {
float:right
}

.mainArticle img.floatRight {
margin:.8em 0 .8em .8em !important
}

.hr {
border-top:1px dashed #CCC;
margin:1em 0
}

br {
clear:left
}

.formButton,input#submit,.compareIt {
background:#00A0C6;
border:1px solid #333;
color:#FFF;
padding:1px 3px
}

.formButton:hover,input#submit:hover,.compareIt:hover {
background:red
}

.red {
color:red
}

div.arrowTopBlue {
background:#EEF6FA url(../images/blackArrowBottom.gif) no-repeat scroll 7px 0;
border-top:2px solid #000;
padding-top:1em
}

dl dt,strong,th {
font-weight:700
}

em,dfn,tfoot,.italic {
font-style:italic
}