/* ------------------------------------------ */
/* file name: screen.css                      */
/* client:    bethelga.org/gcc                */
/* author:    Oral Boston                     */
/* email:     oboston@imediawerks.com         */
/* ------------------------------------------ */

/* ------------------------------------------ */
/* General html style definitions             */
/* ------------------------------------------ */
body {
	text-align: center;
	background-color: #E0F0B2;
	margin-left: 0px;
	margin-top: 0px;	
}	

p,h1,pre {
  margin:0px 10px 10px 10px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
		
h1 {
	font-size:28px;
	padding-top:10px;
}

a {
	text-decoration:none;
	color:#993300;	
}

a:hover {
	color:#669933; 
}


#wrapper {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	background: url(images/background.gif) repeat-y;		
}
	
#container {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	padding: 0px;
	text-align: left;
	background:#FFFFFF;
	/*background:url(images/background.gif) repeat-y;*/
}

	#banner {
		background: url(images/gcc_regbanner.jpg) no-repeat;
		width: 750px;
		height: 166px;
	}

		#banner h1 {
			font-size:14px;
			padding:10px;
			margin:0px;
		}	
	
		#hdrnav {
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size: 11px;
			top: 0px;
			float:right;
			padding-right: 25px;	
		}

			/* ------------------------------------------ */
			/* Header navigation area formatting          */
			/* ------------------------------------------ */
			#hdrnav ul {
			  list-style: none;
			  padding: 0;
			  margin: 0;
			}
			
			#hdrnav li {
				float: right;
				height: 2em;
				line-height: 2em;
				margin-top: 20px;
				margin-right: 5px;
				padding-right: 2px;
			}
			
			#hdrnav li a {
				float: left;
				display: block;
				color: #FFFFFF;
				text-decoration: none;
				text-align: left;
			} 
			
			#hdrnav li a:hover {
				color: #FF9900;
			} 
			/* End of header navbar area formatting  */		

	#splash {
		width: 710px;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0px;
		padding: 0px;
		text-align: left;
		padding: 10px 20px 15px 20px;
		background: url(images/global_shift.jpg) no-repeat;
		/*height: 450px;*/
	}

		/* ------------------------------------------ */
		/* Splash area formatting                    */
		/* ------------------------------------------ */
		#splash p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.5em;	
			font-size:12px;
		}
		
		#splash ul {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.5em;
			font-size:12px;
			list-style-type: square;
		}
		
		#splash h1, h2, h3 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
		
		#splash h1 {
			font-size:28px;
			padding: 2px 0px 10px;
			color: #993300;
		}
		
		#splash h2 {
			font-size:20px;
			padding: 10px 0px 0px 10px;;
			color: #666666;
			width: 400px;	
		}
		
		#splash h3 {
			font-size:18px;
			padding: 10px 0px 0px 10px;;
			color: #006633;
			width: 400px;	
		}
		
		#splash .heading {
			font-family:Georgia, "Times New Roman", Times, serif;
			font-size:26px;
			color:#990000;
			line-height: 1.2em;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border-bottom-color: #999999;
			padding-bottom: 15px;
		}
		
		#splash .subheading {
			font-family:Arial, Helvetica, sans-serif;
			font-size:18px;
			color:#006699;
			line-height: 1em;
			padding-top: 20px;
			padding-right: 0px;
			padding-bottom: 0px;
			padding-left: 0px;
		}
		
		/* End of splash area formatting  */	
	
	#splash_sidebar {
		width:200px;
		padding:15px 0px 0px;
		float:right;
		background-color: #FFFFCC;
		border-top-width: 8px;
		border-top-style: solid;
		border-top-color: #336699;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #999999;
	}
	
	
		/* ------------------------------------------ */
		/* Main navigation menu area formatting       */
		/* ------------------------------------------ */
		#navbar {
			color: #FFFFFF;	
			width: 575px;
			height: 42px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			margin-left: 168px;
		    margin-top: -30px;			
		}
	
			#mainNav {
				list-style: none;
				margin: 0px;
				padding: 0;
			}
		
			#mainNav li {
				float: left;
				padding: 0;
				list-style: none;
				display: block;
			}
		
			#mainNav li a {
				display: block;
				overflow: hidden;
				padding: 42px 0 0 0;
				height: 0px !important;
				height /**/: 42px; /* for IE5/Win only */
			}
	
			#m_speakers { width: 86px; }
				#m_speakers a{	background: url(images/menu.jpg) no-repeat 0px 0px; }
				#m_speakers a:hover { background: url(images/menu.jpg) no-repeat 0px -84px; }
				#m_speakers a:selected { background: url(images/menu.jpg) no-repeat 0px -42px; }
				#m_speakers .curSelection { background: url(images/menu.jpg) no-repeat 0px -42px; }
			
			#m_artists { width: 122px; }
				#m_artists a{ background: url(images/menu.jpg) no-repeat -86px 0px; }
				#m_artists a:hover { background: url(images/menu.jpg) no-repeat -86px -84px; }
				#m_artists a:selected { background: url(images/menu.jpg) no-repeat -86px -42px; }
				#m_artists .curSelection { background: url(images/menu.jpg) no-repeat -86px -42px; }

			#m_award { width: 136px; }
				#m_award a{ background: url(images/menu.jpg) no-repeat -208px 0px; }
				#m_award a:hover { background: url(images/menu.jpg) no-repeat -208px -84px; }
				#m_award a:selected { background: url(images/menu.jpg) no-repeat -208px -42px; }
				#m_award .curSelection { background: url(images/menu.jpg) no-repeat -208px -42px; }
			
			#m_schedule {width: 82px;}
				#m_schedule a{ background: url(images/menu.jpg) no-repeat -344px 0px; }
				#m_schedule a:hover { background: url(images/menu.jpg) no-repeat -344px -84px; }
				#m_schedule a:selected {background: url(images/menu.jpg) no-repeat -344px -42px; }
				#m_schedule .curSelection {background: url(images/menu.jpg) no-repeat -344px -42px; }
			
			#m_register { width: 75px; }
				#m_register a{ background: url(images/menu.jpg) no-repeat -426px 0px; }
				#m_register a:hover { background: url(images/menu.jpg) no-repeat -426px -84px; }
				#m_register a:selected { background: url(images/menu.jpg) no-repeat -426px -42px; }
				#m_register .curSelection { background: url(images/menu.jpg) no-repeat -426px -42px; }
			
			#m_contact { width: 74px; }
				#m_contact a{ background: url(images/menu.jpg) no-repeat -501px 0px; }
				#m_contact a:hover { background: url(images/menu.jpg) no-repeat -501px -84px; }
				#m_contact a:selected { background: url(images/menu.jpg) no-repeat -501px -42px; }
				#m_contact .curSelection { background: url(images/menu.jpg) no-repeat -501px -42px; }
	

		/* End of main navigation area formatting  */		

		/* ------------------------------------------ */
		/* Content area formatting                    */
		/* ------------------------------------------ */
		
		#content {
			width:710px;
			float:right;
			background:#FFFFFF;
			margin: 0px;
			padding: 10px 20px 15px 20px;
		}
	
			#content p {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				line-height: 1.5em;	
				font-size:12px;
			}
			
			#content ul {
				font-family: Verdana, Arial, Helvetica, sans-serif;
				line-height: 1.5em;
				font-size:12px;
				list-style-type: square;
			}
			
			#content h1, h2 {
				font-family: Georgia, "Times New Roman", Times, serif;
				font-weight: normal;
			}
			
			#content h1 {
				font-size:28px;
				padding: 2px 0px 10px;
				color: #993300;
			}
			
			#content h2 {
				font-size:20px;
				padding: 10px 0px 0px 10px;;
				color: #666666;
			}
			
			#content .heading {
				font-family:Georgia, "Times New Roman", Times, serif;
				font-size:26px;
				color:#990000;
				line-height: 1.2em;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-bottom-color: #999999;
				padding-bottom: 15px;
			}
			
			#content .subheading {
				font-family:Arial, Helvetica, sans-serif;
				font-size:18px;
				color:#006699;
				line-height: 1em;
				padding-top: 20px;
				padding-right: 0px;
				padding-bottom: 0px;
				padding-left: 0px;
			}
			/* End of Content area formatting  */	

	#rightcol {
		width:360px;
		float:right;
		background:#ffffff;
		margin: 0px;
		padding: 0px 20px;
	}

		/* ------------------------------------------ */
		/* Left/right column area formatting          */
		/* ------------------------------------------ */
		#rightcol p, #leftcol p {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.5em;	
			font-size:12px;
		}
		
		#rightcol ul, #leftcol ul {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			line-height: 1.5em;
			font-size:12px;
			list-style-type: square;
		}
		
		#rightcol h1, #rightcol h2, #leftcol h1, #leftcol h2 {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-weight: normal;
		}
		
		#rightcol h1, #leftcol h1 {
			font-size:28px;
			padding: 20px 0px 10px;
			color: #CC6600;
		}
		
		#rightcol h2, #leftcol h2 {
			font-size:20px;
			padding: 10px 0px 0px 10px;;
			color: #6699CC;
		}
		/* End of Content area formatting  */

	#leftcol {
		width:240px;
		padding:0px;
		float:left;
		background:#ECE9D8;
		padding: 0px 20px;	
	}

	#sidebar {
		width:180px;
		padding:15px 0px 0px;
		float:right;
		background-color: #ECECEC;
		border-top-width: 8px;
		border-top-style: solid;
		border-top-color: #336699;
		border-bottom-width: 2px;
		border-bottom-style: solid;
		border-bottom-color: #999999;
	}
	
		#sidebar p, #splash_sidebar p { 
			font-size:10px;
		}	

	#submenu {
		font-size: 12px;
		text-decoration: none;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 5px;
	}
	
		/* ------------------------------------------ */
		/* Submenu area formatting                    */
		/* ------------------------------------------ */
		#submenu a {
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 12px;
		}
		
		#submenu dl dt {
			padding: 8px 0;
			border-bottom-style: dotted;
			border-bottom-color: #999999;
			border-bottom-width: 1px;
			list-style-type: none;
			display: block;
		}
		
		#submenu dt.notes {
			padding: 8px 0 20px;
			border-bottom-style: solid;
			border-bottom-color: #999999;
			border-bottom-width: 1px;
			list-style-type: none;
			display: block;
		}
		
		#submenu a.notes {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
			color:#336699;
		}
		
		#submenu a:hover.notes {
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:10px;
		}
		/* End of submenu area formatting  */	

	#ad {
		font-size: 12px;
		text-decoration: none;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 50px;
	}

	#footer {
		width: 750px;
		padding: 0px;
		float: left;
		text-align: left;
		background-color: #333333;
	}
	
		/* ------------------------------------------ */
		/* Footer area formatting                     */
		/* ------------------------------------------ */
		#footer p {
			padding: 8px 4px 2px;
			color: #FFFFFF;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 11px;
		}
		
		#footer a {
			text-decoration: none;
			color: #FFCC00;
		}
		
		#footer a:hover {
			color: #FFFF33;
		}
		/* End of footer area formatting  */	

	#credits {
		width:750px;
		margin-right: auto;
		margin-left: auto;	
		padding:0px;
		text-align:right;
		clear: both;
	}
	
		#credits p {
			padding:15px 4px 2px;
			color:#666666;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			font-size:11px;
		}	


