/* --------------------------------------------------------------
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */

body {
  font-size: 75%;
  line-height: 150%;
  color: #455766;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {border:0px;}

/* Title
------------------------------------------------------------- */

#title  {
border-bottom:1px dotted #575740;
color:#676752;
font-family:"Times New Roman",Times,serif;
font-size:2em;
font-variant:small-caps;
margin:3px 0 0.3em;
padding-top:0.3em;
}

/* Box
------------------------------------------------------------- */

#boxtop  {
color:#F8DE47;
font-size:14px;
margin:3px 10px 0.3em;
}

#boxgradient  {
color:#455766;
font-size: 75%;
margin:10px 10px 0px 10px;
}

.boxtext  {
color:#455766;
font-size: 75%;
line-height: 2;
margin:0px 10px 0px 10px;
}




/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {

font-family: Times New Roman, Times, serif;
color: #575740;
font-variant:small-caps;

}

h1 { font-size: 1.6em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.4em; margin-bottom: 0.5em; }
h3 { font-size: 1.2em; line-height: 1; margin-bottom: 0.5em; }
h4 { font-size: 1.1em; line-height: 1.25; margin-bottom: 0.5em; }

h5 { font-size: 1em; font-weight: bold; margin-bottom: 0.5em; font-variant:normal; font-style: italic; }

h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
line-height: 100%;
font-style: italic;
font-variant:normal;
font-weight: lighter;
}



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

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 150%;
color: #455766;
}

.terms {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 60%;
line-height: 130%;
color: #455766;
}

.cms {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
line-height: 150%;
color: #455766;
}

.priceheaders  {
color:#3f5d48;
font-size: 85%;
line-height: 2;
}



strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Tables
-------------------------------------------------------------- */


th          { font-weight: bold; background: #C3D9FF; }
tr.even td  { background: #FFFFFF; }

/* Links
-------------------------------------------------------------- */


a:link {  font-family: Verdana, Arial; font-size: 12px; color: #455766; font-weight: normal; background:transparent; text-decoration: underline;}
a:active {  font-family: Verdana, Arial; font-size: 12px; color: #455766; font-weight: normal; background:transparent; text-decoration: none }
a:hover {  font-family: Verdana, Arial; font-size: 12px; color: #000000; font-weight: normal; background:transparent; background-color:#C3C9D2; text-decoration: none;}
a:visited {  font-family: Verdana, Arial; font-size: 12px; color: #5E7584; font-weight:normal; background:transparent; text-decoration: none;}

a.base:link {  font-family: Verdana, Arial; font-size: 11px; color: #455766; font-weight: normal; background:transparent; text-decoration: none }
a.base:active {  font-family: Verdana, Arial; font-size: 11px; color: #455766; font-weight: normal; background:transparent; text-decoration: none }
a.base:hover {  font-family: Verdana, Arial; font-size: 11px; color: #455766; font-weight: normal; background:transparent; text-decoration: normal;}
a.base:visited { font-family: Verdana, Arial; font-size: 11px; color: #455766; font-weight:normal; background:transparent; text-decoration: none }

a.sitemap:link {  font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; font-weight: normal; background:transparent; text-decoration: none }
a.sitemap:active {  font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; font-weight: normal; background:transparent; text-decoration: none }
a.sitemap:hover {  font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; font-weight: normal; background:transparent; text-decoration: normal;}
a.sitemap:visited {  font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF; font-weight:normal; background:transparent; text-decoration: none }

a.menu:link {  font-family: Verdana, Arial; font-size: 12px; color: #F8DE47; font-weight:normal; background:transparent; text-decoration: none }
a.menu:active {  font-family: Verdana, Arial; font-size: 12px; color:#F8DE47; font-weight:normal; background:transparent; text-decoration: none }
a.menu:hover {  font-family: Verdana, Arial; font-size: 12px; color:#FBFBB4; font-weight:normal; background:transparent; text-decoration: none; }
a.menu:visited {  font-family: Verdana, Arial; font-size: 12px; color: #F5F5F5; font-weight:normal; background:transparent; text-decoration: none }

a.menu2:link {  font-family: Verdana, Arial; font-size: 11px; color: #F8DE47; font-weight:normal; background:transparent; text-decoration: none }
a.menu2:active {  font-family: Verdana, Arial; font-size: 11px; color:#F8DE47; font-weight:normal; background:transparent; text-decoration: none }
a.menu2:hover {  font-family: Verdana, Arial; font-size: 11px; color:#FBFBB4; font-weight:normal; background:transparent; text-decoration: none }
a.menu2:visited {  font-family: Verdana, Arial; font-size: 11px; color: #F8DE47; font-weight:normal; background:transparent; text-decoration: none }

a.topmenu:link {  font-family: Verdana, Arial; font-size: 11px; color: #000168; font-weight:normal; background:transparent; text-decoration: none }
a.topmenu:active {  font-family: Verdana, Arial; font-size: 11px; color:#000168; font-weight:normal; background:transparent; text-decoration: none }
a.topmenu:hover {  font-family: Verdana, Arial; font-size: 11px; color: #0001B0; font-weight: normal; background:transparent; text-decoration: none;}
a.topmenu:visited {  font-family: Verdana, Arial; font-size: 11px; color: #000168; font-weight:normal; background:transparent; text-decoration: none }

a.urhere:link { color: #575740; font-weight:lighter; background:transparent; text-decoration: none }
a.urhere:active {  font-family: Verdana, Arial; font-size: 11px; color:#575740; font-weight:normal; background:transparent; text-decoration: none }
a.urhere:hover {  font-family: Verdana, Arial; font-size: 11px; color: Red; font-weight: normal; background:transparent; text-decoration: none;}
a.urhere:visited {  font-family: Verdana, Arial; font-size: 11px; color: #575740; font-weight:normal; background:transparent; text-decoration: none }


/* horizontal top nav */

/*old
#section_nav {
margin-right:30px;
margin-top: 60px;
border: 0px;

}
*/

#section_nav {
border:0 none;
margin-right:-182px;
margin-top:70px;
}

.buttons_wrapper {
	position: relative;
	float: right;
	overflow: auto;
    border: 0px;
}

a.button, a.button:link, a.button:visited, a.button:hover, a.button:active {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    border: 0px;
    color: #444;
    display: block;
    float: left;
    height: 24px;
    margin-right: 3px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:active, a.button:hover {
    background-position: bottom right;
    color: #fff;
    outline: none; /* hide dotted outline in Firefox */

}



a.button:active span, a.button:hover span {
    background-position: bottom left;

}


/* selected active button */

div.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll bottom right;
    color: #fff;
    float: left;
    height: 24px;
    margin-right: 3px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;

}

div.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat bottom left;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;

}

/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 2.5em 2.5em 2.5em; }

ul          { list-style: inside url('images/bullet.gif');  }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

url('images/content_outer_bg.gif');


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


/* Big Quote marks
-------------------------------------------------------------- */

blockquote {
	font-style: italic;
	margin-bottom: 25px;	
}

.bqstart {
     float: left;
     height: 45px;
     margin-top: -20px;
     padding-top: 45px;
     margin-bottom: -50px;
     margin-right: 10px;
     font-size: 700%;
     color: #bbb;
 }


 .bqend {
     float: right;
     height: 25px;
     margin-top: 0px;
     padding-top: 45px;
     font-size: 700%;
     color: #bbb;
 }



