/* Font Size Percentages
----------------------------------------------- */ 
/*

Based on the YUI font sizing chart

9px	69%
10px	77%
11px	85%
12px	93%
13px	100%
14px	108%
15px	116%
16px	123.1%
17px	131%
18px	138.5%
19px	146.5%
20px	153.9%
21px	161.6%
22px	167%
23px	174%
24px	182%
25px	189%
26px	192%

*/


/* layout
----------------------------------------------- */

body {
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding: 15px 0;
}

#wrapper {
  width: 833px;
  margin: 0 auto;
  border: 1px solid #396f8f;
}
td {
	font-size: 85%;
	padding-bottom: 5px;
}


/* font styles
----------------------------------------------- */
h1 {
  color: #542c24;
  font-size: 131%;
  margin: 0 0 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
}
h2 {
  color: #396F8F;
  font-size: 116%;
  margin: 0 0 10px 0;
  font-family: Georgia, "Times New Roman", Times, serif;
}

p {
  font-size: 85%; /* 11px */
  margin: 0 0 1em 0;
  line-height: 16px;
}

#content ul li, 
#content ol li {
  font-size: 85%; /* 11px */
}

#content ul li ul, 
#content ol li ol {
  font-size: 100%; /* 11px */
}

#content ul  {
  margin: 0 0 1em 20px;
}

#content ul li {
  background: url(../images/arrow-orange.gif) no-repeat left .2em;
  padding: 0 0 0 15px;
  margin: 0 0 .5em 0;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}

/* link styles
----------------------------------------------- */
a,
a:link,
a:visited {
  color: #f26522;
}

a:hover {
  color: #f00;
}


/* header
----------------------------------------------- */
#header-image {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}


/* layout - first/main/last
----------------------------------------------- */
.layout-first-main-last #wrapper {
  background: url(../images/wrapper-first-main-last-bg.gif) repeat-y;
}

.layout-first-main-last #sidebar-first {
  float: left;
  width: 199px;
}

.layout-first-main-last #main {
  float: left;
  width: 634px;
}

.layout-first-main-last #content {
  float: left;
  width: 414px;
}

.layout-first-main-last #sidebar-last {
  float: left;
  width: 220px;
}


/* layout - first/main
----------------------------------------------- */
.layout-first-main #wrapper {
  background: url(../images/wrapper-first-main-bg.gif) repeat-y;
}

.layout-first-main #sidebar-first {
  float: left;
  width: 199px;
}

.layout-first-main #main {
  float: left;
  width: 634px;
}


/* sidebar-first
----------------------------------------------- */
#sidebar-first-inner {
  padding: 15px;
}

#logo {
  text-align: center;
  margin: 10px 0;
}
#sidebar-first-inner p {
	font-size: 77%;
	padding-top: 310px;
}

/* content
----------------------------------------------- */
#content-inner {
  padding: 20px;
}


/* sidebar-last
----------------------------------------------- */
#sidebar-last-inner {
  padding: 15px;
}

#sidebar-last h2 {
  border-bottom: 1px dotted #000;
  margin: 0 0 5px 0;
  color: #336699;
  font-weight: bold;
  font-size: 108%; /* 14px */
  font-family: Georgia, "Times New Roman", Times, serif;
}

#sidebar-last p {
  margin: 0 0 1.5em 0;
}

.callout p {
	line-height: 18px;
	
}


/* navigation
----------------------------------------------- */
#navigation ul {
  font-family: Georgia, "Times New Roman", Times, serif;
}

#navigation ul li {
  border-bottom: 1px dotted #396f8f;
  padding: 5px 15px;
}

#navigation ul li a {
  color: #542c24;
  text-decoration: none;
  display: block;
}

#navigation ul li a:hover,
#navigation ul li a.active {
  color: #396f8f;
}

#navigation ul li a.active {
  background: url(../images/arrow-orange.gif) no-repeat left;
  padding: 0 0 0 10px;
}


/* quote
----------------------------------------------- */
.quote {
  margin: 0 15px 15px 15px;
}

.quote p {
  font-size: 108%; /* 14px */
  font-family: Georgia, "Times New Roman", Times, serif;
  line-height: 150%;
}

.quote-author {
  display: block;
  color: #396f8f;
  font-size: 93%; /* 12px */
  text-transform: uppercase;
  font-weight: bold;
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: right;
}

.quote-info {
  font-size: 77%; /* 10px */
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: right;
  display: block;
}

.disclaimer {
	font-size: 77%;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 80px;
}
.disclaimer2 {
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding-top: 80px;
}

/* footer
----------------------------------------------- */
#footer {
  background: #396f8f;
  width: 835px;
  margin: 0 auto;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

#footer-inner {
  padding: 15px;
}

#footer a {
  color: #fff;
  text-decoration: none;
}

#footer a:hover {
  text-decoration: underline;
}

#footer ul li {
  display: inline;
  background: url(../images/list-style-circle.gif) no-repeat left;
  padding: 0 5px 0 9px;
}

#footer ul li.first {
  padding-left: 0;
  background: none;
}

#footer ul li.last {
  border-right: none;
}

/* Footer top */
#footer-top {
  font-size: 93%; /* 12px */
  border-bottom: 1px solid #fff;
  padding: 0 0 10px 0;
  margin: 0 0 10px 0;
}

#footer-top ul.footer-about {
  font-weight: bold;
  font-style: italic;
}

/* Footer bottom */
#footer-bottom {
  font-size: 85%; /* 11px */
}

#footer-bottom ul li {
  border-right: 1px solid #fff;
  padding: 0 10px 0 5px;
  background: none;
}

#footer-bottom p {
  margin: 5px 0 0 0;
}


/* clear fix
----------------------------------------------- */
.clearfix:after {                                 /* add .clearfix class to clear floats after an element */
  clear: both;                                    /* (IE version is in ie6-fixes.css) */
  content: "."; 
  display: block; 
  font-size: 0;
  height: 0; 
  visibility: hidden;
}


/* quick links - REMOVE BEFORE GOING LIVE!!
----------------------------------------------- */
#quicklinks {
  position: absolute; 
  top: 0;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 85%;
}

.floatleft {
	float: left;
	padding: 0 10px 10px 0;
}