/*-----------------------------------------------------------------------------
CSS Style Sheet

version:   1.0
-----------------------------------------------------------------------------*/

/*Class for clearing floats*/

.clear
{
	clear: both;
}

/*Fixes secondary Nav imgs in IE6*/
A
{
	behavior: url(../css2/ie/iepngfix.htc);
}
/*=Body
-----------------------------------------------------------------------------*/
BODY
{

	background: url(imgs/bg_img.jpg) repeat 0 0;
/*background color for whole body*/
	text-align: center;
/*centers site in IE!*/
	background-color: #3D3D3D;
	margin: 0;
	

}



/*=Branding
-----------------------------------------------------------------------------*/
#header
{
	width: 940px;
	height: 90px;
	margin: 0px auto;
	position: relative;
}
#logo
{
	background: url(imgs/logo.jpg) no-repeat;
	width: 260px;
	height: 90px;
	float: left;
	
}
#site_topic
{
	background: url(imgs/site_topic_bg.jpg) no-repeat;
	width: 680px;
	height: 50px;
	float: right;
}
/*=Sec Nav
-----------------------------------------------------------------------------*/
#sec_nav
{
	background: url(imgs/sec_nav/sec_nav_bg.jpg) no-repeat;
	float: right;
	position: relative;
	width: 680px;
}
/*The Malarkey Method: Image replacement*/
.s_nav
{
	letter-spacing: -1000em;
}
/*Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix.
adjust left margin if you change the links.

/*\*/
HTML>BODY .s_nav
{
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
}
UL.s_nav
{
	width: 640px;
	height: 40px;
	float: left;
	padding: 0;
	margin-left: 173px;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 0;
	list-style-type: none;
	display: inline;
}
UL.s_nav LI
{
	display: inline;
}
UL.s_nav LI A
{
	float: left;
	display: block;
	width: 680px;
	height: 40px;
}
A#s_mir-a1
{
	background: url(imgs/sec_nav/events_off.png) no-repeat;
	width: 84px;
}
A#s_mir-a2
{
	background: url(imgs/sec_nav/member_off.png) no-repeat;
	width: 113px;
}
A#s_mir-a3
{
	background: url(imgs/sec_nav/contact_off.png) no-repeat;
	width: 77px;
}
A#s_mir-a4
{
	background: url(imgs/sec_nav/search.png) no-repeat;
	width: 50px;
}
A:hover#s_mir-a1
{
	background: url(imgs/sec_nav/events_on.png) no-repeat;
	width: 84px;
}
A:hover#s_mir-a2
{
	background: url(imgs/sec_nav/member_on.png) no-repeat;
	width: 113px;
}
A:hover#s_mir-a3
{
	background: url(imgs/sec_nav/contact_on.png) no-repeat;
	width: 77px;
}
A:hover#s_mir-a4
{
	background: url(imgs/sec_nav/search.png) no-repeat;
	width: 50px;
}
/*=Search Nav
-----------------------------------------------------------------------------*/
#subSearch
{
	float: left;
	height: 21px;
	width: 177px;
	margin: 0;
	margin-top: 13px;
	padding: 0;
	position: absolute;
	top: 0;
	left: 497px;
}
#nav_search_field
{
	float: left;
	width: 145px;
	height: 17px;
	background-color: #FFF;
	border: 1px solid #E1E1E1;
	padding: 0;
	margin: 2px 0 0 3px;
}
#btn_search_container
{
	float: left;
	margin: 2px 0 0 3px;
}
/*=Main Nav
-----------------------------------------------------------------------------
The Malarkey Method: Image replacement*/
.m_nav
{
	letter-spacing: -1000em;
}
/*Be nice to Opera, but hide from MacIE. Thanks to Robert Jan Verkade (http://www.eend.nl) for the MacIE fix.
\*/
HTML>BODY .m_nav
{
	letter-spacing: normal;
	text-indent: -999em;
	overflow: hidden;
}
#nav
{
	width: 100%;
	height: 40px;
	z-index: 700;
	position: absolute;
	top: 90px;
	left: 0;
}
UL.m_nav
{
	width: 940px;
	padding: 0;
	margin: 0 auto;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
	background-color: #f6f6f6;
<!--Change this to change background color-->
	background-image: url(../templates/images/navback2009.gif);
	background-repeat: repeat-x;
}
SPAN.center_nav
{
	display: block;
	margin: 0px 59px;
	text-align: center;
/*be nice to IE!*/
}
UL.m_nav LI
{
	display: inline;
    background-color: #fff; <!--Change this to change background color-->
}
UL.m_nav LI A
{
	float: left;
	display: block;
	width: 87px;
	height: 40px;
}
A#mir-a1
{
	background: url(imgs/nav/home_off.gif) no-repeat;
	width: 75px;
}
A#mir-a2
{
	background: url(imgs/nav/schedule_off.gif) no-repeat;
	width: 102px;
}
A#mir-a3
{
	background: url(imgs/nav/programs_off.gif) no-repeat;
	width: 106px;
}
A#mir-a4
{
	background: url(imgs/nav/kids_off.gif) no-repeat;
	width: 104px;
}
A#mir-a5
{
	background: url(imgs/nav/support_off.gif) no-repeat;
	width: 140px;
}
A#mir-a6
{
	background: url(imgs/nav/edout_off.gif) no-repeat;
	width: 213px;
}
A#mir-a7
{
	background: url(imgs/nav/news_off.gif) no-repeat;
	width: 70px;
}
A#mir-a8
{
	background: url(imgs/nav/about_off.gif) no-repeat;
	width: 130px;
}
A:hover#mir-a1
{
	background: url(imgs/nav/home_on.gif) no-repeat;
	width: 75px;
}
A:hover#mir-a2
{
	background: url(imgs/nav/schedule_on.gif) no-repeat;
	width: 102px;
}
A:hover#mir-a3
{
	background: url(imgs/nav/programs_on.gif) no-repeat;
	width: 106px;
}
A:hover#mir-a4
{
	background: url(imgs/nav/kids_on.gif) no-repeat;
	width: 104px;
}
A:hover#mir-a5
{
	background: url(imgs/nav/support_on.gif) no-repeat;
	width: 140px;
}
A:hover#mir-a6
{
	background: url(imgs/nav/edout_on.gif) no-repeat;
	width: 213px;
}
A:hover#mir-a7
{
	background: url(imgs/nav/news_on.gif) no-repeat;
	width: 70px;
}
A:hover#mir-a8
{
	background: url(imgs/nav/about_on.gif) no-repeat;
	width: 130px;
}
/*=Shadow
-----------------------------------------------------------------------------*/
.wrap
{
	width: 1058px;
	margin: 0px auto;
}
.bottom
{
	float: left;
	width: 1058px;
	height: 40px;
	background: transparent url(imgs/s/1bottom_shadow.png) no-repeat;
	margin-left: 0px;
	display: inline;
	margin-bottom: -20px;
/*pulls in footer*/
}
.top
{
	background: transparent url(imgs/s/1top_shadow57.png) no-repeat;
	margin-top: -18px;
	float: left;
	height: 40px;
	width: 1057px;
	display: inline;
}
.box
{
	float: left;
	padding: 0px 29px;
	width: 999px;
	background: url(imgs/s/1side_shadow57.png) repeat-y;
	display: inline;
}
/*=Main Content
-----------------------------------------------------------------------------*/
#container_1
{
	height: 340px;
	width: 1000px;
	padding: 0px;
	background-color: #000;
	margin-top: -12px;
}
#container_1.flash
{
	height: 324px;
	width: 980px;
	padding: 10px;
	padding-top: 5px;
	background-color: #000;
	margin-top: -12px;
}
#video
{
	width: 720px;
	height: 290px;
	background-color: #272727;
	float: right;
	margin: 34px 20px 0px 0px;
	padding: 0px;
}
.container_2
{
	background-color: #FFF;
	height: 100%;
	width: 980px;
	padding: 10px;
	margin-bottom: -11px;
	margin-right: -5px;
	margin-right: 0px;
	margin-left: 0px;
	clear: both;
}
#main
{
	width: 680px;
	min-height: 400px;
	background-color: #FFFFFF;
	float: right;
	margin: 20px 20px 30px 0px;
	padding: 0px;
}
#main.chris2
{
	width: 700px;
	min-height: 600px;
	float: right;
	margin: 20px 20px 30px 0px;
	padding: 0px;
}
#main.chris6
{
	width: 940px;
	min-height: 500px;
/*min height extended to make up for short image area in order to clear sidebar*/
	background-color: #FFFFFF;
	float: right;
	margin: 20px 20px 30px 0px;
	padding: 0px;
}
#sub_content_1
{
	clear: both;
	width: 940px;
	float: right;
	margin: 0px 20px 10px 0px;
	padding: 0px;
}
#sub_content_2
{
	clear: both;
	width: 940px;
	margin: 0px 20px 30px;
	padding: 0px;
	background-color: #FFF;
	height: 100%;
}
/*=Sidebar(Edit 1st group:
-----------------------------------------------------------------------------Changed sidebarcontent_b_padding top to zero from 10px*/
#sidebar
{
	width: 210px;
	position: absolute;
	top: 140px;
	left: 0px;
}
#side_bar_content_a
{
	min-height: 410px;
	width: 208px;
	border: 1px solid #CCCCCC;
	background-color: #F3F2F2;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#side_bar_content_b
{
	max-height: 180px;
	width: 210px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#footer
{
	float: left;
	clear: left;
	width: 940px;
	height: 100%;
	margin-left: 60px;
	display: inline;
}
/*=Forms
-----------------------------------------------------------------------------
Removes fieldset borders. even on Opea 7*/
FIELDSET
{
	border: 1px solid transparent;
}
/*=Tables
-----------------------------------------------------------------------------*/
TABLE
{
	border-spacing: 0;
	border-collapse: collapse;
}
TD
{
	text-align: left;
	font-weight: normal;
}
/*=var1
-----------------------------------------------------------------------------*/
#container_1.con_var1
{
	height: 340px;
	width: 1000px;
	padding: 0px;
	padding-top: 0px;
	background-color: #000;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}

/*=var2
-----------------------------------------------------------------------------*/
#container_1.con_var2
{
	height: 180px;
	width: 1000px;
	padding: 0px;
	background-color: #000;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}