/*
* LAYOUT STYLES
*
* Only CSS that affects the layout (positioning) of major elements should be
* listed here.  Such as:
*   display, position, float, clear, width, height, min-width, min-height
*   margin, border, padding, overflow
*/
/** body **/

body{
	margin: 0;
	padding: 0;
	text-align: center;
}

#page{
	/*;
	* If you want to make the page a fixed width and centered in the viewport,;
	* this is the standards-compliant way to do that. See also the ie.css file;
	* for the necessary IE5 hack to center a div.;
	*/;
	margin: 0 auto;
	width: 970px;
	text-align: left;
}

#page-inner{
}
/** header **/

#header{
	height: 174px;
	width: 970px;
}

#header-inner{
	padding: 13px 11px 0 15px;
}

#header-block-left{
	float: left;
	padding: 18px 11px 0 21px;
	width: 196px;
}

#header-block-mid{
	float: left;
	width: 416px;
}

#header-block-right{
	float: right;
	width: 300px;
}

#logo{
	margin: 0;
}

#logo-image{
	vertical-align: top;
}

#affiliate-location{
}

#menu-section-volorg{
	position: absolute;
	top: 147px;
	width: 419px;
	height: 27px;
}

#menu-affiliate{
	float: left;
	margin-top: 30px;
	width: 133px;
}

#affiliate-member{
	float: left;
	margin-top: 29px;
	margin-left: 8px;
	width: 159px;
	height: 132px;
}
/** main (container for everything else) **/

#main{
	width: 970px;
}

#main-inner{
}
/** content **/

#content ,.no-sidebars #content{
	width: 970px;
	margin: 0;
	padding: 0 /* DO NOT CHANGE. Add padding or margin to #content-inner. */;
}

.sidebar-left #content{
	float: left;
	width: 613px;
	margin: 0;
}

.sidebar-right #content{
	float: left;
	width: 592px;
	margin: 0 20px 0 36px;
	_margin-left: 18px;
}

.two-sidebars #content{
	float: left;
	width: 326px;
	margin: 0;
}

#content-inner{
	margin: 0;
	padding: 0 0 5em;
	min-height: 400px;
}

.sidebar-left #content #content-inner{
	padding-right: 17px;
}

.sidebar-right #content #content-inner{
}

.page-calendar #content-inner{
	min-height: 0;
}

#content-wide{
	padding: 25px 15px 10px;
	_padding-bottom: 0;
	width: 940px;
}

#content-col-left{
	float: left;
	width: 460px;
	padding-left: 20px;
}

#content-col-right{
	float: right;
	width: 460px;
}
/** navbar **/

#navbar{
	width: 970px;
	height: 71px;
	margin: 0;
	padding: 0 /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */;
}

#navbar-inner{
}

#menu-primary{
}
/** sidebar-left **/

#sidebar-left{
	float: left;
	width: 342px;
	margin: 0;
	padding: 0 /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */;
}

#sidebar-left-inner{
	margin: 0;
	padding: 0;
}

#menu-secondary{
	width: 342px;
}
/** sidebar-right **/

#sidebar-right{
	float: left;
	width: 322px;
	margin: 0;
	padding: 0 /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */;
}

#sidebar-right-inner{
	margin: 0 36px 0 20px;
	padding: 0;
	width: 266px;
}
/** footer **/

#footer{
	clear: both;
	width: 970px;
	margin-bottom: 4em;
}

#footer-inner{
}

#footer-block{
	padding: 0 36px 15px;
	height: 121px;
}

#menu-sponsors{
	float: left;
	padding-top: 11px;
	padding-left: 20px;
	height: 111px;
	width: 591px;
}

#footer-message{
	padding: 0 36px;
}
/** Prevent overflowing content **/

#header ,#navbar ,#navatar-old ,#sidebar-left ,#sidebar-right ,#content ,#footer{
	overflow: visible;
	word-wrap: break-word /* A very nice CSS3 property */;
}

#navbar{
	overflow: hidden /* May need to be removed if using a dynamic drop-down menu */;
}

.clearfix{
	clear: both;
}
/* If a div.clear-block doesn't have any content after it and its bottom edge
 touches the bottom of the viewport, Firefox and Safari will mistakenly
 place several pixels worth of space between the bottom of the div and the
 bottom of the viewport. Uncomment this CSS property to fix this.
 Note: with some over-large content, this property might cause scrollbars
 to appear on the #page div.
*/
/*
#page
{
overflow-y: hidden;
}
*/

#menu-section-volorg-old/* For Volunteer/Organizations links */{
	position: absolute;
	top: 147px;
	width: 419px;
	height: 27px;
}

#navbar-old{
	width: 970px;
	height: 71px;
	margin: 0;
	padding: 0 /* DO NOT CHANGE. Add padding or margin to #navbar-inner. */;
}

#navbar-old{
	overflow: hidden /* May need to be removed if using a dynamic drop-down menu */;
}

#menu-primary-old{
}