/*------------------------------------------
-------------- general style ---------------
------------------------------------------*/
body {
	margin: auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #fff;
	border-top: 5px solid #969C52;
	background: #fff url(/img/gbl/bg.gif) repeat-x 0 0;
	}

	#wrap {
		margin: 0; padding: 2px;

		}

		#wrap-inner {
			background: #fff;
			margin: auto; padding: 0 2px;
			width: 820px;
			border-left: 2px solid #fff;
			border-right: 2px solid #fff;
			}
/*------------------------------------------
----------- top navigation bar -------------
------------------------------------------*/
#top-nav {
	background: #555F46;

	}
	#top-nav-wrap {
		margin: 0 auto;
		width: 800px;
		position: relative;
		}
		
		#top-nav-wrap ul {
			position: relative;
			float: left;
			}
			
			#top-nav-wrap ul li {
				list-style: none;
				float: left;
				margin: 0; padding: 0;
				font-weight: bold;
				font-size: 12px;
				}
				#top-nav-wrap ul li a {
					display: block;
					color: #fff;
					background: #951B91;
					text-decoration: none;
					margin: 0; padding: 5px 18px;
					border: 2px solid #9F7EB4;
					}
			#top-nav-wrap ul li a:hover {
				color: #000;
				background: #FFFF00;
				}		
	
/*------------------------------------------
--------------- suckerfish -----------------
------------------------------------------*/
#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1;
	font-weight: bold;
	padding: 0; margin: 0;
	}

#nav a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #951B91;
	margin: 0; padding: 0.25em 2em;
	}

#nav a.subuls {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #951B91;
	margin: 0; padding: 0.25em 2em;
	}

#nav li {
	float: left;
	margin: 0; padding: 0;
	}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 120px;
	w\idth: 110px;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
	}

#nav li li {
	padding-right: 1em;
	width: 120px;
	}

#nav li ul a {
	width: 120px;
	w\idth: 110px;
	font-size: 10px;
	}

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

#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:hover, #nav li.sfhover {
	background: #FFFF00;
	}
	
/*------------------------------------------
----------------- header -------------------
------------------------------------------*/	
#header {
	margin: 2px 0 0 0; padding: 0;
	background: #fff url(/img/gbl/banner.jpg) no-repeat 0 2px;
	width: 820px; height: 117px;
	border-bottom: 2px solid #969C52;
	}

	#header-wrap {
		}

		#header h1 {
			margin: 0; padding: 0;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 21px;
			color: #42296D;
			}
/*------------------------------------------
---------- side navigation bar -------------
------------------------------------------*/
#sidebar {
	float: left;
	width: 205px;
	margin: 40px 0 0 10px; padding: 0;
	}
#sidebar div {
	padding: 20px;
	}
	#sidebar .box {
		border: 1px solid #666;
		position: relative;
		float: left;
		margin: 10px 0 0 0; padding: 0;
		width: 205px;
		}
		
		#sidebar .box ul {
			margin: 0; padding: 0;
			width: 205px;
			list-style: none;
			}
			#sidebar .box ul li {
				margin: 0;
				padding: 0;
				font-family: Verdana, Helvetica, sans-serif;
				font-size: 11px;
				font-weight: bold;
				}
				#sidebar .box ul li a {
					display: block;
					margin: 0;
					padding: 5px 8px;
					/*color: #989A5B;*/
					color: #951B91;
					text-decoration: none !important;
					border-bottom: 1px solid #999;
					background: #ccc;
					}
					#sidebar .box ul li a:hover {
						background: #eee;
						/*color: #989A5B;*/
						color: #951B91;
						text-decoration: underline;
						}
						
		#sidebar .box ul ul li a {
			background: #DFDFDF !important;
			color: #CF00CB;
			}
			#sidebar .box ul ul li a:hover {
				background: #EFEFEF !important;
				color: #CF00CB;
				}						
						#sidebar .box p {
							margin: 10px; padding: 0;
							}
			#sidebar .box a img {
				margin:0; padding: 0;
				border: none;
				}
				#sidebar .box p a {
					color: #222;
					text-decoration: none !important;
					}
					#sidebar .box p a:hover {
						color: #551a8b;
						}
/*------------------------------------------
----------------- content ------------------
------------------------------------------*/
#content {
	float: right;
	width: 70%;
	line-height: 16px;

	}
