@import url("base.css");
@import url("shadow.css");
@import url("p7pm/p7pmv11_3.css");
@import url("p7ap/p7ap_04.css");
@import url("p7tp/p7tp_05.css");
@import url("class_listing.css");
@import url("/css/twitter.css");



/*=========================================
    General Styles
==========================================*/
body {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	background: url(../images/bg1_1.jpg) repeat-x;
	background-position: center top;
	margin: 26px 0 12px 0;
	padding: 0px;
	text-align: center;
	}
	
	h1 {
		font-size: 1.3em;
		font-weight: bold;
		}
	
	ul,li {
		list-style-type: square;
		margin: 0 0 0 3em;
		padding: 0;
		}
	
	ol {
		margin: 0 0 0 2em;;
		padding: 0;
		}
	
	ol li {
		list-style-type: decimal;
		padding: 0;
		}
	
	div.clearer {      /*used to force a div around floats*/
		clear: both; 
		line-height: 0; 
		height: 0;
		}


#skip, #hidden {
	text-indent: -9000px;
	position: absolute;
	margin: 0;
	padding: 0;
	}

#accessability ul, #accessability il, #accessability ul li { 
	text-indent: -9000px;
	position: absolute;
	list-style: none;
	}
	
	
/*=========================================
    Link Styles
==========================================*/
#maincontent1 a, #maincontent1 a:link,
#maincontent2 a, #maincontent2 a:link {
	color: #0000EE;
	color: #285691;
	text-decoration: underline;
	/*border-bottom: 1px dashed #0000EE;*/
	}
	
	#maincontent1 a:visited,
	#maincontent2 a:visited {
		color: #666;
		text-decoration: underline;
		/*border-bottom: 1px dashed #666;*/
		}

	#maincontent1 a:hover, #maincontent1 a:focus,
	#maincontent2 a:hover, #maincontent2 a:focus {
		color: #000;
		/*background: #F4F2E4;*/
		text-decoration: underline;
		/*border-bottom: 1px solid #000;*/
		}
		
#reservation_link a, #reservation_link a:link, #reservation_link a:hover {
	display: block;
	margin: 14px 30px 0 30px;
	padding: 20px;
	text-align: center;
	border: 1px dashed #d3d3d3;
	}

	#reservation_link a:hover {
		/*background: #ffffe1;*/
		background: #FFFF99;
		color: #000;
		}


/*=========================================
    Containers
==========================================*/
#container {
	background-color: #FFF;
	border: 1px solid #CCC;
	text-align: center;
	width: 768px;
	padding: 0;
	margin: 0 auto;
	}

#wrapper {
	/*top: -20px;
	position: relative;*/
	background-color: #FFF;
	margin: 0;
	padding: 0;
	}



/*=========================================
    Header
==========================================*/
#header {
	background: url(../images/header5.gif) no-repeat right top;
	width: 768px;
	height: 149px;
	margin: 0;
	padding:0;
	clear:both;
	text-align: left;
	}

		#header .titlebar {
			background: url(../images/title.gif) no-repeat left top;
			background-color: #F6DA7F;
			float: left;
			width: 282px;
			height: 50px;
			top: 26px;
			left: 0px;
			position: relative;
			border: 0;
			}
		
		#header .titlebar p {
			text-indent: -9000px;
			border: 0;
			position: relative;
			margin:0;
			padding:0;
			}
		
		#header .titlebar a, #header .titlebar a:link, #header .titlebar a:visited, #header .titlebar a:hover, #header .titlebar a:active {
			display: block;
			height: 50px;
			border: 0;
			text-decoration: none;
			}
			
		#header #logo {
			width: 250px;
			height: 149px;
			text-align: center;
			float: right;
			}
		
		#header .grcclogo a, #header .grcclogo a:link {
			background: url(../images/grcc_logo1.jpg) no-repeat left top;
			text-indent: -9000px;
			margin: 0 auto;
			margin-top: 28px;
			padding: 0;
			display: block;
			width: 140px;
			height: 81px;
			}
		
		#header .grcclogo a:hover {
			display: block;
			text-indent: -9000px;
			}



/*=========================================
    Main Content
==========================================*/
#maincontent1 {
	float: left;
	margin: 0;
	padding: 0;
	width: 522px;
	}

