#header, #footer {
  padding: 0 8px;
}
#header {
}
#footer {
  clear: both;
  padding: 0 8px 16px 8px;
}
#content {
    padding: 8px 32px;
}
#main {
  text-align:center;
}
#main img+p {
  padding-left: 8px;
  float:right;
}


#hd {
}
#bd {
}
.index-panel {
    padding: 8px;
    margin-bottom: 16px;
}

#badges {
    text-align: center;
}

#promo {
    text-align: center;
}

#news {
    background: #FFFDEA;
    margin-right: 8px;
    padding: 8px 16px;
}
#promo {
    background: #FEE499;
    padding: 8px 16px;
}
#services-container {
    font-size: 1.0em;
  min-height: 470px;
    background: #E8F0FF url(../images/logo_bg.png) no-repeat top center;
}
#inner-container {
}

.service-outer {
    margin: 8px auto;
}

.service-inner {
    margin: 0 auto;
}
.service-logo {
    text-align:center;
}
.service {
    padding:8px 16px;
}
.service-content img {
    padding:0;
}
.service-content {
    text-align:center;
}

.service-footer {
    clear:both;
    text-align: center;
  margin: 16px 8px 8px 8px;
  padding: 16px 16px 0 16px;
}

.service h3 {
  text-transform: uppercase;
  font-size:1.5em;
  text-align:center;
  margin: 0 0 8px 0;
  white-space:nowrap;
  padding: 4px;
}
.slide-wrap:hover {
    cursor:pointer;
}

#services-nav {
    text-align: center;
}

.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
background: url("../images/arrow_left.png") no-repeat center;
}

.stripNavR {
background: url("../images/arrow_right.png") no-repeat center;
}

#browse {
    font-size: 1.25em;
    vertical-align: top;
}


#submenu {
  text-align:center;
  padding-bottom: 8px 0 4px 0;
  border-bottom: 1px solid #ccc;
}
#logo {
    text-align: center;
}
#auth {
}
.keyword, .shortcode, .brand {
  font-weight: bold;
}
.keyword {
    text-transform: uppercase;
}

dl.faq dt {
font-weight: bold;
}

dl.faq {
margin:0;
}

dl.faq dd {
margin: 0 0 .3em;
padding-left: 1em;
}
div#main {
  margin: 16px;
  text-align:center;
}


#mainmenu {
}
#mainmenu, #moreinfo {
  border: 2px solid #DEDEDE;
  background: #FFFDEA;
  padding: 8px 8px;
  text-align: center;
}

#moreinfo ul {
}
a.more {
  display:block;
  text-align:right;
}
#badges {
    list-style: none;
}
#badges li {
    list-style: none;
    display: inline;
}
#badges .faded {
    display:inline;
}

.small_link {
    text-transform: lowercase;
    font-size: .8em;
    vertical-align: middle;
}

#outer-container2 {
    background: #FFF url(../images/logo_bg.png) center top no-repeat;
  width:875px !important; 
  width /**/:810px;
  margin: 150px auto 0 auto;
  padding-bottom: 150px;
  min-height: 450px;
  border-bottom: 1px dotted #CCC;
}
.index-panel {
    border-top: 2px solid #EEE;
    border-left: 2px solid #EEE;
    border-right: 2px solid #EEE;
}
 
#slogan {
    background: transparent url(../images/header_bg.png) no-repeat top center;
    padding-top: 8px;
    width: 500px;
    height: 34px;
    margin: 0 auto;
}

#inner-container {
}

.service-outer {
    margin: 8px auto;
}

.service-inner {
    margin: 0 auto;
}
.service-logo {
    text-align:center;
}
.service {
    padding:8px 16px;
}
.service-content img {
    padding:0;
}
.service-content {
    text-align:center;
}

.service-footer {
    clear:both;
    text-align: center;
  margin: 16px 8px 8px 8px;
  padding: 16px 16px 0 16px;
}

.service h3 {
  text-transform: uppercase;
  font-size:1.5em;
  text-align:center;
  margin: 0 0 8px 0;
  white-space:nowrap;
  padding: 4px;
}
.service:hover {
    cursor:pointer;
}

#promo {
    float: left;
}
#news {
    float: left;
}

#services-nav {
    text-align: center;
}

noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 16px auto;
    width: 580px;
	position: relative;
    background: #FFFDEA;
  border: 2px solid #DEDEDE;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
	margin: auto;
	width: 500px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	/* height: 460px; */
	clear: both;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0;
    top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 100%;
	position: relative;
	width: 500px; /* Also specified in  .stripViewer  above */
}


.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
	margin: auto;
}

.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
background: url("../images/arrow_left.png") no-repeat center;
}

.stripNavR {
background: url("../images/arrow_right.png") no-repeat center;
}

#browse {
    font-size: 1.25em;
    vertical-align: top;
}
#welcome {
}
#welcome-text {
    font-size: 1.25em;
    /*
    background: #66b0cb;
    background:#FEE499;
    background: #d9eafe;
    */
}
#welcome-links {
}

a#register {
    background: url(../images/register.png) no-repeat top;
    display:block;
    height: 50px;
}

a#video:hover {
    background: url(../images/video-hover.png) no-repeat top;
}

a#video {
    background: url(../images/video.png) no-repeat top;
    display:block;
    height: 50px;
}

a#register:hover {
    background: url(../images/register-hover.png) no-repeat top;
}

.tn {
    float: right;
}
.tn-container {
    background: #EEE;
    height: 200px;
}
.tn-container:hover {
    cursor:pointer;
    background: #FEE499;
}