@import url("reset.css");
@import url("960.css");

body
{
	text-align: center;
	background: #800000 url('../images/backgrounds/paisley.jpg') repeat;
}
#container_outer
{
	margin: .4em auto;
	text-align: center;
	font-family: 'Tahoma';
	display: block; /* fix for ie6, forces white background of children,                         960 does this for me on the inner containers */
}
#container_inner
{
	text-align: left; /* fixes align of body element above */
	background-color: white;
	overflow: hidden; /* forces children to be contained, this forces the white background in ie 6 */
}
/*
 * divs
 */
#div_banner_top
{
	margin-top: .4em;
	background-color: #800000;
	color: #FFFFFF;

	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
/*	
	behavior: url(style/PIE.htc);
*/
}
#div_banner_top .heading
{
	text-align: right;
	font-size: 1.4em;
	padding: .5em;
	letter-spacing: 6px;
}
#div_gnalogo
{
	margin-top: .4em;
	text-align: center;
	vertical-align: middle;
}
#div_menuleft
{
	width: 170px;
}
#div_info_container
{
	background-color: #FFFFCC;
}
#div_info
{
	text-align: left; /* ie6 and 7 display centered without this */
	min-height: 380px;
}

/* don't pad the containers, pad the elements within the container */
#div_info p
{
	line-height: 1.3em;
	margin: .4em 0 0 0;
}
#div_info .singleLine
{
	/* reset margin and indent lower lines */
	margin: 0 0 0 15px;
	text-indent: -15px;
}
.bus
{
	font-family: 'Tahoma';
	margin: 0 0 0 18px;
	text-indent: -15px;
	display: block;
}
.busHover
{
}
.busDetails
{
	margin: 0 0 0 18px;
	text-indent: -15px;
	background: #ddd;
	display: none;
}
#div_info td .singleLine2
{
	/* reset margin and indent lower lines */
	margin: 0;
}
#div_info img
{
	line-height: 1.3em;
}
#div_info .para_highlight
{
	overflow: auto;
}
#div_info p, #div_info td, #div_info div ul
{
	font-size: .95em;
	padding: 0 0 0 .3em;
}
#div_info h1
{
	font-size: 2em;
	margin: .8em 0 0 0;
	padding: .5em;
}
/*
#test
{
	padding: 5em;
	background: #B4CD4B;
    background: -webkit-linear-gradient(#B4CD4B, #99b231); 
}
*/

