/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font-family: Helvetica, Arial, sans-serif;
	color:#5c5c5c;
  /* Use a 12px base font size with a 16px line height */
  font-size: 0.75em; /* 16px x .75 = 12px */
  line-height: 1.5em; /* 12px x 1.333 = 16px */
}

a:link, a:visited {
  color:#2362AA;
}

a:hover, a:active {
  color:#b64f17;
}

h1, h2, h3, h4 {
  margin:.5em 0 .667em;
  color:#2362aa;
}

h2 {
  font-size:1.5em;
}

h3 {
  font-size:1.25em;
}

ol, ul {
	list-style: none;
}

p {
  margin-bottom: 8px;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* End Reset */


/* Main Structure */
	/* Colors
	lt blue: #edf4fc;
	dk. blue: #2362aa;
	orange: #b64f17;
	grey-text: #5c5c5c;
	*/
#wrapper {
    width: 840px;
    margin: 0 auto;
    background: transparent url(../images/full-bkg-taller.jpg) no-repeat;
    background-position: 0 210px;
}

#logo {
  text-align: center;
  margin:25px 0 45px 0;
}

#contact {
  background: #edf4fc;
  padding:20px 0 20px 0;
}

#footer {
	padding:10px 0 0 0;
	margin-bottom: 50px;
	font-size:.90em;
}

#contact-inner, #footer-inner {
	width: 736px;
  margin:0 auto;

}

div#slider ul.navigation {
  width:740px;
  margin:0 0 20px 0;
  text-align: center;
  float:left;
}

div#slider ol {
  list-style: decimal;
}

div#slider ol li {
  margin:0 35px 10px 45px;
}

div#slider ol li ul {
  list-style: circle;
}

div#slider ol li ul li {
  margin:0 0 5px 15px;
}

div#slider ul li {
  margin:0 0 5px 8px;
}

strong {
  font-weight: bold;
}

div#slider ul.navigation li {
  display:inline;
  float:left;
  margin:0;
}

div#slider ul.navigation li#welcome a, div#slider ul.navigation li#mission a, div#slider ul.navigation li#why-join a, div#slider ul.navigation li#membership a, div#slider a#left-arrow, div#slider a#right-arrow {
	font-size:0 !important;
	line-height:0 !important;
	overflow:hidden !important;
	text-align:left !important;
	text-indent:-10000px !important;
	text-decoration: none;
	display: block;
}

div#slider ul.navigation li#welcome {
  margin:0 66px 0 24px;
}

div#slider ul.navigation li#welcome a {
	width:109px;
	height:28px;
  background: transparent url(../images/nav-welcome.gif) no-repeat 0 0;
}

div#slider ul.navigation li#mission {
  margin-right:80px;
}

div#slider ul.navigation li#mission a {
	width:90px;
	height:28px;
  background: transparent url(../images/nav-mission.gif) no-repeat 0 0;
}

div#slider ul.navigation li#why-join a {
	width:117px;
 	height:28px;
  background: transparent url(../images/nav-why-join.gif) no-repeat 0 0;
}

div#slider ul.navigation li#why-join {
  margin-right:71px;
}

div#slider ul.navigation li#membership a {
	width:150px;
 	height:28px;
  background: transparent url(../images/nav-membership.gif) no-repeat 0 0;
}

div#slider ul.navigation li#welcome a:hover, div#slider ul.navigation li#mission a:hover, div#slider ul.navigation li#why-join a:hover, div#slider ul.navigation li#membership a:hover {
  background-position: 0 -28px;
}

div#slider ul.navigation li#welcome a:active, div#slider ul.navigation li#mission a:active, div#slider ul.navigation li#why-join a:active, div#slider ul.navigation li#membership a:active,
div#slider ul.navigation li#welcome a.active, div#slider ul.navigation li#mission a.active, div#slider ul.navigation li#why-join a.active, div#slider ul.navigation li#membership a.active {
  background-position: 0 -56px;
}

div#slider a#left-arrow, div#slider a#right-arrow {
  width:72px;
  height: 72px;
}

div#slider a#left-arrow:hover, div#slider a#right-arrow:hover {
  background-position: 0 -72px;
}

div#slider a#left-arrow {
  background: transparent url(../images/left-arrow.png) no-repeat 0 0;
}

div#slider a#right-arrow {
  background: transparent url(../images/right-arrow.png) no-repeat 0 0;
}

/* End Main Structure */


/* scrolling magic */
#slider {
  width: 740px;
  min-height: 575px;
  height: auto !important;
  height: 575px;
  margin: 0 auto;
  position: relative;
  /*background: transparent url(../images/content-bkg.png) top center repeat-x;*/
}

.scroll {
  height: 491px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 535px;
  width: 700px; /* change to 560px if not using JS to remove rh.scroll */
}

.scrollButtons {
  position: absolute;
  top: 245px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -72px;
}

.scrollButtons.right {
  right: -72px;
}


h2.header-replace {
	text-indent:-10000px !important;
  width:500px
}

h2#welcome-header {
  height:35px !important;
  background: transparent url(../images/welcome-header.gif) no-repeat;
}

h2#mission-header {
  height:35px !important;
  background: transparent url(../images/mission-header.gif) no-repeat;
}

h2#why-join-header {
  height:35px !important;
  background: transparent url(../images/why-join-header.gif) no-repeat;
}

h2#membership-header {
  height:35px !important;
  background: transparent url(../images/membership-header.gif) no-repeat;
}

h2#join-now-header {
  height:35px !important;
  background: transparent url(../images/join-now-header.gif) no-repeat;
}

div.content-left {
  width:425px;
  padding:0 15px 0 0;
  float:left;
}

div.content-right {
  width:245px;
  float: left;
}

div.inner-scroll {
  display: block;
  float:left;
}

#myForm { position: relative; }


label                       { width: 150px; display: block; color: #5c5c5c; font-size:1.15em; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float:none; color: red; padding-left: .5em; z-index: 10000; margin: 0;  } 
                              
.rowElem #jqTransformTextarea-mm
label.error                 {  }

.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }

p#bademail, p#badserver {
  color:#9e1212;
  font-size: 1.15em;
  font-weight: bold;
}
p#success {
  color:#5c5c5c;
  font-size: 1.15em;
  font-weight: bold;
}