#contact-dir {
	padding: 10px 0px 0px 0px;
}

	#contact-dir table {
		font: 11px/18px Verdana, Arial, Helvetica, sans-serif;
		border-collapse: collapse;
	}
	
		#contact-dir td {
			padding: 0 4px 12px 6px;
			vertical-align: top;
		}

#directory table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 620px;
	}

	#directory th {
		padding: 0 0.5em;
		text-align: left;
		}
	
	#directory tr.dirheading td {
		border-bottom: 1px solid #CC6600;
		background: #CCCCCC;
		font-weight: bold;
		padding: 5px 0 0 0;
		}
	
	#directory td {
		border-bottom: 1px solid #CCC;
		padding: 0 0.5em;
		vertical-align:top;
		}
		
	#directory td.blank {
		padding: 0 0.5em;
		border-bottom: 0px;
	}	
	
	#directory td.width {
		width: 190px;
		}
	
	#directory td.adjacent {
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align: left;
		}	
	
#regtable table {
	font: 11px/24px Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	width: 480px;
	}

	#regtable th {
		padding: 0 5px;
		text-align: left;
		}
	
	#regtable tr.tabheading td {
		border-bottom: 1px solid #CCC;
		background: #CCCCCC;
		font-weight: bold;
		padding: 0 0.5em;
		}
	
	#regtable td {
		border-bottom: 1px solid #CCC;
		padding: 0 0.5em;
		vertical-align:top;
		}
		
	#regtable td.pricing {
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align:right;
		}	
		
	#regtable td.blank {
		padding: 0 0.5em;
		border-bottom: 0px;
	}	
	
	#regtable td.width {
		width: 190px;
		}
	
	#regtable td.adjacent {
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		text-align: left;
		}	
	
