/* CSS Style Sheet for GBSA.info */

/*---------------------------------------
              FORMAT
 ---------------------------------------*/
/*
* { margin: 0; padding: 0; border: 0;}
  so you'll have specify values on each tag, but this is as close as you'll get to having different browsers render the same */
body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#main-container {
	position: relative;
	text-align: left;
	margin: 0px auto;
	padding: 0;
	width: 770px;   
	background-color: #FFFFFF;
}
#main-container-calendar {
	position: relative;
	text-align: left;
	margin: 0 20px;
	padding: 0;
	border-bottom: 4px solid #F33346;
}
#abcsoft{
	position: absolute;
	top: 277px;
	right: 0px;
	left: 486px;
	width: 284px;
	height: 24px;
	margin: 0;
	padding: 0;
}
#login-button {
	position: absolute;
	top: 0;
	right: 20px;
	background-image: url(images-dec2006/login-button.gif);
	width: 89px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#login-button a {
	display: block;
	text-indent: -9999px;
	background-image: url(images-dec2006/login-button.gif);
	width: 89px;
	height: 30px;
	margin: 0;
	padding: 0;
}
#login-box {
	position: absolute;
	top: 0;
	right: 0;
	width: 170px;
	height: 40px;
	visibility: hidden;
	border: 4px double #030384;
}
#login-box input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #CCCCCC;
	color: #000000;
}
#login-box .submit-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background-color: #030384;
	color: #FFF;
	cursor: hand;
}
#header {
	margin: 3px 0 0 0;
	padding: 0;
	background-image: url(images-dec2006/gbsa-logo-bckgnd.gif);
}
#header strong {
	display: block;
	height: 57px;
	background-image: url(images-dec2006/gbsa-logo.gif);
	background-repeat: no-repeat;
}
#header strong a {
	display: block;
	height: 57px;
	visibility: hidden;
}
.nav1 { 
	position: relative;
	color: #FFFFFF;
	background-color: #030384; 
	padding: 6px 0; 
	margin: 1px 4px;
}
#nav ul {
	padding: 0 ;
}
#nav  {
	padding: 0 0 0 0px;
}
#nav, #nav ul {
	float: left;
	width: 100%;   
	list-style: none;
	line-height: 1;
	background: #030384;
	font-weight: bold;
	margin: 0 ;
}

#nav a {
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 0.25em .5em;
}
#nav li {
	float: left;
	padding: 2px 6px;
/*	width: 5em;  */
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 14.4em;
	w\idth: 13.9em;
	font-weight: normal;
/*	
	border-width: 0.25em; 
*/
	margin: 0;
/*	opacity: .95;
*/
}

/* This is to make opacity work in IE. */
/*
* html #nav li ul {
	background-color: transparent;
}
* html #nav li li {
	background: #fff;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=90);
}
*/

#nav li li {
	padding-right: 0;
	width: 14em  
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
	margin: -1.7em 0 0 13.95em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li a:hover {
	text-decoration: overline underline;
}
 #nav li li:hover, #nav li.sfhover {
	background-color: none;
}

/* Support for the "iehover-fix.js" */

ul.nav iframe {
	position: absolute;
	/* account for the border */
	left: 0;
	top: -0.25em;
	z-index: -1;
	filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}

* html ul.nav li { z-index: 201; }

/* this is for IE 5.0
select.hide { visibility: hidden; }

/* End Support for the "iehover-fix.js" */
#ghost-box-container {
	text-align: center;
}
#ghost-box {
	clear: left;
	text-align: left;
	width: 767px;
	height: 219px;
	margin: 0;
	padding: 0 0 0 28px;
	background-image:url(images-dec2006/photo-transp-001.jpg); 
	background-repeat: no-repeat; 
	z-index: 5;
}
#news-ghost, #calendar-ghost {
	float: left;
	width: 220px;
	margin: 40px 4px 10px 4px;
	z-index: 4;
}
#news-ghost h2, #calendar-ghost h2 {
	color: #003399;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 3px 3px 3px 15px;
	margin: 0;
	background-image: url(images-dec2006/ghost-star.gif);
	background-repeat: no-repeat;
	background-position: 2px;
}
#news-ghost h2 a , #calendar-ghost h2 a {
	text-decoration: underline;
}
#news-ghost h2 a:hover , #calendar-ghost h2 a:hover {
	color: #E20E23;
	font-weight: bold;
	text-decoration: underline overline;
}
.weather-city {
	font-weight: bold;
	color: #333333;
	font-size: 11px;
}
#news-ghost ul, #calendar-ghost ul {
	margin: 0;
	padding: 0;
	height: 140px;
	overflow: auto;
}
#news-ghost li {
	margin: 3px;
}
#calendar-ghost li {
	margin: 8px;
}
#news-ghost li, #calendar-ghost li {
	font-size: 0.95em;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-style: italic;
}
#news-ghost a, #calendar-ghost a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #003399;
	font-style: normal;
	font-size: 1em;
}
#news-ghost a:hover, #calendar-ghost a:hover {
	color: #E20E23;
	text-decoration: underline;
}
#main-container #content-holder { 
	clear: left;
	margin: 0;
	padding: 0;
	background-image:url(images-dec2006/rope-bckgnd.gif);
	background-repeat: repeat-y; 
	z-index: 2;
	border-top: 4px solid #F33346;
}
#main-container-calendar #content-holder { 
	clear: left;
	margin: 0;
	padding: 0;
	background-image:url(images-dec2006/rope-bckgnd-left.gif);  
	background-repeat: repeat-y; 
	z-index: 2;
	border-top: 4px solid #F33346;
}
#content-holder h1 { 
	margin-top: 0;
	padding-top: 0;
}
#main-container-calendar #content-body {
	background-image:url(images-dec2006/rope-bckgnd-right.gif);
}
#content-body {
	background-repeat: repeat-y;
	padding: 23px 33px;
	background-position: right;
}
#content-body img {
	border: 1px solid #003399;
	padding: 2px;
	margin: 5px;
}
#footer-p {
	margin: 0 2px;
	padding: 3px;
	text-align: center;
	color: #FFFFFF;
	background-color: #030384;
	clear:both;
}
#footer-p a {
	color: #F33346;
}
#footer-p a:hover {
	text-decoration: underline;
}
#footer {
	margin: 0;
	padding: 0;
	padding-bottom: 2px;
	border-bottom: 2px solid #F33346;
}
#extraDiv1 { }
#extraDiv2 { }
#extraDiv3 { }
#extraDiv4 { }
#extraDiv5 { }
#extraDiv6 { }

