/*---------------------------------------------------
Master CSS File for GZG ECC Website v3
CSS Version: 0.7a
----------------------------------------------------*/

/* ***************************************************
SuckerFish Dropdowns
**************************************************** */

#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	text-align: center;
	font-family:arial,helvetica,sans-serif;
	color: #000000;
	border-collapse: collapse;
}

#nav a {
	display: block;
	color: #000000;
	text-decoration: none;
}

#nav li ul a {
	text-decoration: none;
	color: #000000;
}

#nav li ul a:hover {
	background: #000000;
	color: #FFFFFF;
	text-decoration: none;
}

#nav li { /* all list items */
	float: left;
	color: #000000;
	background: #ccccff;
}

#nav li#con1 { 
	width: 177px; /* width needed or else Opera goes nuts */
	border-right: 2px solid #FFFFFF;
}

#nav li#con2 { 
	width: 177px; /* width needed or else Opera goes nuts */
	border-right: 2px solid #FFFFFF;
}

#nav li#con3 { 
	width: 162px; /* width needed or else Opera goes nuts */
	border-right: 2px solid #FFFFFF;
}

#nav li#con4 { 
	width: 162px; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	background: #ccccff;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align: left;
	border: 1px solid #000000;
	color: #000000;
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 0px 0px;
	width: 158px;
}

#nav li ul#con { /* second-level lists */
	width: 172px;
}

#nav li ul li#width1 {
	width: 156px;
}

#nav li ul li#width2 {
	width: 172px;
}	



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	padding: 2px 0px 2px 2px;
	margin: 0px 0px 0px 0px;
}

/* ***************************************************
Tabtastic!
**************************************************** */

.gzgecc_tabset_tabs	{ 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	position:relative; 
	z-index:2; 
	white-space:nowrap 
}

.gzgecc_tabset_tabs li	{ 
	margin:0; 
	padding:0; 
	display:inline 
}

.gzgecc_tabset_tabs a	{ 
	color:#339 ! important; 
	background-color:#ccccff ! important; 
	border:1px solid #99c; 
	text-decoration:none; 
	padding:0 1em; 
	border-left-width:0; 
	border-bottom:none 
}

.gzgecc_tabset_tabs a:hover	{ 
	color:#00c ! important; 
	background-color:#eff ! important; 
	text-decoration:none; 
}

.gzgecc_tabset_tabs a.active	{ 
	color:black ! important; 
	background-color:white ! important; 
	border-color:black; 
	border-left-width:1px; 
	cursor:default; 
	border-bottom:white; 
	padding-top:1px; 
	padding-bottom:1px 
}

.gzgecc_tabset_tabs li.firstchild a	{ 
	border-left-width:1px 
}

.gzgecc_tabset_content	{ 
	border:1px solid black; 
	background-color:white; 
	position:relative; 
	z-index:1; 
	padding:0.5em 1em; 
	display:none 
}

.gzgecc_tabset_label	{ display:none }

.gzgecc_tabset_content_active	{ display:block }

@media aural{
	.gzgecc_tabset_content,
	.gzgecc_tabset_label	{ display:block }
}

/* ***************************************************
Structural Items
**************************************************** */

.mainBody {
	background: #000000;
	background-image: url('images/gzgecc-stars.jpg')
}

.maintable {
	width: 690px;
	margin: 0;
	border: 0;
	padding: 0;
	background: #FFFFFF;
}

.bannerline {
	text-align: center;
}	

.maincontent{
	font-family:arial,helvetica,sans-serif;
	font-size: 12px;
	padding: 0px 10px 0px 10px;
}

.footerLine{
	font-family:arial,helvetica,sans-serif;
	font-size: 10px;
}

.latestNews{
	width: 640px;
	margin: 5px;
	border: 2px groove #000000;
	padding: 2px 5px 5px 5px;
}

.schedTable {
	font-size: 12px;
	width: 670px;
	border-collapse: collapse;
}

.schedTable td {
	border: 1px solid #000000;
	margin: 1px;
	padding: 3px;
	font-size: 12px;
	text-align: center;
}

.schedTable td.noborder {
	border-width: 0px 0px 0px 0px;
	margin: 1px;
	font-size: 12px;
	text-align: center;
}

.schedTable th.top {
	border: 1px solid #000000;
	font-weight: bold;
	background: #ccccff;
	padding: 5px;
	width: 95px;
}

.schedTable th.side {
	border: 1px solid #000000;
	font-weight: bold;
	background: #ccccff;
	padding: 5px;
	width: 100px;
}

.eventTable {
	font-size: 12px;
	width: 640px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	border-color: #000000;
	border-width: 0px 1px 1px 1px;
	border-style: solid;

}

.eventTable tr {
	padding: 1px;
	margin: 1px;
}

.eventTable td {
	padding: 2px;
	margin: 2px;
}

.eventTable td.text {
	padding: 5px;
	margin: 1px;
	border: 1px solid #000000;
}

.eventTable th {
	padding: 1px;
	margin: 1px;
	background: #eeeeee;
	border: 1px solid #000000;

}

.eventTable th.tableName {
	background: #ccccff;
}

.eventTable th.eventTitle {
	font-size: 14px;
	width: 640px;
	background: #111111;
	color: #FFFFFF;
	padding: 1px;
	margin: 0px;
}

/* ***************************************************
Decorative Items
**************************************************** */
img.banner {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		display: block;
}		

.maincontent .largetext{
		color:#000000;
		font-size:20px;
		font-family:arial,helvetica,sans-serif;
		font-weight: bold;
		font-variant: small-caps;
}

.maincontent .text {
		font-family:arial,helvetica,sans-serif;
		font-size: 12px;
}

.maincontent a:link 
		{
		text-decoration:underline;
		color:#0C0294;		
		}
		
.maincontent a:visited 
		{
		text-decoration:underline;
		color:#0C0294;		
		}

.maincontent a:hover
		{
		text-decoration:underline;
		color:#0C0294;
		background:#33DDF6;
    }
    
.maincontent a:active
		{
		text-decoration:underline;
		color:#0C0294;
		}
		
.footerline a:link 
		{
		text-decoration:underline;
		color:#0C0294;		
		}
		
.footerline a:visited 
		{
		text-decoration:underline;
		color:#0C0294;		
		}

.footerline a:hover
		{
		text-decoration:underline;
		color:#0C0294;
		background:#33DDF6;
    }
    
.footerline a:active
		{
		text-decoration:underline;
		color:#0C0294;
		}