@charset "utf-8";







/*



Theme Name: ResistanceTeam.org



Theme URI: http://www.resistanceteam.org



Description: This is Operation Keepsake's ResistanceTeam.org. For real teens facing real issues



Version: 2.8



Author: Klein Studios Inc.



Author URI: http://www.mainstreetpc.com



*/











/* General CSS */







body {



	text-align: center;



	min-width: 932px;



	font-family: Arial, Verdana, Helvetica, sans-serif;



	font-size: 14px;



	color: #fff;



	background-color: #29abe2;



}



* {



margin: 0;



padding: 0;



}



img, div, a, input { 



    behavior: url(iepngfix.htc)



}











/* External Links */







a[href^="http:"] {



    padding-right: 10px;



}



a[href^="http://www.resistanceteam.org"], a[href^="http://resistanceteam.org"]  {



    background-image: none;



    padding-right: 0;



}



a[href^="mailto:"] {



    background: url(images/email.png) no-repeat right top;



    padding-right: 15px;



}











/* Layout */







#wrapper {



	width: 932px;



	margin: 0 auto;



	text-align: left;



	background-image: url(images/wrapper_bg.jpg);



	background-repeat: repeat-y;



	background-position: left top;



	overflow: auto;



}



#branding {



	float: left;



	width: 932px;



	height: 196px;



}



#branding h1 {



	width: 932px;



    height: 196px;



    position: relative;



}



#branding h1 span {



	position: absolute;



	width: 100%;



	height: 100%;



	background-image: url(images/branding_bg.jpg);



	background-repeat: no-repeat;



}



#contentArea {



	background-image: url(images/content_area_bg.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	width: 932px;



	float: left;



}



#mainContentArea {



	float: left;



	width: 571px;



	margin-left: 17px;



	display:inline; /* Fixes IE double margin float bug */



}



#mainContent1 {



	float: left;



	width: 571px;



	margin-top: 73px;



	height: 474px;



	color: #fff;



}



#mainContent1 h1, h2, h3, h4 {



	font-size: 20px;



	padding: 10px;



}



#mainContent1 p {



	padding: 10px;



}



#mainContent1 a:link, #mainContent1 a:visited {



	color: #fff;



	text-decoration: underline;



}



#mainContent1 a:hover {



	text-decoration: none;



}



#mainContent2 {

	float: left;

	width: 571px;

	background-image: url(images/home_img.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 592px;

}



#mainContent3 {



	float: left;



	width: 571px;



	margin-top: 73px;



	background-image: url(images/main_content_bg_2.png);



	background-repeat: repeat-y;



	background-position: right top;



	z-index: 2;



	position: relative;



	background-color: #000;



}



#mainContent3 a:link, #mainContent3 a:visited {



	color: #fff;



	text-decoration: underline;



}



#mainContent3 a:hover {



	text-decoration: none;



}



#mainContent3 p {



	padding: 10px;



}



#mainContent3 ul {



	padding-top: 10px;



	padding-right: 10px;



	padding-bottom: 10px;



	padding-left: 20px;



}



#mainContent3 li {



	padding-bottom: 10px;



	list-style-type: square;



}



#mainContentPolls {



	float: left;



	width: 571px;



	margin-top: 73px;



	background-image: url(images/main_content_bg_2.png);



	background-repeat: repeat-y;



	background-position: right top;



	z-index: 2;



	position: relative;



	background-color: #000;



	list-style-type: none;



}



#mainContentPolls  a:link, #mainContentPolls  a:visited {



	color: #fff;



	text-decoration: underline;



}



#mainContentPolls  a:hover {



	text-decoration: none;



}



#mainContentPolls  p {



	padding: 10px;



}



#mainContentPolls li {



	padding-bottom: 10px;



	list-style-type: square;



}



.welcomeTextPadding {



	margin-top: 109px;



	margin-bottom: 146px;



	padding-left: 12px;



}



#mainContent4 {



	float: left;



	width: 571px;



	background-image: url(images/youth_banner_2.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	height: 600px;



	margin-top: -6px;



	z-index: 1;



	position: relative;



}

#mainContentAboutUsImg {

	float: left;

	width: 571px;

	background-image: url(images/about_us_img.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 600px;

	margin-top: -6px;

	z-index: 1;

	position: relative;

}

#mainContentVideosImg {

	float: left;

	width: 571px;

	background-image: url(images/videos_img.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 600px;

	margin-top: -6px;

	z-index: 1;

	position: relative;

}