/*---------------------------------------
              TYPOGRAPHY
  ---------------------------------------*/
body {
	/* From the Thenoodleincident.com - font sizing in ems, baby. if you want to change anything, just change this.*/
	font-size: 85%; 
} 
* {
	font-family: Arial, Helvetica, sans-serif;
}

.left {
	float: left;
}
.right {
	float: right;
}
.center {
	text-align: center;
}
img {
	border-width: 0;
}
.indent {
	 padding-left: 2em;
}
.border001 {
	margin: 5px 15px 15px 5px;
	padding: 0px 5px 5px;
	border: 1px solid #999999;
}
.subnav {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #707070;
	font-size: 0.85em;
	border: 1px dotted #707070;
	padding: 3px;
}
a {
	font-family: "Times New Roman", Times, serif;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	color: #003399;
}
a:hover {
	color: #E20E23;
}
a:visited {
	color-bottom: #993300;
}
h1 {
	color: #336699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	margin-bottom: 0px;
}
h2 {
	color: #CC6600;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: normal;
}
h3 {
	color: #336699;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	color: #336699;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h5 {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
}
h6 {
	color: #12867C;
	font-family: Georgia, "Times New Roman", Times, serif;
}
a.altlink001 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	text-decoration: underline; 
	font-weight: bold
}
a.altlink001:link {  
	color: #996633; 
}
a.altlink001:hover {
	color: #996633;
}
a.altlink001:active {  }
a.altlink002 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
}
a.altlink002:visited {
	color: #996633;
}
a.altlink002:link {  
	color: #333366; 
}
a.altlink002:hover {
	color: #FFFFFF;
	background-color: #272766;
}
a.altlink002:active {  }
td.td-altcolor001 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #2E6397;
}
td.td-altcolor002 {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #2C9C72;
}
tr.tr-altcolor001 {
	background-color: #2E6397;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
tr.tr-altcolor002 {
	background-color: #C7D5D4;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}
.border {
	border: 2px solid #008000;
	border-width: 2px 2px 2px 2em;
	padding: 0.5em 0.5em 0.5em 1em;
	background: #FFE;
	line-height: 1em;
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.smalltext001 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}
/* self-checking error styles */

form {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
label {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 90%;
color: #000000;
line-height: 1.4em;
margin: 3;
}
label SUB, label SUP { line-height: 0; }

.border001 {
margin: 5px 15px 15px 5px;
padding: 0px 5px 5px;
border: 1px solid #336699;
}
td {vertical-align: top;}

.form_el {
float: left;
margin: 5px;
padding: 3px;
}
.form_row {
clear: both;
padding: 0 0 8px;
}
.form_helper{
font-size: 80%;
}
.error_field {
margin: 3px;
}
.error_field label{
font-weight:bold;
color: #F00
}
.error_field input{
border: 1px solid #F00;
background-color: #FFE2E2;
}
.error_field select{
border: 1px solid #F00;
background-color: #FFE2E2;
}
.errormessage {
	border: thin solid #FF2525;
	background-color: #FFE2E2;
	padding: 8px;
}
.errormessage img {
	border: 0px;
	padding: 2px;
	margin: 5px;
}
.form_row_alt_color { 
        background-color: #F2F7FE;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D0D4D8;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D0D4D8;
}

.form_row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.form_helper {
	border: 1px solid #999999;
	margin: 5px;
	padding: 5px;
}
/* Hides from IE-mac \*/
* html .form_row {height: 1%;}
/* End hide from IE-mac */
.hideme {
	display: none;
}

.submit {
	padding: 5px;
	text-align: right;
	background-color: #FFF7CF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D7AE56;
}
.voptions {
	font-size: 85%;
	margin-left: 15px;
}
.voptions input{
	margin: 2px;
	padding: 0px;

}
.levelmeeting {
	font-size: 85%;
	color: #666666;
}
.levelprice {
	font-size: 85%;
	margin-left: 25px;
}
.studentbox {
	border: 1px solid #000000;
}