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

version:   1.2
-----------------------------------------------------------------------------*/
/*lose the firefox outline of links*/

* 
{
    -moz-outline-style: none;     
    outline-style: none;
    outline-width: 0px;
    outline-color: -moz-use-text-color;
}


/*Class for clearing floats*/

.clear
{
	clear: both;
}

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

	background-color: #290a33;
	background-image: url(../templates/imgs/bg_img2011spring.gif);
	background-repeat: repeat-x;
	background-position: top;
/*background color for whole body*/
	text-align: center;
/*centers site in IE!*/
	margin: 0;
}



/*=Branding
-----------------------------------------------------------------------------*/
#header
{
	width: 940px;
	height: 90px;
	margin: 0px auto;
	position: relative;
}
#logo
{
	background: url(imgs/new/logo.jpg) no-repeat;
	width: 260px;
	height: 90px;
	float: left;
	
}
#site_topic
{
	background: url(imgs/new/site_topic_bg.jpg) no-repeat;
	width: 680px;
	height: 50px;
	float: right;
}
/*=Sec Nav
-----------------------------------------------------------------------------*/
#sec_nav
{
	background: url(imgs/new/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;
    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; 
}
ul.m_nav a
{
	float: left;
	display: block;
	width: 87px;
	height: 40px;
}

/* 1 home*/

a#mir-a1{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat  0 -50px;
    width:75px;
	height: 40px;
	display: block;
	
}


a:link#mir-a1{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat 0 -50px;
    width:75px;
	height: 40px;
	display: block;	
}

a:visited#mir-a1{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat 0 -50px;
    width:75px;
	height: 40px;
	display: block;	
}

a:hover#mir-a1 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat 0 0px;
    width:75px;
	height: 40px;
	display: block;
	
}

/* 2 schedule*/

a#mir-a2{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -75px -50px;
    width:102px;
	height: 40px;
	display: block;
	
}

a:link#mir-a2{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -75px -50px;
    width:102px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a2{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -75px -50px;
    width:102px;
	height: 40px;
	display: block;
	
}


a:hover#mir-a2 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -75px 0;	      
	width:102px;
	height: 40px;
	display: block;
	
}

/* 3 programs*/

a#mir-a3{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -177px -50px;
    width:106px;
	height: 40px;
	display: block;
	
}

a:link#mir-a3{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -177px -50px;
    width:106px;
	height: 40px;
	display: block;
	
}


a:visited#mir-a3 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -177px -50px;
    width:106px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a3 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -177px 0;	      
	width:106px;
	height: 40px;
	display: block;
	
}

/* 4 kids*/

a#mir-a4{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -283px -50px;
    width:104px;
	height: 40px;
	display: block;
	
}

a:link#mir-a4 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -283px -50px;
	width:104px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a4 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -283px -50px;
    width:104px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a4 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -283px 0;	      
	width:104px;
	height: 40px;
	display: block;
	
}

/* 5 support*/

a#mir-a5{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -387px -50px;
    width:140px;
	height: 40px;
	display: block;
	
}

a:link#mir-a5 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -387px -50px;
	width:140px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a5 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -387px -50px;
    width:140px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a5 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat  -387px 0;	      
	width:140px;
	height: 40px;
	display: block;
	
}

/* 6 outreach*/

a#mir-a6{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -527px -50px;
    width:213px;
	height: 40px;
	display: block;
	
}

a:link#mir-a6 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -527px -50px;
	width:213px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a6 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -527px -50px;
    width:213px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a6 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -527px 0;	      
	width:213px;
	height: 40px;
	display: block;
	
}

/* 7 news*/

a#mir-a7{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -740px -50px;
    width:70px;
	height: 40px;
	display: block;
	
}

a:link#mir-a7 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -740px -50px;
	width:70px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a7 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -740px -50px;
    width:70px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a7 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -740px 0;	      
	width:70px;
	height: 40px;
	display: block;
	
}

/* 8 about*/

a#mir-a8{
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -810px -50px;
    width:130px;
	height: 40px;
	display: block;
	
}