#mainContentSignUpImg {

	float: left;

	width: 571px;

	background-image: url(images/sign_up_img.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 600px;

	margin-top: -6px;

	z-index: 1;

	position: relative;

}

#mainContentPollsImg {

	float: left;

	width: 571px;

	background-image: url(images/polls_img.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	height: 600px;

	margin-top: -6px;

	z-index: 1;

	position: relative;

}



#secondaryContentArea {



	float: right;



	width: 320px;



	margin-right: 22px;



	display:inline; /* Fixes IE double margin float bug */



	list-style-type: none;



	margin-top: 25px;



	text-align: center;



}



#secondaryContent1 {



	float: left;



	width: 320px;



	height: 547px;



	list-style-type: none;



}



#secondaryContent1 h2 {



	padding-top: 66px;



	padding-left: 48px;



}



#secondaryContent1 p {



	padding-bottom: 10px;



	line-height: 25px;



}



#secondaryContent1 a:link, #secondaryContent1 a:visited {



	color: #fff;



	text-decoration: none;



}



#secondaryContent1 a:hover {



	text-decoration: underline;



}



.formHomePage {



	padding-bottom: 20px;



	margin-left: 50px;



}



#secondaryContent2 {



	float: right;



	width: 300px;



	background-image: url(images/questions_of_the_week_area_bg.jpg);



	background-repeat: no-repeat;



	background-position: right 98px;



	list-style-type: none;



	color: #000;



}



#secondaryContent2 h3 {



	padding-top: 75px;



	padding-bottom: 15px;



	width: 280px;



    height: 29px;



    position: relative;



	color: #000;



}



#secondaryContent2 h3 span {



	position: absolute;



	width: 100%;



	height: 100%;



	background-image: url(images/question_of_the_week.jpg);



	background-repeat: no-repeat;



	color: #000;



}



#secondaryContent2 p {



	padding-bottom: 10px;



	padding-left: 20px;



	color: #000;



}



#secondaryContent2 a:link, #secondaryContent2 a:visited {



	color: #96D03E;



	text-decoration: underline;



	list-style-type: none;



}



#secondaryContent2 li {



	margin-top: 15px;



	list-style-type: none;



}







#secondaryContent2 a:hover {



	text-decoration: none;



	list-style-type: none;



}



#footer {



    float: left;



	width: 932px;



	height: 104px;



	background-image: url(images/footer_bg.jpg);



	background-repeat: no-repeat;



	background-position: left top;



}



.designedBy {



	float: right;



	padding-top: 70px;



	padding-right: 30px;



	font-size: 10px;



	color: #fff;



}



.designedBy a:link, .designedBy a:visited {



	color: #fff;



	text-decoration: underline;



}



.designedBy a:hover{



	text-decoration: none;



}











/* Main Nav */







#MainNav {



	margin: 0px;



	padding: 0px;



	list-style-type: none;



	float: left; /* contains floated list items */



	width: 932px;



	text-align: center;



	color: #fff;



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: left top;



}



#mainNav li {



	padding: 0px;



	float: left; /* This corrects ie */



	list-style-type: none;



}



#mainNav a {



	line-height: 53px;



	color: #333;



	float:left;



	text-align: left;



	font-size: 1px;



	text-decoration: none;



}



#mainNav #mainNav_hom a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: left top;



	width: 174px;



}



#mainNav #mainNav_hom a:hover {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: left bottom;



}



#mainNav #mainNav_vid a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -174px top;



	width: 183px;



}



#mainNav #mainNav_vid a:hover {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -174px -53px;



}



#mainNav #mainNav_pol a {



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -357px top;



	width: 162px;



}



#mainNav #mainNav_pol a:hover {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -357px -53px;



}



#mainNav #mainNav_abo a {



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -519px top;



	width: 216px;



}



#mainNav #mainNav_abo a:hover {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -519px -53px;



}



#mainNav #mainNav_sig a {



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: right top;



	width: 197px;



}



#mainNav #mainNav_sig a:hover {



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: right bottom;



}



#body_hom #mainNav_hom a {



	background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: left bottom;



}



#body_abo #mainNav_vid a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -174px -53px;



}



#body_cli #mainNav_pol a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -357px -53px;



}



#body_new #mainNav_abo a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: -519px -53px;



}



#body_con #mainNav_sig a {



    background-image: url(images/main_nav.jpg);



	background-repeat: no-repeat;



	background-position: right bottom;



}