body {
  margin: 10px 0; background: #FFF;

  text-align: center;
  font-family: Verdana, Arial, sans-serif;

  background: #4871B3;
}


a img {
  border: 0 none;
}


a.btn-link {
  padding: 0;
}


a.btn-link img {
  margin: 0;
}


a.btn-link {
  outline:0 none;
}


a.btn-link:hover {
  outline:1px solid #FFE05D;
}


p, ul, ol {
  margin: 5px 0;
  padding: 0;

  text-align: justify;
}


ul {
  margin: 0 0 10px 1.6em;
  padding: 0;

  list-style: square;
}

ol {
  margin: 0 0 10px 1.6em;
  padding: 0;
}

li {
  margin: 2px 0;
  padding: 0;
}


h2 {
  padding: 0;
  margin: 10px 0 5px 0;

  text-align: center;
  font-size: 15px;
}

h3 {
  padding: 0;
  margin: 10px 0 5px 0;

  font-size: 13px;
  text-align: left;
}


h4 {
  padding: 0;
  margin: 5px 0;

  font-size: 12px;
  text-align: left;
}


a {
  color: #FFE45C;
}

a:hover {
  color: #FC9;
}

a:visited {
  color: #FFCC99;
}


table {
  font-size: 11px;
  color: #FFF;
  text-align: justify;
}


table.nice {

}

table.nice th {
    background: #96A9C1;
    font-weight: bold;
    padding: 5px;
}

table.nice tr td {
    background: #547CB0;
    padding: 3px;
}

table.nice tr.even td {
    background: #6689B8;
}


hr {
  margin: 5px 0;
  padding: 0;

  color: #597FBA;
  height: 1px;
  border: 0 none;
  background: #597FBA;
}


#homepage h2 {
  text-align: left;
  font-size: 12px;
}


#homepage h2 {
  text-align: left;
  font-size: 11px;
}




#wrapper {
  margin: 0 auto;
  width: 780px;

  text-align: left;
}

#header {
  margin: 0 0 17px 0;

  text-align: center;
}


#tagline {
  padding: 10px 0;

  text-align: center;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #FFF;
}


#menu {
  margin: 0;

  font-size: 11px;
  font-weight: bold;
}

#menu td {
  padding: 0;
}

#menu a {
  display: block;

  height: 26px;

  padding: 5px;

  color: #FFF;
  text-decoration: none;
  text-align: center;

  border-left: 1px solid #4573B2;
  border-right: 1px solid #4573B2;
  border-bottom: 2px solid #4573B2;
  background: #6888B9;
}

#menu a.current {
  text-decoration: none;
  text-align: center;

  background: #97A9C2;
}


#menu a.signup {
  color: #AA1111;
}


#menu a:hover {
  color: #FC9;
  text-decoration: none;
  text-align: center;

  background: #97A9C2;
}


#menu a.signup:hover {
  color: #EE3333;
}


.with-submenu a.current {
  height: 28px !important;
  border-bottom: 0 none !important;
}



#submenu {
  margin: 0 1px;
  padding: 7px 10px;

  font-size: 11px;
  font-weight: normal;
  text-align: center;
  color: #FFF;

  background: #97A9C2;
}

#submenu a {
  color: #FFF;
  text-decoration: none;
}

#submenu a.current {
  font-weight: bold;
  text-decoration: none;
}


#submenu a:hover {
  color: #FC9;
  text-decoration: underline;
}







#content {
  font-size: 11px;
  text-align: justify;
  color: #FFF;
}

#content p {
  margin: 1.3em 0;
}

.photo-cell {
  background: #6689B8;
  text-align: center;
  height: 80px;
  padding: 10px;
}


.title-photo {
  background: #6689B8;
  text-align: center;
  padding: 20px;
}


.title-photo p {
  margin: 10px 0 0 0;
}


#footer {
  padding: 5px 20px;

  text-align: center;
  background: #6689B8;
  border-top: 1px solid #597FBA;
}


#sitemap {
  text-align: center;
  font-size: 11px;
  color: #fff;
}

#sitemap h3 {
  text-transform: uppercase;
}



.highlight {
  padding: 5px 10px;

  text-align:center;
  font-size: 120%;

  background: #658AB7;
}


/* root element for accordion. decorated with rounded borders and gradient background image */
.accordion {
  margin: 0 0 10px 0;

	border:1px solid #658AB7;
}

/* accordion header */
.accordion h2 {
	margin: 0;
	padding: 5px 10px;

	font-size: 12px;
	font-weight: normal;
	text-align: left;
  color: #FFF;

	background: #658AB7;
	border: 1px solid #658AB7;
	border-bottom: 1px solid #4871B3;

	cursor: pointer;
}