#maincontent2 {
	float: left;
	margin: 0;
	padding: 0;
	width: 434px;
	}
		
		#maincontent1 h1, #maincontent2 h1 {
			margin: 0;
			padding: 0 16px 0 20px;
			}
			
		#maincontent1 p, #maincontent1 p.ital_opener  {
			margin: 1em 0 .5em 0;
			padding: 0 16px 0 20px;
			}
			
		#maincontent2 p, #maincontent2 p.ital_opener {
			margin: 1em 0 .5em 0;
			padding: 0 0 0 0;
			}
			
		#maincontent1 h1, #maincontent2 h1 {
			font-size: 1.8em;
			line-height: 1.2em;
			font-weight: bold;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
			color: #336699;
			text-align: left;
			}
		
		#maincontent1 h2, #maincontent2 h2 {
		  	font-size: 1em;
			text-transform: uppercase;
			letter-spacing: .4em;
			font-weight: bold;
			color: #666;
			margin: 12px 0 0 0;
		  	padding: 0 6px 4px 0px;
			text-align: left;
			border-bottom: 1px dashed #d3d3d3;
			/*position: relative;*/
			}
			
		#maincontent1 h2 {
			margin: 0 16px 10px 20px;
			padding: 0 0 4px 0;
		  	}
			
		#maincontent1 h3, #maincontent2 h3 {
			font-weight: bold;
			font-family: Georgia, "Times New Roman", Times, serif;
			font-size: 1.2em;
			color: #1B0431;
			margin: 1.6em 20px 0 0;
			padding: 0;
			}
			
		h3.subhead {
			font-family:Arial, Helvetica, sans-serif !important;
			text-align:left !important;
			font-size: 16px !important;
			font-weight: bold !important;
			margin: 12px 0 6px 20px !important;
			}
			
		#maincontent1 p, #maincontent1 ul, #maincontent1 ol,
		#maincontent2 p, #maincontent2 ul, #maincontent2 ol {
			font-size: 1em;               /*This sets the size of all the text in the main content*/
			line-height: 1.4em;
			text-align: left;
			}
			
		.ital_opener  {
			font-family: Arial, Helvetica, sans-serif;
			font-style: italic;
			margin: 1em 24px 0 0;
			padding: 0
			}
	
		
		
		#maincontent1 ul, #maincontent2 ul,
		#maincontent1 ol, #maincontent2 ol  {
			margin-top: 1em;
			margin-right: 40px;
			}
		
		#maincontent1 li, #maincontent2 li  {
			list-style-type: square;
			padding-top: .1em;
			}
		
		#maincontent1 ol li, #maincontent2 ol li {
			list-style-type: decimal;
			padding: .1em 0 0 0;
			}
		
		#maincontent1 .class-list {
			background: #EEE;
			margin: 1em 26px .5em 0; 
			padding: 0;
			}
			
		#maincontent1 .class-list ul, #maincontent1 .class-list ul li {
			list-style-type: none;
			margin: 0
			padding: 0;
			text-align: left;
			}
		
		#maincontent1 .class-list ul li {
			font-weight: bold;
			margin: 0 0 10px 0;
			line-height: 1.2em;
			}
			
		#maincontent1 .section_crumbs {
			font-size: 11px;
			font-family: Arial, Helvetica, sans-serif;
			margin: 2px 16px 20px 16px;
			padding: 0;
			display: block;
			background: #FFFFFF;
			color: #669999;
			/*border-bottom: 1px solid #EEEEEE;*/
			}
			
			#maincontent1 .section_crumbs a, #maincontent1 .section_crumbs a :link, #maincontent1 .section_crumbs a:visited {
				text-decoration: none;
				border: 1px solid #333;
				border: none;
				margin-right: 6px;
				padding: 4px;
				padding-bottom: 2px;
				}
				
			#maincontent1 .section_crumbs a:hover {
				background: #ededed;
				}

/*=========================================
    Sidebar and Navigation
==========================================*/
#sidebar, #sidebar_profile {
	float: right;
	width: 240px;
	background: url(../images/sidebar_bg1.jpg) no-repeat left top;
	margin: 0;
	padding: 0;
	}
	
#sidebar_profile {
	background: url(../images/sidebar_bg2.jpg) no-repeat left top;
	}
		
#sidebar a, #sidebar_profile a {
	color: #285691;
	}
	
