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;
}


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;
}


.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: 20%;
  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: 60%;
}

.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 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;
  overflow: auto;
}

.minor-triggered {
  display: none;
}

.error {
  background: #FFE05D;
  color: #A51706;
  padding: 5px 2em;
}

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