#pictable table {
	font: 10px/24px Verdana, Arial, Helvetica, sans-serif;
	/*border-collapse: collapse;*/
	width: 550px;
	}

	#pictable th {
		padding: 0 5px;
		text-align: left;
		}
	
	#pictable tr.tabheading td {
		background: #CCCCCC;
		font-weight: bold;
		padding: 0 0.5em;
		}
		
	#pictable tr.separator td {
		padding: 0 0.5em 20px;
		}	
	
	#pictable td {
		padding: 0 0.5em 0.5em;
		vertical-align:top;
		line-height: normal;
		}		
	
/* ------------------------------------------ */
/* Special class definitiions                 */
/* ------------------------------------------ */
.current {
	color: #FFCC00;
}

.separator {
	padding: 20px 0px 10px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #999999;
}

.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0000;
	font-weight: bold;
}

.warn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC6600;
}

.label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666633;
	text-align: right;
	background-position: top;
}

.servicelist {
	padding-right: -20px;
	padding-left: 20px;
}

.inputText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	border: 1px solid #999999;
	padding: 2px;
	}

.btn {
	BORDER-RIGHT: 1px solid #B4CC33;
	BORDER-TOP: 1px solid #666633;
	BORDER-LEFT: 1px solid #666633;
	BORDER-BOTTOM: 1px solid #B4CC33;
	BACKGROUND-COLOR: #999900;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	padding: 2px;
}

.imgleft {
  position:relative;
  float:left;
  margin:.4em 1em .4em 0;
}

.imgright {
  position:relative;
  float:right;
  margin:.4em 0 .4em 1em;
 }

.imgleft, .left, img.left {
  float:left;
  margin:.05in .2in .1in 0;
}

.imgright, .right, img.right {
  float:right;
  margin:4px 0 4px 8px;
}

img.imgleft, img.imgright {
  padding:4px;
  /*border:1px solid #ddc;*/
}

img.block {
  display:block;
  margin:.5em 0;
}

.notes {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.clearing {
	height: 0;
	clear: both;
}

.whitetext {
    color:#FFFFFF;
}