#content #content-wrap {
	margin: 20px 40px 10px 0; padding: 0;
	}
	#content h1 {
		margin: 0 0 10px 0; padding: 0 0 5px 0;
		position: relative;		
		color: #42296D;
		width: 555px; height: auto;
		font-size: 24px;
		text-align: center; 
		/*background: url(/img/gbl/logo-1.gif) no-repeat 0 0;*/
		}
		#content-wrap h2,
		#content #content-primary h2 {
			margin: 0 0 10px 0; padding: 0 0 5px 0;
			position: relative;
			float: left;
			width: 555px;
			color: #42296D;
			border-bottom: 1px solid #260F4F;
			font-size: 20px;
			}
		#content #content-secondary h2 {
			margin: 20px 0 10px 0; padding: 0 0 5px 0;
			position: relative;
			float: left;
			width: 555px;
			color: #42296D;
			border-bottom: 1px solid #260F4F;
			font-size: 20px;
			}
			#content-wrap h3 {
				float: left;
				width: 555px;
				margin: 0; padding: 0 0 10px 0;
				font-size: 18px;
				color: #781B95;
				}
				
				h4 {
					float: left;
					width: 555px;
					padding: 14px 0 4px 0;
					font-size: 16px;
					color: #781B95;
					}
				h5 {
					padding: 4px 0 7px 0;
					font-size: 14px;
					color: #781B95;
					}
					p b {
						color: #39005F;
						}
				#content a {
					color: #551a8b;
					}
					#content a:hover {
						color: #951B91;
						}

			#content-wrap .event-box {
				clear: both;
				margin: 0 -80px 0 0; padding: 0;
				width: 540px; 
				border: 1px solid #ccc;
				background: #eee;
				font-size: 11px;
				}
#content-wrap .box-one {
width: 125px;
}
#content-wrap .box-two {
width: 230px;
}
				#content-wrap .event-box .event-first {
					position: relative;
					float: left;
					width: 160px;
					list-style: none;
					margin: 0; padding: 0;
					}
				#content-wrap .event-box .event-second {
					position: relative;
					float: left;
					width: 190px;
					list-style: none;
					margin: 0; padding: 0;
					}
				#content-wrap .event-box .event-third {
					position: relative;
					float: left;
					width: 190px;
					list-style: none;
					margin: 0; padding: 0;
					}
					#content-wrap .event-box li {
						border-bottom: 1px solid #999;
						border-right: 1px solid #ccc;
						border-left: 1px solid #999;
						border-top: 1px solid #ccc;
						clear: both; 
						margin: 0; padding: 2px 2px 2px 5px;
						}
						
				#content-primary ul,
				#content-secondary ul {
					list-style: none !important;
					margin: 0;
					}
					#content-primary ul li,
					#content-secondary ul li {
						padding: 0 0 0 22px; margin: 0;
						background: url(/img/gbl/logo-2.gif) -2px 0 no-repeat !important;
						}

						
.back {
	position: relative;
	float: right;
	margin: 0; padding: 0;
	width: 94px; height: 24px;
	}
	.back a {
		position: relative;
		float: right;
		margin: 0; padding: 0;
		background: #fff url(/img/gbl/backtotop.jpg) no-repeat 0 0;
		width: 94px; height: 24px;
		display:block;
		overflow: hidden;
		text-indent: -999em;
		}
		.back a:hover {
			background-position:0 -25px;
			}		
.back hr {
	position: absolute;
	margin: 24px 0; padding: 0;
	width: 558px;
	top: 0; right: 0;
	}
	hr {
		margin: 15px 0;
		}
/*------------------------------------------
----------------- images -------------------	
------------------------------------------*/
#content-wrap img {
	float: right;
	border: none;
	}
#content-wrap .img-right {
	float: right; 
	border: 1px solid #ccc;
	margin: 2px 0 5px 5px;

	}
	#content-wrap .img-left {
		float: left;
		border: 1px solid #ccc;
		margin: 2px 5px 10px 0;
		}

/*------------------------------------------
----------- quotes & highlight -------------

------------------------------------------*/
blockquote {
 	clear: both;
	display: block;
	padding: 5px 30px 15px 30px; margin: 0 0 20px 0;
	width: 495px !important;
	background-color: #EEDBEE;
	border: 1px solid #ccc;
	}
	.highlight {
		float: left;
		width: 535px;
		padding: 5px 10px; margin: 5px 0;
		background: #FFF8AF;
		border: 1px solid #DFCC00;
		}	
		.byline {
			text-align: right;
			margin: 0; padding: 0;
			float: left !important; width: 100%;
			color: #6F6F6F;
			font-size: 10px;
			}	
		.footnote {
			font-size: 10px;
			color: #666;
			}
	
	
/*------------------------------------------
----------------- footer -------------------
------------------------------------------*/
	#footer {
		clear: both;
		padding: 2px 10px;
		/*background: #9F7EB4;*/
		border-top: 2px solid #94A04E;
		color: #951B91;
		}
		#footer p {
			font-size: 10px;
			}