@charset "utf-8";
/* CSS Document */


* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans serif;
	font-size:85%;
	line-height:140%;
}
ul {
	margin-left:17px;
}
a:link {
	color:#6C0021;
	font-weight:bold;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a:visited {
	color:#6d3e4d;
	font-weight:bold;
	text-decoration:none;
}

a:hover :visited {
	text-decoration:underline;
}
.read_more {
	color:#6C0021;
	font-weight:bold;
	cursor:pointer;
}
.read_more:hover {
	text-decoration:underline;
}
#top_background {
	height:100%;
	margin-top:22px;
	background:#fff url(../images/banner-menu-bg.jpg) repeat-x 0 0px;
}
#outer_container {
	width: 910px;  /* Wide enough to contain #mainContent plus outer_container_left/right */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:center;
	height:100%;
}
#shadow_container_left {
	margin-top:0px;
	width:910px; /* Needs to match outer_container width and needs to be the width of shadow_container_right + the shadow width */
	background:url(../images/left-shadow-transparent.png) repeat-y;
	padding:0 0 0 10px; /* Left padding needs to match the width of left-shadow-transparent.png */
}
#shadow_container_right {
	background:url(../images/right-shadow-transparent.png) repeat-y 100% 20px;
	padding:0 10px 0 0px; /* Right padding needs to be the same as the width right-shadow-transparent.png (which is just left-shadow-transparent.png rotated 180 degrees). */
	width:900px; /* needs to match the width of main_content */
}
#top_contact_info {
	position:absolute;
	top:0px;
	right:5%;
	font-size:15px;
	font-weight:bold;
	color:#6C0021;
}
#menu{
	/* This controls the height of the menu which is important to make the menu bar match the height of the background's extension of the menu bar */
	/* In IE7 the menu font is a liitle larger than in FF3 which makes the menu not fit in one line. By reducing the size a little, we can get it all to fit. */
	font-size:95%;
}
#left_column {
	float:left;
	width:190px;
	margin-right:10px;
	padding:15px 35px 0px 35px;
	text-align:left;
	background: url(../images/borderline.gif) 245px 0px repeat-y;
}
#left_column p, #right_column p {
	margin-top:10px;
}
#left_column #play h3 {
	background:url(../images/headers-play.png) 0 0px no-repeat;
	margin-top:0px;
	padding-top:40px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #info_meeting h3 {
	background:url(../images/headers-info.png) 0 0px no-repeat;
	margin-top:0px;
	padding-top:40px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #testimonial h3 {
	background:url(../images/headers-mouth-balloons.gif) 0 0px no-repeat;
	margin-top:10px;
	padding-top:45px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #blog_posts h3 {
	background:url(../images/headers-rss.png) 0 0px no-repeat;
	margin-top:10px;
	padding-top:43px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #person h3 {
	background:url(../images/headers-person.png) 0 0px no-repeat;
	margin-top:10px;
	padding-top:43px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #change h3 {
	background:url(../images/headers-arrows.png) 0 0px no-repeat;
	margin-top:10px;
	padding-top:43px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column #bullhorn h3 {
	background:url(../images/headers-bullhorn.png) 0 0px no-repeat;
	margin-top:10px;
	padding-top:43px;
	padding-bottom:5px;
	line-height:100%;
}
#left_column h4 {
	margin-top:15px;
	margin-bottom:0;
}
#nextMeeting h4 {
	padding:15px 0 0px;
}
#nextMeeting {
	padding-bottom:12px;	/* compromise for IE7 and FF 3 */
}
#right_column {
	float:right;
	width:190px;
	padding:15px 33px 0px 35px;
	background-color:white;
	text-align:left;
	background: #fff url(../images/borderline.gif) 0px 0px repeat-y;
}
#mainContent {
	text-align:left;
	margin:0 270px 0 255px;
	padding:15px 15px 15px 15px;
}
#mainContent h1 {
	font-size:155%;
	margin-bottom:7px;
	margin-top:15px;
}
#mainContent h1:first-child   {
	margin-top:0;
}
#mainContent h2 {
	margin-top:12px;
	font-size:130%;
	margin-bottom:0;
}
#mainContent h3 {
	margin-top:12px;
	font-size:110%;
	margin-bottom:0;
}
#mainContent  p {
	margin-top:8px;
}
#footer {
	height:25px;
	font-size:small;
	color:#333;
	text-align:left;
	padding:0 0 0 10px;
	width:890px;
	padding-top:4px;
	background-color:#ccc;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float (used here before #footer) */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
#VistageVideo {
	margin:15px 0;
}
.quote_source {
	text-indent:2em;
}
#reviews h3 {
	padding-top:25px;
}
#mainContent .question {
	font-weight:bold;
	margin-top:22px;
}
.answer {
	margin-left:4em;
	margin-right:4em;
}

.float_left  { 
	float:left;  
	padding-left:10px; 
	margin-right:15px; 
	margin-top: 5px; 
	margin-bottom: 5px;
	border:none;
 }

.float_right {
	float:right;
	margin-left:15px;
	padding-right:10px;
	margin-top: 5px;
	margin-bottom: 5px;
	border:none;
}


/*
	For TWO-COLUMN PAGES
   Override some of the styles from the main stylesheet which are set up for three column instead of the two that we have here.
*/

/* If left column is longer than main content and if background gradient does not descend all the way to the footer, then apply a bottom padding to the last element in the mainContent div to force it down. BG gradient fades to white at the bottom so if the page is tall enough, it won't
be an issue. But for short pages with very little content in mainContent it can. */
#two_col #left_column {
	width:250px;
	background: url(../images/borderline.gif) 305px 0px repeat-y;
}
#two_col #mainContent {
	margin:0 0px 0 325px;
	padding-right:35px;
}


/* For Dojo/Dijit */
.dijitContentPane {
	background-image:url(../images/body-bg.jpg);
	padding:0 12px;
}
.dijitLayoutContainer {
	border-color:#6C0021;
}



/* Form styling */
form {
	margin:15px 0;
	padding:0;
	}
fieldset {
	margin: 0;
	padding: 0;
}
label {
	display:block;
	margin:0.25em 0 0 0;
	padding:0 0 0.15em 0;
	}
fieldset ol {
margin:0px 10px 0px 10px;
padding: 0;
list-style: none;
}
fieldset li {
padding-bottom: 0.3em;
}
.submit {
width:120px; height:2em; margin:0px 0 10px 0px; padding:0 0 15px 0; font-weight:bold; font-size:1em;
}
.tundra .dijitTextBox,input, select {
	padding:2px 4px;
}