/* ELEMENTS */
body {
  font-family:verdana,arial,sans-serif;
  font-size:62.5%;
  text-align:center;
  color:#000000;
}

h2 {
  font-weight:bold;
  font-size:1.4em;
  line-height:1.6em;
}

h3 {
  font-weight:bold;
  font-size:1.3em;
  line-height:1.5em;
}

blockquote {
  padding:0.5em 1em;
  background-color:#DDDDDD;
}

dt {
  font-weight:bold;
}

strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
code {
  font-family:courier new,monospace;
  font-size:1.2em;
  line-height:1.4em;
}
hr {
	margin:20px;
}

/* CLASSES */
.menu li {
  background:url(images/menu_dots.gif) no-repeat center right;
  display:inline;
  padding:10px 10px 10px 0;
}

.menu li.last {
  background-image:none;
  padding-right:0;
}

.menu li a {
  background:url(images/menu_arrow.gif) no-repeat center left;
  color:black;
  padding:10px;
}

.roundcont {
	width: 100%;
	background-color: #ffffff;
}

.roundcont p, .roundcont li, .roundcont blockquote {
  font-size:1.2em;
  line-height:1.4em;
}

.roundcont .content {
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  padding:10px 25px 0 25px;
  text-align:left;
  /* this is to fix an IE bug that causes the borders to break */
  zoom:1;
}

.roundcont h1 {
  font-size:1.5em;
  border-left:1px solid #000000;
  border-right:1px solid #000000;
  text-align:left;
  padding:5px 0 5px 5px;
  background-color:#DDDDDD;
  font-style:italic;
  font-weight:bold;  
}
.orangebox {
  float:right;
  margin-left:5px;
  padding:10px;
  background-color:#F8C095;
  border:1px solid #666666;
}

.right {
  clear:both;
}
.roundtop { 
	background: url(images/corner_tr.gif) no-repeat top right;
}

.roundbottom {
	background: url(images/corner_br.gif) no-repeat top right; 
}

.roundtop, .roundbottom {
  text-align:left;
}

img.corner {
  width: 15px;
  height: 15px;
  border: none;
  display: block !important;
}

.section {
  padding:3px;
  text-align:center;
}

.content ul {
  list-style-type:disc;
  margin-left:15px;
}

.content li {
  padding-bottom:0.75em;
}

.content p, .content ul, .content h2, #ft p {
  padding-bottom:1em;
}

.content a, .content a:link, .content a:visited, .content a:hover, a:active {
	color:#F15D22;
}

.boxtext {
  padding:10px;
}

.content h3 {
  padding-top:1em;
}

.graphic {
	margin:20px 0;
}

dl.terms-conditions {
  padding:1em 0;
}

.terms-conditions dd {
  float:left;
  padding-left:1em;
}

.terms-conditions dt {
  clear:left;
  float:left;
}
.content h2 {
	clear:right;
}

/* STYLES YOU MIGHT WANT TO USE */
.pullquote {
  float:right;
  margin:0 0 1em 1em;
  width:20em;
}
.definition {
	font-style:italic;
	text-align:center;
}
img.right {
	float:right;
	margin-left:20px;
}
.video {
  margin:10px 0;
  text-align:center;
}


/* JUST ASSIGN A CLASS OF data TO THE TABLE */
/* USE THEAD, TBODY, and TH */
/* YOU MAY NEED TO ADJUST WIDTHS FOR THE INDIVIDUAL CELLS */

table.data { width:100%; }
.data td, .data th { margin:0;padding:5px 3px;font-size:9px;text-align:center;border-right:1px solid #d3d3d3;border-top:1px solid #d3d3d3;width:6.5%; }
.data tbody th { text-align:center;text-transform:capitalize;font-weight:normal; }
.data th.section { padding-top:20px;border-right:0px none transparent;border-left:0px none transparent;font-weight:bold; }
.data tr, .data td, .data th { vertical-align:middle; }
.data { margin-top:1em;margin-bottom:1em; }
.issue-types th { font-weight:normal; }
/* ASSIGN THE LAST CELLS IN EACH ROW A CLASS OF lastcell */
.data td.lastcell { border-left:1px solid #d3d3d3; }
/* ASSIGN THE LAST ROW A CLASS OF bottom-row */
.data .bottom-row td, table.data .bottom-row th { border-bottom:1px solid #d3d3d3; }

/* IDs */
#body-wrap {
  background-color:#f15d22;
  border:1px solid black;
  margin:1em auto;
  max-width:1200px;
  min-width:800px;
  text-align:left;
  width:50%;
}

#hd {
  background-color:#ffffff;
  border-bottom:1px solid black;
  height:100px;
}

#hd #logo {
  float:left;
}
#hd .banner {
  float:right;
}
#navbar {
  background-color:#ffffff;
  border-bottom:1px solid #000000;
  border-top:1px solid #000000;
  float:left;
  margin-top:5px;
  padding:10px 0;
  text-align:center;
  width:100%;
}
#bd {
  clear:left;
}
#page-summary {
  font-weight:bold;
}
#feedback-request {
  background-color:white;
  height:53px;
  margin:10px 0 0 0;
}
#feedback-request img {
  float:left;
}
#feedback-request p {
  font-size:1.2em;
  line-height:2.2em;
  margin-right:1em;
  text-align:right;
}
#feedback-request p a {
  color:#F15D22;
  font-style:italic;
  text-decoration:none;
}
#subscribe-row p {
  padding:10px 0;
  text-align:center;
}
#subscribe-row a {
  color:#000000;
}
#ft {
  background-color:#FFFFFF;
  padding:1em;
}

#ft h3, #ft p, #ft dt, #ft dd {
  font-size:1.1em;
  line-height:1.4em;
}

#ft p {
  display:block;
  clear:left;
}

.image-compare, .graphic {
  text-align:center;
}