a:link#mir-a8 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -810px -50px;
	width:130px;
	height: 40px;
	display: block;
	
}

a:visited#mir-a8 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -810px -50px;
    width:130px;
	height: 40px;
	display: block;
	
}

a:hover#mir-a8 {
	background: url(imgs/nav/wqpt_navbar.gif) no-repeat -810px 0;	      
	width:130px;
	height: 40px;
	display: block;
	
}





/*=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: #FFFFFF;
	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;
}
/*=FREEDOM RIDERS-----------------------------------------------------------------------------FREEDOM RIDERS*/
.container_freedomriders
{
	background-color: #000;
	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;
}
/*=FREEDOM RIDERS-----------------------------------------------------------------------------FREEDOM RIDERS*/
#main.freedomriders
{
	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;
}
#side_bar_content_c
{
	min-height: 100px;
	width: 210px;
	border-bottom: 10px solid #CCCCCC;
	border-top: 10px solid #CCCCCC;
	border-left: 0px;
	border-right: 0px;
	background-color: #FFF;
	margin-bottom: 10px;
	padding-top: 10px;
	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: #FFF;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}

/*=var3
-----------------------------------------------------------------------------*/
#container_1.con_var3
{
	height: 280px;
	width: 1000px;
	padding: 0px;
	background-color: #FFF;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}
/*=var4COR
-----------------------------------------------------------------------------*/
#container_1.con_var4COR
{
	height: 200px;
	width: 1000px;
	padding: 0px;
	background-color: #FFF;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}
/*=CHAMPAGNE2011
-----------------------------------------------------------------------------*/
#container_555
{
	height: 200px;
	width: 1000px;
	padding: 0px;
	background-color: #FFF;
	margin-top: -12px;
}

#container_555.con_var1
{
	height: 200px;
	width: 1000px;
	padding: 0px;
	background-color: #FFF;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}

/*=var1
-----------------------------------------------------------------------------*/
#container_1.con_var-am
{
	height: 360px;
	width: 1000px;
	padding: 0px;
	padding-top: 0px;
	background-color: #FFF;
	margin-top: -11px;
	margin-right: 0px;
	margin-left: 0px;
}

/*=btm-feeder
-----------------------------------------------------------------------------*/
#wqptredundantnav {
	margin:0 auto;
	text-align: center;
	width: 100%;
	background-color: #b0b4b7;
	border-top: 30px solid #b0b4b7;
	border-right: 0px solid #b0b4b7;
	border-bottom: 30px solid #b0b4b7;
	border-left: 0px solid #b0b4b7;
}

#wqptfooter {
	margin:0 auto;
	text-align: center;
	width: 100%;
	background-color: #505050;
	border-top: 0px solid #505050;
	border-right: 0px solid #505050;
	border-bottom: 0px solid #505050;
	border-left: 0px solid #505050;
}

/************************** BEGIN SOCIAL MEDIA BLOCK */
/* SOCIAL MEDIA BAR */
#socialmedia { margin:0; padding:0; width:210px; height:55px; background-image:url(http://www.wqpt.org/templates/images/common/socialmedia-sprite.gif); }
#socialmedia li { margin:0; padding:0; list-style-type:none; display:inline; height:55px; text-align:center; float:left; line-height:55px; }

#socialmedia a { display:block; height:55px; }
#socialmedia a:hover { background-image:url(http://www.wqpt.org/templates/images/common/socialmedia-sprite.gif) }

#socialmedia-signup {width:103px;}
#socialmedia-signup a:hover { background-position: -0px bottom; }

#socialmedia-facebook {width:37px;}
#socialmedia-facebook a:hover { background-position: -103px bottom; }

#socialmedia-twitter {width:36px;}
#socialmedia-twitter a:hover { background-position: -140px bottom; }

#socialmedia-youtube {width:34px;}
#socialmedia-youtube a:hover { background-position: -176px bottom; }


#socialmedia span { display:none; }

/************************** END SOCIAL MEDIA OLCK */