/* Start of CMSMS style sheet 'MYM_styles' */
/*
insert global colors for site here
#2a3c79; - blue text
#5a7423; - green text
#434343; - grey text


-----------------------------------------------
Site Title
Author:   Jeff Williams
Version:  Date V1.0
----------------------------------------------- */

/*HTML SETUP*******************************************************************/

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0;

}

ul, dl, ol{
margin:0.5em 0.0em .5em 1.0em;
padding:0.5em 0.0em .5em 1.0em;
}



.searchhilite{
background-color:red;

}

/*you must compensate for the scroll bar for mozilla though because the margin and padding is removed*/
option{
	padding-right:.5em;
}

html {
	background-image:url(mym/bg_fingerPrint.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

html, body{	
	font-family:Arial, Helvetica, sans-serif;	
	line-height: 1.0em;	
	height:100%;
	width:100%;
	margin:0px;
	padding:0px;
}
body{
	background-image:url(mym/bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
}

.clearb{
	clear:both;
}

#main_cont{
	width:929px;
	padding-left:26px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	z-index:1;	
}

.background {
	background-image:url(mym/bg.gif);
	background-repeat:no-repeat;
	background-position:center top;
	background-color: #FFFFFF;
}

#thumbprint{
	width:955px;
	margin-left:auto;
	margin-right:auto;
	z-index:1;
	background-image:url(mym/bg_thumb.gif);
	background-repeat:no-repeat;
	background-color:#fff;	
}


#link_stc{
	position:absolute;
	width:200px;
	height:40px;
	display:block;
	z-index:1002;
	left:0px;
	top:0px;
}
#link_home{
	position:absolute;
	width:300px;
	height:165px;
	display:block;
	z-index:1002;
	left:0px;
	top:40px;
	
}

#home_left_col, #tally_left_col, #thumbprint_left_col, #left_col{
	float:left;
	width:190px;
	position:relative;	
	z-index:2;	
	display:inline;
}
#right_group{
	width:715px;
	position:relative;
	z-index:1;
	float:left;
}
#home_center_col, #tally_center_col, #thumbprint_center_col, #center_col{
	float:left;
	width:500px;
	position:relative;
	padding-top:5px;	
}

#page_heading{
	padding-top:70px;
	height:80px;	
	margin-left:100px;
}
#page_heading h1{
	font-size:30px;
}
#home_tag_line, #tally_tag_line, #thumbprint_tag_line{
	float:left;	
	width:185px;
}
#home_tag_line img, #tally_tag_line img, #thumbprint_tag_line img{
	border:0px;
}


/*warapper implemented so we can maniplulte the jquery scroller*/
#home_content_wrap, #thumbprint_content_wrap{
	float:right;
	width:315px;
	height:285px;
}
#thumbprint_wide_content{
	font-size:12px;
	padding:5px;
}
#photo_gallery_content{
	font-size:12px;
}


#gallery_arrow{
	position:absolute;
	background-image:url(mym/arrow.gif);
	right:0px;
	top:439px;
	height:75px;
	width:69px;
}

#right_arrow{
	background-image:url(mym/right_arrow.gif);
	margin-top:5px;
	background-repeat:no-repeat;
	height:65px;
	width:69px;
}



#home_content, #thumbprint_content{
	background-color:#231F20;	
	width:305px;
	height:275px;
	padding:5px;		
	color:#fff;
	font-size:12px;
}
#thumbprint_content_wrap{
	height:375px;
}
#thumbprint_content{
	height:365px;
}
#tally_content{
	font-size:12px;	
	float:right;	
}

#wide_content{
	padding:5px;
	font-size:12px;
	min-height:380px;
	padding-top:50px;
}



/**START RANKING GAME STYLES*/
#ranking_game{
	padding-top:31px;
}


#game_tile{
	padding-top:10px;
	padding-left:10px;
}

#results{
	float:right;
	width:177px;
	margin-right:33px;
	text-align:center;
	font-size:65px;
	line-height:65px;
}


#ranking_game li{
	background-position:top right;
	background-repeat:no-repeat;
	padding:5px 17px 5px 4px;
	margin-bottom:3px;
	list-style:none;
	display:block;
	font-size:11px;
	font-weight:bold;
	background-color:#ED1B2E;	
	width:189px;
}
#game_left_col, #game_right_col{
	float:left; 
	width:235px;	
}

.moveable{
	cursor:move;	
}

#game_left_col li a{
	display:block;
}