/* currently active header */
.accordion h2.current {
	cursor:default;

  color: #FFF;
	font-weight: bold;

	background: #658AB7;
	border:1px solid #658AB7;
}

/* accordion pane */
.accordion div.pane {
	display: none;

/* 	height: 220px; */

	padding: 5px 10px;
}

/* a title inside pane */
.accordion div.pane h3 {
	font-weight: normal;
	margin: 0 0 -5px 0;
	font-size: 12px;
	color: #999;
}


.tooltip {
  display: none;

  padding: 20px 20px;

  width: 200px;

  font-size: 14px;
  color: #fff;
  text-align: center;
  text-decoration: none;

  background: #333;
  border: 3px solid #fff;

  z-index: 3000;
}

.tooltip p {
  text-align: left;
}

a.tooltip:hover {
  color: #fff;
  text-decoration: none;
}

.tooltip.blue {
  padding: 25px 20px !important;

  background: #2051A9 !important;
}




ul.tabs {
	list-style:none;
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #AAA;
}


ul.tabs li {
	float: left;

	padding: 0;
	margin: 0 2px 0 0 !important;

	text-indent: 0;
	list-style-image: none !important;
}


ul.tabs a {
	display:block;

	position: relative;
	top: 1px;

	padding: 2px 10px;
	margin: 0 2px 0 0;

	height: 100%;

	line-height: 20px;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	color: #DDD;

  background: #6888B9;
}


ul.tabs a:active {
	outline: none;
}


ul.tabs a:hover {
	color:#fff;
}


ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor: default !important;
	color: #FFF !important;

  background: #97A9C2;
}


div.panes div.pane {
	display:none;
}


#wizard {
}

#wizard .panes {
  background: #96A9C1;
}

#wizard .panes > div {
  height: 200px;
  text-align: left;
}



.hl {
/*   color: #FFE45C; */
  color: #C82B03;
}

.hl-students.hl { color: #E2EAEC; }
.hl-friends.hl  { color: #C3D3EC; }
.hl-gold.hl     { color: #FFE449; }
.hl-diamond.hl  { color: #9DB700; }
.hl-pink.hl     { color: #E25F95; }


.web-form {
  text-align: left;
  margin: 1em 0;
  padding: 0;
}

.step-mark {
  color: #FFE05D;
}

.web-form .form-row {
  overflow: hidden;
  margin: 0 0 0.3em 0;
/*   padding: 0 0 0 21%; */
}

.web-form .form-row label {
  display: block;
  float: left;
  width: 30%;
  text-align: left;
  margin: 0.1em 0 0 0;
  padding: 0;
}

.web-form .buttons {
  text-align: right;
  margin: 0.5em 0 0 0;
}

.web-form .text-line, .web-form select, .web-form textarea {
  width: 50%;
}

.web-form textarea {
  height: 100px;
}

.web-form fieldset {
  padding: 0.1em 2em;
  margin: 0.2em 0 0.5em 0;

  border: 1px solid #6689B8;
}

.web-form fieldset fieldset {
  margin: 0 0 0 30% !important;
  padding: 0 !important;
  width: 51% !important;
  overflow: hidden !important;
  border: 0 none !important;
}

.web-form fieldset fieldset label {
  display: inline !important;
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
}

.web-form fieldset legend {
  padding: 0.1em 1em;
  background: #6689B8;
}

.w5 { width: 5% !important; }
.w10 { width: 10% !important; }
.w15 { width: 15% !important; }
.w20 { width: 20% !important; }
.w25 { width: 25% !important; }
.w30 { width: 30% !important; }
.w35 { width: 35% !important; }
.w40 { width: 40% !important; }
.w45 { width: 45% !important; }
.w50 { width: 50% !important; }
.w55 { width: 55% !important; }
.w60 { width: 60% !important; }
.w65 { width: 65% !important; }
.w70 { width: 70% !important; }
.w75 { width: 75% !important; }
.w80 { width: 80% !important; }
.w85 { width: 85% !important; }
.w90 { width: 90% !important; }
.w95 { width: 95% !important; }
.w100 { width: 100% !important; }


.scroller {
  height: 2in;
  padding: 10px;
  overflow: auto;
  background: #FCFCFC;
  color: #333;
}

.scroller * {
  color: #333;
}

.minor-triggered {
  display: none;
}

.error {
  background: #8EF222; /* #96A9C1; */
  color: #333; /* #4054AA; */
  padding: 0 2em;
  margin: 0 12px;
}

.captcha .error {
  margin: 0 12px 0 112px !important;
}


.error span {
  font-size: 10px;
}

h4.greyed {
  color: #888;
}

h4.greyed .step-mark {
  color: #888 !important;
}

h4.greyed a {
  color: #999;
}

h4.greyed a:hover {
  color: #AAA !important;
}