/* CSS Document */

/*
  clear and prop are to ensure _minimum_ height of the page border, without
  having to set an arbitrary fixed height to the border. This is handy when
  we want the bounding box to be able to grow taller if we have more stuff
  on any given page, but still want to maintain a minimum height  for
  consistent display in general.

  Got the idea for this browser-agnostic approach from
  http://www.greywyvern.com/code/min-height-hack.html
*/

.clear {
  clear:both;
  height:1px;
  overflow:hidden;
}

.prop {
  float:right;
  width:1px;
}

.min600px {
/*  height: 600px; */
  height: 474px; /* offset moving to sub-div */
}

/*
  Added this for formatting of class page heading
*/

.classheader {
  width: 400px;
}

.classheader .td-0 {
  text-align: left;
}

.classheader .td-last {
  text-align: right;
}


/* ======================================================= */


a:link {
color: #35576D;
font-weight: bold;
text-decoration: underline;
}

a:visited {
color: #35576D;
font-weight: bold;
text-decoration: underline;
}

a:hover {
color: #CC6813;
font-weight: bold;
text-decoration: underline;
}

a:active {
color: #31556B;
font-weight: bold;
text-decoration: underline;
}

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
background-color: #F5F5F5;
margin-top: 8px;
}

p {
margin:0px 0px 10px 0px;
}

ul {
margin-top: 10px;
}

/* controls top two photos on homepage 
the medieval workshop and alan with students */
#topPhoto {
position: relative;
z-index: 1;
}

/* controls homepage rotating jewelry image, bottom left */
#jewelryimage {
position: absolute;
top: 310px;
z-index: 1;
}

/* controls hoomepage text. put an extra two pixels between lines 
(line-height: 16px) to make easier to read. */
#textbox {
position: absolute;
top: 415px;
width: 354px;
margin-left: 420px;
z-index: 1;
line-height: 16px;
}

/* logo on homepage. Is opaque and floating over rest of images */
#logo {
position: absolute;
top: 230px;
visibility: visible;
z-index: 2;
width: 798px;
height: 157px;
opacity: .85;
filter: alpha(opacity=85);
}

/* controls gold revere academy tagline in logo */
#logotext {
position: absolute;
top: 320px;
margin-left: 303px;
z-index: 4;
font-style: italic;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #AE8546;
}

#navcontainer {
  position: absolute;
  top: 354px;
  margin-left: 0px;
  /* margin-left: 249px; */
  z-index: 4;
  width: 798px;
  overflow: hidden;
}

/* register button on homepage */
#register {
position: absolute;
top: 586px;
margin-left: 708px;
visibility: visible;
z-index: 2;
width: 100px;
height: 18px;
}

/* register button on subpages */
#registersub {
position: absolute;
top: 31px;
margin-left: 0px;
visibility: visible;
z-index: 2;
width: 100px;
height: 18px;
}

/* contols blue bar across top of the page on homepage only */
.navlink a:link,
.navlink a:visited,
.navlink a:active {
  display: block;
  background-color: #35576D;
  color:#FFFFFF;
  font-weight: bold;
  font-size: 12px;
  vertical-align: middle;
  padding-top: 4px;
  padding-right: 7px;
  padding-bottom: 4px;
  padding-left: 7px;
  background-position: center;
  text-decoration: none;
}

.navlink a:hover {
display: block;
background-color: #BF6B23;
color:#FFFFFF;
font-weight: bold;
font-size: 12px;
vertical-align: middle;
padding-top: 4px;
padding-right: 7px;
padding-bottom: 4px;
padding-left: 7px;
background-position: center;
}

/* contols registration box on bottom right of page */
.register a:link, 
.register a:visited,
.register a:hover, 
.register a:active {
position: absolute;
top: 100px;
/* float: right; */
margin-left: 100px;
height: 18px;
width: 100px;
visbility: visible;
z-index: 4;
background-color: #BF6B23;
font-weight: bold;
color:#FFFFFF;
text-align: center;
vertical-align: middle;
display: inline;
font-size: 11px;
line-height: 18px;
text-decoration: none;
}