#game_left_col li{
	background-image:url(mym/red_thumb.gif);
	color:#fff;	
}
#game_right_col li{
	background-color:#b5b7b5;
	background-position:190px 3px;
	color:#000;
}
#game_right_col li.correct{
	background-image:url(cms/install/true.gif);
}

#game_right_col li.incorrect{
	background-image:url(cms/install/false.gif);
}
/**END RANKING GAME STYLES*/


#form_mym_top_sect{
	background-color:#231F20;
	color:#fff;	
	height:180px;
	width:305px;
	padding:5px;
}

#form_mym_bot_sect{
	background-color:#231F20;	
	color:#fff;	
	height:80px;
	width:305px;
	padding:5px;
	margin-top:5px;
}



#do_something{
	position:absolute;
	right:0px;
	top:90px;
}

#arrow_transparent{
	position:absolute;
	right:0px;
	top:89px;
}


#home_right_col, #tally_right_col, #thumbprint_right_col, #right_col{
	width:209px;
	float:left;
	position:relative;
	display:inline;
	margin-left:5px;
}
#bot_foot_bar{
	clear:both;
	position:relative;

}

#bot_foot_arrow_wrap{
	position:relative;
}


#bot_foot_arrow{
	position:absolute;
	background-image:url(mym/arrow.gif);
	left:-69px;
	height:75px;
	width:69px;
}

#bot_foot_bar img{
	float:left;
}
#bot_tally{
	clear:both;
	width:739px;
	height:105px;
	padding-top:5px;
}

#flash_gallery{
	font-size:11px;
}



#but_60_secs{
	float:left;
	background-image:url(mym/but_60_sec.gif);
	height:105px;
	width:185px;
}
#but_top_marks{
	float:left;
	background-image:url(mym/but_top_marks.gif);
	height:101px;
	width:155px;
}
#but_eye_candy{
	float:left;
	background-image:url(mym/but_eye_candy.gif);
	width:165px;
	height:101px;
	
}
#but_ideas_bank{
	float:left;
	background-image:url(mym/but_ideas_bank.gif);
	width:143px;
	height:105px;
	
}

#href_show_answers{
	float:left;
	background-image:url(mym/but_mark_my_answers.gif);
	width:130px;
	height:75px;
	margin-left:105px;
}

#href_reset{
	float:left;
	background-image:url(mym/but_try_again.gif);
	width:110px;
	height:65px;
	margin-left:124px;

}

#footer_links{
	clear:both;
	background-image:url(mym/bot_strip.gif);
	background-position:bottom right;
	height:51px;
	width:929px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:11px;
	text-transform:uppercase;	
}

#footer_links ul{
	padding-right:30px;
	padding-top:28px;
}
#footer_links li a{
	color:#fff;
	text-decoration:none;
}
#footer_links li a:hover{
	text-decoration:underline;
}

#footer_links li{
	display:inline;
	float:right;
	background-image:url(mym/li_divider.gif);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0px;
	padding-right:4px;
	padding-left:4px;		
}
#footer_links li.last_item{
	background:none;
}

a.button{
	text-indent:-9999px;
	display:block;
}
#sidebar{
	position:static

}
#sidebar_links{
	position:absolute;
	top:381px;
}

#sidebar_links ul{
	list-style:none;
	margin:0px;
	padding:0px;
	padding-top:30px;
}
#sidebar_links li{
	margin:0px;
	padding:0px;
	padding-bottom:4px;
}

#coming_events_content{
	background-color:#464646;
	width:174px;
	padding:3px;	
	color:#fff;
	font-size:12px;
	height:119px;
}
#coming_events_content h3{
	text-transform:uppercase;
	color:#fff;
	font-size:12px;	
	margin-top:0px;
}

#latest_news_content{
	background-color:#939393;
	width:174px;
	height:279px;
	padding:3px;	
	color:#231f20;
	font-size:12px;
	
}
#latest_news_content h4{
	font-size:12px;
}
.news_item{
	padding-bottom:10px;
}
#latest_news_content h4{
	color:#231f20;
	padding-bottom:0px;
}
#latest_news_content a{
	color:#231f20;

}

#latest_news_content h3{
	color:#231f20;
	font-size:14px;
	margin-bottom:10px;
	margin-top:0px;
	text-transform:uppercase;
	font-weight:bold;
}


#popout_textbox{
	background-image:url(mym/popout_text_box.jpg);
	width:210px;
	height:55px;	
}