#sidebar a:hover, #sidebar_profile a:hover {
	color: #fff;
	}
	
		#date_time_place, #reservation, .sidenote {
			margin: 180px 20px 0 20px;
			padding: 8px;
			text-align: center;
			border: 1px dashed #d3d3d3;
			}
			
		.sidenote {
			border: 1px dashed #155a29;
			background: url(../images/sidebar_bg1.jpg) no-repeat left -70px; 
			}
			
		#reservation {
			margin: 14px 30px 0 30px;
			padding: 20px;
			}
	
		#search_box {
			margin: 0 0 6px 0;
			padding: 0;
			text-align: left;
			}
			
			.search, #search_box {
				font: 11px Verdana, Geneva, Arial, Helvetica, sans serif; 
				color: #999;
				padding: 2px;
				}
			
			#search_btn	 {
				margin: 0;
				padding: 2px 0 0 2px;
				}
			
			#search_btn a {
				display: block;
				}
				
		.navbar { 
			width: 183px;
			background: url(../images/nav_bottom3.gif) no-repeat;
			background-position: bottom right;
			margin: 14px 0 12px 0;
			padding:  0 0 18px 0;
			}
				
		#p7PMnav a {
			font-size: .9em;
			line-height: 1.2em;
			}


/*=========================================
	Step Panels
==========================================*/

#step_panel {
	background: #fbe0b0 url(../images/step-box-top-492.gif) no-repeat top left;
	width: 492px;
	margin: 0 0 0 16px;
	text-align: left;
	}
	
#step_panel_bottom {
	background: url(../images/step-box-bottom-492.gif) no-repeat top left;
	width: 492px;
	height: 8px;
	margin: 0 0 16px 16px; 
	}
	
	#step_panel h3 {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
		color: #336699;
		margin: 10px 8px 10px 8px;
		padding: 0 0 4px 0;
		border-bottom: 1px solid #999;
		}
	
	#step_panel ol {
		margin: 0;
		padding: 16px 12px 0px 8px;
		}
	
	#step_panel ol li {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
	#step_panel ol li {
		background-position left top;
		padding-top: 6px; 
		padding-bottom: 1em;
		padding-left: 56px;
		}
		
	.step1 {
		background: url(../images/step1.gif) no-repeat;
		background-position: left 0px;
		}
	
	.step2 {
		background: url(../images/step2.gif) no-repeat;
		background-position: left 10px;
		}
		
	.step3 {
		background: url(../images/step3.gif) no-repeat;
		background-position: left 0px;
		height: 30px;
		}
	
	
/*=========================================
    Footer
==========================================*/
#footer {  /* The margin for the footer is set at the very bottom of this list */
	width: 768px;
	margin: 0 auto;
	padding: 0;
	margin-top: -10px;
	}
	
		#footer .back2top {
			/*background: #6BBA6B url(../images/back2top.gif) no-repeat left top;*/
			background: #7cba59;
			float: left;
			width: 62px;
			height: 12px;
			/*top: 10px;*/
			left: 60px;
			/**/position: relative;
			/*margin: 10px 0 0 60px;*/
			margin: 0 auto;
			padding: 0;
			border: 0;
			/*clear: both;
			line-height: 1px;*/
			}
		
		#footer .back2top p {
			text-indent: -9000px;
			border: 0;
			margin:0;
			padding:0;
			/*position: absolute;
			clear: both;*/
			}
		
		#footer .back2top a, #footer .back2top a:link, #footer .back2top a:visited {
			display: block;
			background: #6BBA6B url(../images/back2top.gif) no-repeat left top;
			height: 12px;
			border: 0;
			text-decoration: none;
			text-indent: -9000px;
			clear: both;
			}
			
		#footer .back2top a:hover, #footer .back2top a:active {
			display: block;
			background: #6BBA6B url(../images/back2top.gif) no-repeat left bottom;
			width: 62px;
			height: 12px;
			clear: both;
			}

		#footer p {
			/*border: 1px solid red;*/
			font: Arial, Helvetica, sans-serif;
			/*color: #9FC1D3;*/
			color: #666;
			font-size: 11px;
			line-height: 20px;
			padding: 10px 0 12px 0;
			}
			
		#footer a, #footer a:link, #footer a:visited {
			font: Arial, Helvetica, sans-serif;
		  	font-size: 11px;
		  	color: #669933;
		  	/*border-bottom: 1px dashed #9FC1D3;*/
			text-decoration: underline;
			}
			
		#footer a:hover {
			background: #155a29;
			background: #ededed;
			color: #000;
			}
/*======================================			
	Specific to GTCF
=======================================*/

p.gtcf_footer {
	margin: 0;
	padding: 0;
	text-indent: -9000px;
	background: url("../images/footer1.jpg") no-repeat top right; 
	width: 768px;
	height: 91px;
	overflow: hidden;
	}			
		/* FOOTER MARGIN SETTINGS FOR SAFARI 

		#footer {
			margin: 0;}
			
		#wrapper {
			margin: 0 0 -9px 0;
			}*/
	    /*End of Safari hacks*/
		
		/* The following is for all other browsers 
		#footer {
		

# }*/
			
		#footer .back2top {
			margin: 10px 0 0 0;
			}