.text-right {
  text-align: right;
}

/***** Global *****/
/* Body */
body {
  background: url('../images/body_bg.jpg') repeat-x #8ba3b1;
  color: #000305;
  font-size: 14px; /* Base font size: 14px */
  font-family: 'Trebuchet MS', Trebuchet, 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
  line-height: 1.4em;
  margin: 1em 0 0;
  padding: 0;
  text-align: left;
}

/* Headings */
h2 {
  font-size: 1.571em
}

/* 22px */
h3 {
  font-size: 1.429em
}

/* 20px */
h4 {
  font-size: 1.286em
}

/* 18px */
h5 {
  font-size: 1.143em
}

/* 16px */
h6 {
  font-size: 1em
}

/* 14px */

h2, h3, h4, h5, h6 {
  font-weight: 400;
  line-height: 1.1em;
  margin-bottom: .8em;
}

/* Anchors */
a {
  outline: 0;
}

a img {
  border: 0px;
  text-decoration: none;
}

a:link, a:visited {
  color: #738aa5;
  padding: 0 1px;
  text-decoration: underline;
}

a:hover, a:active {
  color: #0066cc;
  text-decoration: none;
}

/* Paragraphs */
p {
  margin-bottom: 1.143em;
}

* p:last-child {
  margin-bottom: 0;
}

strong, b {
  font-weight: bold;
}

em, i {
  font-style: italic;
}

/* Lists */
ul {
  list-style: outside disc;
  margin: 1em 0 1.5em 1.5em;
}

ol {
  list-style: outside decimal;
  margin: 1em 0 1.5em 1.5em;
}

dl {
  margin: 0 0 1.5em 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 1.5em;
}

/* Quotes */
blockquote {
  font-style: italic;
}

cite {
}

q {
}

/* Tables */
table {
  margin: .5em auto 1.5em auto;
  width: 98%;
}

/* Thead */
thead th {
  padding: .5em .4em;
  text-align: left;
}

thead td {
}

/* Tbody */
tbody td {
  padding: .5em .4em;
}

tbody th {
}

tbody .alt td {
}

tbody .alt th {
}

/* Tfoot */
tfoot th {
}

tfoot td {
}

/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
  display: block;
}

/***** Layout *****/
.body {
  clear: both;
  margin: 0 auto;
  width: 90%;
}

img.right figure.right {
  float: right;
  margin: 0 0 2em 2em;
}

img.left, figure.left {
  float: right;
  margin: 0 0 2em 2em;
}

/*
	Header
*****************/
#banner {
  margin: 0 auto;
  padding: 1.000em 0 0 0;
}

/* Banner */
#banner h1 {
  float: left;
  font-size: 2.000em;
  line-height: .6;
}

#banner h1 a:link, #banner h1 a:visited {
  color: #000305;
  display: block;
  font-weight: bold;
  margin: 0 0 .6em .2em;
  text-decoration: none;
  width: 300px;
}

#banner h1 a:hover, #banner h1 a:active {
  background: none;
  color: #33ccff;
  text-shadow: none;
}

#banner h1 strong {
  font-size: 0.36em;
  font-weight: normal;
}