.but_stc{
	background-image:url(mym/link_stc.gif);
	width:95px;
	height:75px;
}
.but_donate_now{
	background-image:url(mym/link_donate_now.gif);
	width:95px;
	height:20px;
}
.but_facebook{
	background-image:url(mym/link_facebook.gif);
	width:95px;
	height:26px;
}
.but_twitter{
	background-image:url(mym/link_twitter.gif);
	width:95px;
	height:27px;

}
.but_mym_online{
	background-image:url(mym/but_mym_online.gif);
	width:180px;
	height:100px;
}
.but_mym_in_person{
	background-image:url(mym/but_mym_in_person.gif);
	width:180px;
	height:55px;
}

.but_tell_a_friend{
	background-image:url(mym/but_tell_a_friend.gif);
	width:180px;
	height:155px;
}

.but_that_was_me{
	margin-top:5px;
	background-image:url(mym/but_that_was_me.gif);
	width:180px;
	height:113px;

}
.but_submit_my_video{
	margin-top:5px;
	background-image:url(mym/but_submit_my_video.gif);
	width:185px;
	height:65px;
}
img{
	border:0px;
}
.clearb{
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;

}

/*
set font size for all divs,
this overrides some body rules
*/
div {
   font-size: 1em;
}

img{
	margin:0px;
	padding:0px;
	border:0px;
}


/*fix Disappearing List Background Bug */
ul, ol, dl { position: relative; }

.divider, hr{
	position:relative;
	border-bottom:1px solid #f2f0d9;
	width:100%;
	margin-top:0px;
	margin-bottom:8px;	
	line-height:1.0em;
}

/*END HTML SETUP*******************************************************************/



/*START LAYOUT ELEMENTS************************************************************/
#centered_main{
	position:relative;
	width: 981px;
	margin-right: auto;
    margin-left: auto;	
	min-height: 100%;
	
}
#XX_header{

}

#XX_footer{

}



/*END LAYOUT ELEMENTS************************************************************/


/*START LIST ELEMENTS************************************************************/

/*END LIST ELEMENTS************************************************************/

/*START SCROLLPANE************************************************************/
.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

.scroll-pane {
	width: 200px;
	height: 400px;
	overflow: auto;
	background: #ccc;
	float: left;
}
/*END SCROLLPANE************************************************************/



/*START FONT ELEMENTS************************************************************/

/*
by putting the font size (.75em) in the imediately outer div (usually content) 
we are enabling the default size of text to be .75em
because p tags font size are not set explicitly they will default to .75 
(eg. .75 of 1).
All other fonts h1, h2, h3, h4. will be .75 of the below sizes
DEFAULT FONT SIZE SHOULD BE SPECIFIED IN THE IMMEDIATELY OUTER DIV CONTAINER!
*/


h1{
	color:#5d2f61;
	line-height:1.25em;
	font-size:2.0em;
	font-weight:normal;
	display:inline;
	padding-bottom:3px;	
}


h2{
	font-size:1.25em;
	padding-bottom:3px;	
	color:#000;
	font-weight:normal;
}


h3{	
	font-size:12px;
	padding-bottom:3px;
	margin-top:.5em;		
	color:#231F20;	
	font-weight:bold;
}

h4{
	font-size:12px;
	color:#231f20;
	padding-bottom:3px;	
}

h5{
	font-size:18px;
	font-weight:lighter;
	margin:0px;
	color:#73a31b;
	font-weight:bold;
}
p{

}
a{
	color:#231f20;
	outline:none;
}

.scroll-pane h1,
.scroll-pane h2,
.scroll-pane h3,
.scroll-pane h4,
.scroll-pane h5,
.scroll-pane a{
	color:#fff;
}



/*END FONT ELEMENTS************************************************************/


/*START HYPERLINK ELEMENTS*******************************************************/

a{

}
a:hover{

}


/*END HYPERLINK ELEMENTS*******************************************************/




/*START WYSIWYG ELEMENTS*******************************************************/
/*All elements here will be viewable in the wysiwyg they should be copied into
Please note that all styles must also be in lower case.
*/

.purple{
	color:#5d2f61;		
}



/*
DO NOT CHANGE THE COLOR FOR THESE STYLES. (bodytextsmall, bodytextlarge, bodytextreg) 
YOU SHOULD ONLY CHANGE THE SIZE AND FAMILY. COLOR SHOULD BE IMPLEMENTED WITHIN THE ACTUAL
DIV THE STYLE IS BEING USED
*/
.bodytextsmall{
	font-size:9px;
	color:#000;	
}
.bodytextlarge{
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	color:#68596f;
}
.bodytextreg{
	font-size:12px;
	font-weight:lighter;
	color:#333;
	
}
/*END WYSIWYG ELEMENTS*******************************************************/

/* End of 'MYM_styles' */