/* SECONDARY PAGE */

/* blue text for second and third page headers */
.headertxt {
color: #35576D;
font-size: 28px;
font-weight: bold;
}

#leftcolumn {
float: left;
/* height: 600px; */
height: 800px;
width: 172px;
margin-right: 20px;
overflow: hidden;
background-color: #35576D;
}

/* blue nav on bottom left of page */
.leftnav {
background-color: #5D7F95;
font-weight: bold;
color:#FFFFFF;
text-align: left;
line-height: 20px;
font-size: 12px;
overflow: hidden;
}

/* top nav box */
.stopnav a:link,
.stopnav a:visited {
display: block;
text-decoration: none;
font-size: 12px;
font-weight: bold;
color:#FFFFFF;
text-align: center;
background-color: #35576D;
padding-top: 3px;
padding-bottom: 3px;
}

.stopnav a:hover { 
background: #CC6813; 
}

.stopnav a:active { 
background: #5D7F95; 
}

#secondary_textbox {
/* height: 292px; */
width: 600px;
overflow:hidden;
margin-top: 10px;
}

/* container for right column*/
#rightcolumn {
float: right;
}

#rightcontent {
  width: 155px;
  margin: 0 0 10px 14px;
  padding: 0 10px 0 14px;
  float: right;
  border-left: 1px solid #cccccc;
  font-size: 12px;
  color: #000000;
  line-height: 18px;
}

#rightcontent a {
  text-decoration: none;
}

#logoimage {
margin-bottom: 10px;
}

/* bottom, right nav box */

.sbottomnav {
  background-color: white;
}

.sbottomnav a:link,
.sbottomnav a:visited {
	display: block;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: left;
	background-color: #35576D;
	padding-top: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	margin-bottom: 1px;
	background-position: center;
}

.sbottomnav a:hover,
.sbottomnav a:active { 
background: #CC6813; 
color: #FFFFFF;
text-decoration: none;
}


/* contols registration box on bottom right of secondary page */
.register2 a:link,
.register2 a:active,
.register2 a:visited,
.register2 a:hover {
	height: 18px;
	width: 100px;
	position: absolute;
	top: 407px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 508px;
	visbility: visible;
	background-color: #CC6813;
	font-weight: bold;
	color:#FFFFFF;
	text-align: center;
	font-size: 11px;
	line-height: 18px;
}

/* contols registration box embedded in columns on bottom right of secondary page */
.register3 a:link,
.register3 a:active,
.register3 a:visited,
.register3 a:hover {
width: 60px;
display: block;
background-color: #CC6813;
font-weight: bold;
color:#FFFFFF;
text-align: center;
font-size: 11px;
vertical-align: middle;
padding: 4px;
}

/* style for testimonials on secondary pages 
does not include line height, which is in-line per page */
.testimonials {
font-size: 12px;
color: #000000;
}

/* table for two columns*/
#twotable {
margin-right: 20px;
}

/* table for two columns*/
.classesstarting {
	display: block;
	position: inherit;
	color: #FFFFFF;
	background-color: #5D7F95;
	font-size: 12px;
	padding: 5px;
	vertical-align: middle;
	text-align: center;
	float: left;
	margin-left: 10px;
}

#month-header-prevnext {
font-size: 12pt;
vertical-align: top;
}

.tx-cal-controller .month-large .weekday {
font-size: 12pt;
}

.tx-cal-controller .month-large .day {
font-size: 10pt;
}

#month-header-prevnext a img{
vertical-align: top;
}

.tx-cal-controller .navback {
background-image: none;
}

.tx-cal-controller .calborder
, .tx-cal-controller .month-large {
border: 0;
}

#month-header {
height: 30px;
margin-bottom: 7px;
vertical-align: bottom;
}

/* MLC 20081025 /contact image bottom really, really tall if clear:both */
div.csc-textpic-clear
{
clear: none;
}

#calendar-nav
, #month-header-icons {
display: none;
}

div .tx-cal-controller {
width: 100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}

.V9
, .default_catheader_text {
margin-left: 0;
padding-left: 0;
padding-bottom: .75em;
}