/**
 * @file
 * Custom Styling
 */

/**
 * Here are some example for customize your theme layout with
 * custom.css, divided into section by section.
 *
 * To apply them, copy a COMPLETE SECTION of CSS code snippet into your
 * own custom.css, and take any further more override customization.
 */
/*
 * Body
 */
body {
}

/*
 * Header
 */
#header {
  background: #56B3E6 url(../images/sprites-horizontal.png) repeat-x top left;
  background-position: 0 -1088px;
  min-height: 118px;
}
h2.block-title /* Block title */ {
  background: #56B3E6 url(../images/sprites-horizontal.png) repeat-x top left;
  background-position: 0 -1088px;
}

#main-wrapper {
  background: #fff url(../images/main-wrapper-custom.png) repeat-x top left;
  position: relative;
  padding-top: 22px;
}
#page {
  font-size: 0.875em; /* 16px x .875 = 14px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */
}
/* Headings */
h1 {
  font-size: 2.1em;
  line-height: 1.3em;
  margin: 0.476em 0;
  /* 0.476em is equivalent to 1em in the page's base font. font. Remember, a
     margin specified in ems is relative to the element's font-size, not to the
     pages' base font size. So, for example, if we want a 1em margin (relative
     to the base font), we have to divide that length by the element's
     font-size:  1em / 2.1em = 0.476em  */
}
#logo /* Wrapping link for logo */ {
  float: none; /* LTR */
  margin: 10px 0 0 10px; /* LTR */
  padding: 0;
}
#logo img {
  margin: 10px 0 0 0;
  vertical-align: bottom;
}

#name-and-slogan {
  float: none; /* LTR */
  margin: 3px 0 0 14px; /* LTR */
  padding: 0;
  color: #dfdfdf;
} 

#site-slogan /* The slogan (or tagline) of a website */ {
  font-size: 1.1em;
  font-style: italic;
}
#main-menu {
  margin: 0;
  padding: 0;
}
#main-menu li {
  background: none;
  float: left; /* LTR */
  font-size: 1.1em;
  list-style: none;
  margin: 0 2px;
  padding: 0 10px 0 0; /* LTR */
}

#main-menu li a {
  border: none;
  color: #ebebeb;
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 0 12px;
  text-decoration: none;
}
#main-menu li a:first-letter {  
  border-bottom: none;
  padding: 0 0 3px;
}
#secondary-menu {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px; /* LTR */
  top: 8px;
}

#secondary-menu li {
  background: none;
  float: left; /* LTR */
  font-size: 0.9em;
  list-style: none;
  margin: 0 2px;
  padding: 0 10px 0 0; /* LTR */
}

#secondary-menu li a {
  border: none;
  color: #ebebeb;
  display: block;
  font-weight: normal;
  margin: 0;
  padding: 0 12px;
  text-decoration: none;
}
#secondary-menu li a:first-letter {  
  border-bottom: none;
  padding: 0 0 3px;
}
/*
 * Navigation
 */
#navigation {
  float: left; /* LTR */
  width: 100%;
  padding: 0; /* DO NOT CHANGE. Add padding or margin to #navigation .section. */
  height: 24px; /* The navigation can have any arbritrary height. We picked one
                    that is the line-height plus 1em: 1.3 + 1 = 2.3
                    Set this to the same value as the margin-top below. */
}

.with-navigation #content,
.with-navigation .region-sidebar-first,
.with-navigation .region-sidebar-second {
  margin-top: 24px; /* Set this to the same value as the navigation height above. */
}

#navigation .section {
  padding: 0 10px;
}
#navigation .section,
#featured .section {
  padding: 29px 10px;
}

h1.title /* The title of the page */ {
  background: none;	  
  border: none;
  color: #121212;
  display: inline;
  font-family: "Trebuchet MS", Arial;
  font-size: 1.9em;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1.5em;
}
h2.node-title /* Node title */ {
  background: none;
  border: none;
  color: #121212;
  display: inline;
  font-family: "Trebuchet MS", Arial;
  font-size: 1.9em;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1.5em;
}
h1#site-name,
div#site-name /* The name of the website */ {
  display: none;
}
h3.comment-title /* Comment title */ {
  background: none;
  border: none;
  color: #121212;
  display: inline;
  font-family: "Trebuchet MS", Arial;
  font-size: 1.5em;
  font-weight: normal;
  letter-spacing: -1px;
  line-height: 1.5em;
}
tr.one {
	background-color: #CCCCCC;
	text-align:center;
       font-size:14px;
	border-style:solid;
       border-color:#FFFFFF;
       border-width:1px;

	}

tr.two {
	background-color:#E6E6E6;
	text-align:center;
       font-size:14px;
	border-style:solid;
       border-color:#FFFFFF;
       border-width:1px;
	}

tr.dblue th {
       background: #56B3E6 url(../images/sprites-horizontal.png) repeat-x top left;
       background-position: 0 -1088px;
       color:#FFFFFF;
	height:10px;
	text-align:left;
	font-size:16px;
	padding:0 6px;
	}

td.question {
	text-align:center;
	width: 3%;
	border:0px;
	}

td.feature {
       background-color:#E6E6E6;
	margin: 3px;
	padding: 5px;
	width:28%;
	height: 15px;
	text-align:left;
	font-size:14px;
	border-style:solid;
       border-color:#FFFFFF;
       border-width:1px;
	}

td.feature2 {
        margin: 3px;
        padding: 5px;
        width:28%;
        height: 15px;
        text-align:left;
        font-size:14px;
        border-style:solid;
        border-color:#FFFFFF;
        border-width:1px;
        }

td.plans {
	text-align:center;
	color:#31659C;
	margin: 3px;
	width: 35%;
	}

td.jvnum {
       font-size:18px;
	}

td.plans2 {
        text-align:center;
        color:#31659C;
        margin: 3px;
	width:200px;
        }

td.select {
        border-style:solid;
        border-color:#FFFFFF;
        border-width:1px;
        width: 11%;
	}

td.select2 {
       }

#maintable {
        margin:0px auto;
        padding:0px;
        border-style:solid;
        border-color:#FFFFFF;
        border-width:1px;
        width: 70%;
        }
li {
	margin: 0;
	padding: 0.2em;
	}