#div_info h2
{
	font-size: 1.1em;
	margin: .2em 0 0 0;
	padding: .2em;
	/*height: 1.0em; this limits the height to 1 line */
	vertical-align: middle;

	border-radius: 3px 3px 0px 0px;
	-webkit-border-radius:  3px 3px 0px 0px;
	-moz-border-radius:  3px 3px 0px 0px;
	
/*	box-shadow: #000 1px 2px 3px; */

	background: #99b231; 
    background: -moz-linear-gradient(#B4CD4B, #99b231); 
    background: -webkit-linear-gradient(#B4CD4B, #99b231); 
    background: -ms-linear-gradient(#B4CD4B, #99b231); 
    background: -o-linear-gradient(#B4CD4B, #99b231); 
    background: linear-gradient(#B4CD4B, #99b231); 
    -pie-background: linear-gradient(#B4CD4B, #99b231);
	behavior: url(style/PIE.htc);

}
#past_events_heading
{
	text-align: right;
	font-size: .8em;
	margin: .2em 0 .2em 0;
	padding: .5em 1em;

	border-radius: 3px 3px 3px 3px;
	-webkit-border-radius:  3px 3px 3px 3px;
	-moz-border-radius:  3px 3px 3px 3px;
	
	background: #99b231; 
    background: -moz-linear-gradient(#B4CD4B, #99b231); 
    background: -webkit-linear-gradient(#B4CD4B, #99b231); 
    background: -ms-linear-gradient(#B4CD4B, #99b231); 
    background: -o-linear-gradient(#B4CD4B, #99b231); 
    background: linear-gradient(#B4CD4B, #99b231); 
    -pie-background: linear-gradient(#B4CD4B, #99b231);
	behavior: url(style/PIE.htc);
}
#div_info img
{
	/*	padding: 5px;  	border: 1px solid black;  	background-color: white;*/
}
#div_info .floatimgleft
{
	float: left;
	padding-right: .5em;
}
#div_info .floatimgright
{
	float: right;
	margin-left: 4px;
}
.imgBorder 
{
	border: solid 1px #AAAAAA;
	margin: .8em;
}
#div_info td
{
/*	padding: 10px 10px 10px 0px;*/
}
.oddRow, .oddRow > td
{
	background-color: #FFFFDD;
	padding: 2px;
}
.evenRow
{
	background-color: #FFFF99; /*	background-color: #FFFFF2;*/
	padding: 2px;
}
#div_info tr.oddRow td, #div_info tr.evenRow td
{
	padding: 2px 10px 2px 10px;
}
#div_info a
{
	text-decoration: underline;
}
#div_info a:visited
{
	color:blue;	
}
#div_menubottom
{
	background-color: white;
	text-align: center;
	margin: .4em;
}
#div_copyright
{
	padding: .5em 0;
	text-align: right;
	font-size: .7em;
	color: #888888;
}
/*
 * menu 
 */
#menu_left
{
	overflow: hidden;
}
#menu_left li
{
	display: block;
	width: 168px;
	height: 34px;
	letter-spacing: 0px;
	font-size: 1.1em;
}
#menu_left a, #menu_left a:visited
{
	display: block;
	padding: 7px;
	margin-top: 1px;
	color: #000000;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: #222 1px 1px 2px;

	background: #99b231; 
    background: -moz-linear-gradient(#B4CD4B, #99b231); 
    background: -webkit-linear-gradient(#B4CD4B, #99b231); 
    background: -ms-linear-gradient(#B4CD4B, #99b231); 
    background: -o-linear-gradient(#B4CD4B, #99b231); 
    background: linear-gradient(#B4CD4B, #99b231); 
    -pie-background: linear-gradient(#B4CD4B, #99b231);
	behavior: url(style/PIE.htc);
}
#menu_left a:hover, #menu_left .menu_selected a
{
	color: #FFFFFF;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: #222 1px 1px 2px;

	background: #748f00; 
    background: -moz-linear-gradient(#99b231, #B4CD4B); 
    background: -webkit-linear-gradient(#99b231, #B4CD4B); 
    background: -ms-linear-gradient(#99b231, #B4CD4B); 
    background: -o-linear-gradient(#99b231, #B4CD4B); 
    background: linear-gradient(#99b231, #B4CD4B); 
    -pie-background: linear-gradient(#99b231, #B4CD4B);

	behavior: url(style/PIE.htc);
}
/* bottom menu */
#menu_bottom
{
}
#menu_bottom li
{
	display: inline;
	font-size: 1.1em;
}
#menu_bottom a, #menu_bottom a:visited
{
	margin: 1em 0; /* this defeats an ie6 padding issue */
	padding: 5px;
	color: #000000;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: #222 1px 1px 2px;

	background: #99b231; 
    background: -moz-linear-gradient(#B4CD4B, #99b231); 
    background: -webkit-linear-gradient(#B4CD4B, #99b231); 
    background: -ms-linear-gradient(#B4CD4B, #99b231); 
    background: -o-linear-gradient(#B4CD4B, #99b231); 
    background: linear-gradient(#B4CD4B, #99b231); 
    -pie-background: linear-gradient(#B4CD4B, #99b231);
	behavior: url(style/PIE.htc);
}
#menu_bottom a:hover, #menu_bottom .menu_selected a
{
	color: #FFFFFF;

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	box-shadow: #222 1px 1px 2px;

	background: #748f00; 
    background: -moz-linear-gradient(#99b231, #B4CD4B); 
    background: -webkit-linear-gradient(#99b231, #B4CD4B); 
    background: -ms-linear-gradient(#99b231, #B4CD4B); 
    background: -o-linear-gradient(#99b231, #B4CD4B); 
    background: linear-gradient(#99b231, #B4CD4B); 
    -pie-background: linear-gradient(#99b231, #B4CD4B);

	behavior: url(style/PIE.htc);
}

/* classes */

/*
 * The slideshow will flash all the slides unless you have blocking all the images, except the first.
 */
.slideshow img
{
	display: none;
}
.slideshow img.first
{
	display: block;
}
.mapLink 
{
	font-size: .8em;
}

/* Business Members */
.busMemberName, .busMemberPhone, .busMemberAddress, .busMemberWebsite
{
	line-height: 1em !important;
}
.busMemberName  
{
	font-size: .95em !important;
	font-weight: bold;
	padding: 0 0 0 .2em;
	margin: 0;
}

.busMemberPhone  
{
	font-size: .85em !important;
	padding: 0 0 0 .2em;
}
.busMemberAddress
{
	font-size: .75em !important;
	padding: 0 0 0 .2em;
}
.busMemberWebsite
{
	font-size: .75em !important;
	padding: 0 0 0 .2em;
}
#div_info ul, #div_info div ul
{
	list-style-type: disc;
	margin-top: 0px; 
	margin-left: 20px;
}
#div_info ul li
{
	margin-left: 20px;
}