/* Global Menu */
.global-menu {
  color: #fff;
  float: right;
  font-size: 0.875em;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.global-menu li {
  float: left;
  display: inline;
  margin: 0 0 0 16px;
}

.global-menu a:link, .global-menu a:visited {
  color: #fff;
  text-decoration: none;
}

/* Tab Menu */
.tab-menu, .tab-menu-batched-renums {
  font-size: 1em;
  height: 40px;
  line-height: 16px;
  margin: 0 auto 0 auto;
  padding: 0;
  text-align: center;
}

ul.tab-menu, ul.tab-menu-batched-renums {
  list-style: none;
  margin: 0;
}

.tab-menu li, .tab-menu-batched-renums li {
  float: left;
  display: inline;
  margin: 0 4px 0 0;
}

.tab-menu-batched-renums a:link, .tab-menu-batched-renums a:visited {
  background: none repeat-x scroll 0 -40px #fcfeff;
  color: #000000;
  display: inline-block;
  height: 28px;
  padding: 10px 12px 0;
  text-decoration: none;
  border: 1px dotted #e5f2fc;
}

.tab-menu a:link, .tab-menu a:visited {
  background: repeat-x 0px -40px #fff;
  color: #000;
  display: inline-block;
  height: 28px;
  padding: 12px 12px 0;
  text-decoration: none;
  /*border: 1px solid;*/

  border-top-left-radius: 8px;
  -moz-border-top-left-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-top-right-radius: 8px;
  -webkit-border-top-right-radius: 8px;
}

.tab-menu a:hover, .tab-menu a:active,
.tab-menu .active a:link, .tab-menu .active a:visited {
  background: #efefef;
  color: #000;
  text-shadow: none !important;
}

.tab-menu-batched-renums a:hover, .tab-menu-batched-renums a:active,
.tab-menu-batched-renums .active a:link, .tab-menu-batched-renums .active a:visited {
  background: #e5f2fc;
  color: #000;
  text-shadow: none !important;
}

.tab-menu a strong, .tab-menu-batched-renums a strong {
  display: inline-block;
  padding-left: 18px;
}

/* Sub Menu */
.sub-menu {
  background: #efefef;
  border-bottom: 1px solid #e7e7e7;
  font-size: 0.750em;
  height: 32px;
  line-height: 20px;
  padding-top: 8px;
  text-align: left;
}

.sub-menu ul {
  list-style: none;
  margin: 0;
}

.sub-menu li {
  background: #efefef;
  /*float:left;*/
  display: inline;
  margin: 6px 0.1em;
  padding: 2px 0.5em;
}

.sub-menu a:link, .sub-menu a:visited {
  color: #000;
  display: inline-block;
  padding-left: 18px;
  text-decoration: none;
}

.sub-menu li:hover {
  background: #ccc;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  text-shadow: 0px 1px #fff;
}

/* Content */

.content {
  background: #fff;
  padding: 2em 20px;
  overflow: hidden;
}

.content .header {
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  overflow: hidden;
}

.content .header h1 {
  color: #5a5a5a;
  font-size: 1.5em;
  margin-bottom: 0.25em;
  width: 50%;
}

.content .col_question, .content .col_master {
  border-right: 1px solid #ccc;
  float: left;
  padding: 1em 20px 2em 0;
  width: 220px;
  overflow: hidden;
}

.content .col_answer, .content .col_detail {
  float: right;
  padding-top: 1em;
  width: 640px;
}

.content #view {
  background: #fff;
  border: 1px solid #ccc;
  float: right;
  font-size: 0.875em;
  line-height: 16px;
  margin: 0;
  padding: 0px;
  text-align: left;
  width: 680px;

  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.content #view .header {
  background: #999 url('../images/alpha-gradient-white.png') repeat-x;
  background-position-y: -20px;
  height: 24px;
  padding: 0 4px;
}

.content h2 {
  border-bottom: 1px solid #ccc;
  color: #999;
  float: left;
  font-size: 1.250em;
  font-weight: bold;
  line-height: 1.500em;
  text-shadow: 1px 1px 1px #fff;
  width: 100%;
}

.content #view ul.ul-time {
  float: right;
  list-style: none;
  margin: 4px 0;
}

.content #view ul.ul-time li {
  float: left;
  display: inline;
  margin: 0;
}

.content #view ul.ul-time a {
  background-position: left;
  color: #666;
  display: inline-block;
  padding-left: 20px;
  margin: 0 0.500em;
  text-decoration: none;
}

.content #view ul.ul-time a.day {
  background: url('../images/icons/calendar_view_day.png') no-repeat;
}

.content #view ul.ul-time a.week {
  background: url('../images/icons/calendar_view_week.png') no-repeat;
}

.content #view ul.ul-time a.month {
  background: url('../images/icons/calendar_view_month.png') no-repeat;
}

.content #view article {
  clear: both;
  padding: 20px;
}

/*
	About
*****************/
#about {
  background: #fff;
  font-style: normal;
  margin-bottom: 0.5em;
  overflow: hidden;
  padding: 20px;
  text-align: left;
  width: 920px;

  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

#about .primary {
  float: left;
}

#about .primary strong {
  color: #ee2e24;
  display: block;
  font-size: 1.286em;
}

#about .photo {
  float: left;
  margin: 5px 20px;
}

#about .url:link, #about .url:visited {
  text-decoration: none;
}

#about .bio {
  float: left;
}

/*
	Footer
*****************/
.contentinfo {
  clear: both;
  padding: 2em 0;
  text-align: right;
}

.contentinfo a {
  color: #ee2e24
}

.contentinfo a:hover {
  background: none;
}

/*
 Flash Notice
******************/
.flash_notice {
  border: solid 1px #99cc99;
  background-color: #e2f9e3;
  color: #006600;
  padding: 5px;
  margin-bottom: 5px;
}

.flash_error {
  border-color: #cc0000;
  background-color: #eeaaaa;
  color: #cc0000;
  padding: 5px;
  margin-bottom: 5px;
}

.fieldWithErrors {
  display: inline;
}

#errorExplanation {
  width: 400px;
  border: 2px solid #CF0000;
  padding: 0px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: 0;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 8px;
}

#errorExplanation ul {
  margin: 2px 24px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: disc;
}