@import url(/Style%20Library/fonts/league_gothicregular/stylesheet.css);
/*/////// Overrides ///////////////////*/
body {
	background:#ffde05 url(/cybersafe/Pages/2013/images/cyber_bg.gif);
	color:#414042;
}
a img {
	border:0;
}
#ORGAppWrap{
	line-height:normal;
}

/*////// Navigation//////*/
#CyberNav {
	width:1000px;
	height:55px;
	font-family: 'league_gothicregular', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-size:30px;
	font-weight:normal;
	color:#5a595a;
	margin:5px auto 0 auto;
	text-align:right;
	text-transform:uppercase;
}
#CyberNav a,
#CyberNav a:link,
#CyberNav a:active,
#CyberNav a:visited{
	color:#5a595a;
	
}
#CyberNav a.select{
	color:#f89c1c;	
}
#CyberNav img{
	display:none;
}
/*////// Container //////*/
#Container {
	width:1000px;
	min-height:600px;
	background:url('/cybersafe/Pages/2013/images/Container_back.gif') left top no-repeat;
	font-weight:normal;
	margin:0 auto 75px auto;
	clear:both;
	overflow:hidden;
	line-height:normal;
}

/*////// Left //////*/
#Lefthand {
	float:left;
	width:520px;
	color:#9e9e9f;
	margin-left:15px;
}
#Lefthand h1 {
	font-family: 'league_gothicregular', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:normal;
	float:left;
	padding:0;
	margin:5px 0;
	font-size:38px;	
}
#Lefthand h2 {
	font-family: 'league_gothicregular', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0;
	margin:5px 0;
	font-size:30px;
	color:#f89c1c;
}
#Lefthand p {
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	margin:5px 0;
	font-size:12px;
	color:#fff;
}
#Lefthand img{
	width:70%;
}
/*////// Tabbed Nav //////*/
#Tabbednav {
	background-image:url('/cybersafe/Pages/2013/images/tab_allback.png');
}
#Tabbednav {
	float:left;
	width:100%;
	margin:0;
	padding:0;
}
#Tabbednav a img{
	padding:0;
	margin:0;
	width:100%;
}
#TipsTab {
	width:22%;
	display:block;
	float:left;
	background:url('/cybersafe/Pages/2013/images/tab_tips.png');
}
#DiscussTab {
	width:47%;
	display:block;
	float:left;
	background:url('/cybersafe/Pages/2013/images/tab_cards.png');
}
#ResourcesTab {
	width:31%;
	display:block;
	float:left;
	background:url('/cybersafe/Pages/2013/images/tab_resourcess.png');
}
#TipsTab.selected {
	background:url('/cybersafe/Pages/2013/images/tab_tips_s.png');
}
#DiscussTab.selected {
	background:url('/cybersafe/Pages/2013/images/tab_cards_s.png');
}
#ResourcesTab.selected {
	background:url('/cybersafe/Pages/2013/images/tab_resourcess_s.png');
}


/*////// Right //////*/
#Righthand,
#RighthandHome{
	float:right;
	width:435px;
	min-height:482px;
	margin: 10px 15px 0 0;
}
#RighthandContent {
	background:url('/cybersafe/Pages/2013/images/righthand_back.png') left top no-repeat;
	float:left;
}
#tabs {
	height:315px;
	width:100%;
	float:left;
	overflow:auto;
	margin-bottom:10px;
}
#tabs h2 {
	font-size:30px;
	margin:0;
}
#tabs ol{
	padding-left:25px;
	max-width:300px;
}
#tabs p,
#tabs li {
	font-size:15px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	margin:10px 0;
}
#tabs img {
	width:100%;
	max-width:415px;
}

#About,
#Tips,
#Discuss,
#Resources {
	display:none;
}
/*////////////////////////Homepage Only ////////////////////////////////////*/
#RighthandHome {
	background:url(/cybersafe/Pages/2013/images/righthand_home_back.png) no-repeat;
	height:530px;
}
#RighthandContent,
#RighthandHomeContent {
	padding:10px;
	width:415px;
	font-family: 'league_gothicregular', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#RighthandHomeContent p{
	color:#999999;
	font-size:20px;
	margin:0;
	padding:0;
}
/*/////////////////////////Quiz//////////////////////////////////////////*/
#Quiz {
	height:400px;
	margin-bottom:10px;
	float:left;
}
#introvideo {
	display:none;
}
#RighthandHomeContent img{
	width:100%;
	max-width:415px;
}
#questions {
	list-style:none;
	margin:0;
	padding:0;
}
#questions li{
	display:none;
	margin:0;
	padding:0;
	color:#414141;
	font-size:35px;
}
.AnswerMsg span{
	display:none;
}
.answer span{
	background:url(/cybersafe/Pages/2013/images/quiz_button_back.gif) no-repeat;
	display:block;
	width:196px;
	height:32px;
	float:left;
	margin-right:10px;
	color:white;
	text-align:center;
	font-size:20px;
	padding-top:3px;
}
.answer span:hover{
	background:url(/cybersafe/Pages/2013/images/quiz_button_back_over.gif) no-repeat;
}
#next{
	display:none;
	width:100%;
	height:32px;
	background:url(/cybersafe/Pages/2013/images/m_quiz_button_back_over.gif) center no-repeat;
	float:left;
	text-align:center;
	font-size:20px;
	color:white;
	padding-top:3px;
}
.AnswerMsg{
	font-size:25px;
	font-style:italic;
}
#EndScreen{
	display:none;
	overflow:auto;
	height:400px;
}
#EndScreen iframe{
	display:none;
	width:300px;
	height:650px;
	float:left;
	clear:both;
}
#EndScreen h2{
	color:#0099cc;
	font-size:30px;
	margin:0;
}
#EndScreen p{
	font-size:25px;
	font-style:italic;
	color:#414141;
}
#progress {
	float:left;
	clear:both;
	width:100%;
	text-align:center;
	color:#999999;
	font-size:20px;
}
#progress span{
	color:#0099cc;
}

#Share {
	float:left;
	clear:both;
	text-align:center;
	color:#999999;
	font-size:20px;
	width:100%;
	font-family: 'league_gothicregular', 'Arial Narrow', Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:5px;
	
}
#Share img{
	height:25px;
	width:25px;
}
#feed img {
	width:75px;
}
#Share iframe{
	width:85px !important;
}
/*/////////////////////////Footer//////////////////////////////////////////*/
#Logos a,
#Logos a:active,
#Logos a:focus,
#Logos a:hover,
#Logos a:link,
#Logos a:visited {
	width:24%;
	display:block;
	float:left;
}
#Logos a img,
#Logos a:active img,
#Logos a:focus img,
#Logos a:hover img,
#Logos a:link img,
#Logos a:visited img {
	border:0;
	width:80%;
	margin:10% auto;
	max-width:156px;
}
/*////////////////////////////////////////////////////////////////////////////////////////////

Mobile

////////////////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 1000px) { /*leave this alone*/

#Container {
	width:98%;
	background:url('/cybersafe/Pages/2013/images/m_Container_back.gif') left no-repeat;
	background-size:100% 100%;	
}
/*//////Nav/////////*/
#CyberNav {
	margin:0;
	width:100%;
	height:auto;
	font-size:15px;
}
#CyberNav span{
	display:none;
}
#CyberNav img{
	display:block;
	width:20%;
	max-width:138px;
	float:left;
	padding:5px 0;
}
#CyberNav div{
	padding-left:250px;
	float:right;
}

/*////// Left //////*/
#Lefthand {
	width:94%;
	margin:0 2%;
}
#Lefthand img {
	width:100%;
	max-width:520px;
}
.MCML {
	display:none;
}
/*//////Tabbed Nav///////*/
#Tabbednav {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_allback.png');
	background-size: 100% 100%;	
}
#TipsTab {	
	background-image:url('/cybersafe/Pages/2013/images/m_tab_tips.png');
	background-size: 100% 100%;
}
#DiscussTab {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_cards.png');
	background-size: 100% 100%;
}
#ResourcesTab {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_resourcess.png');
	background-size: 100% 100%;
}
#TipsTab.selected {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_tips_s.png');
	background-size: 100% 100%;
}
#DiscussTab.selected {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_cards_s.png');
	background-size: 100% 100%;
}
#ResourcesTab.selected {
	background-image:url('/cybersafe/Pages/2013/images/m_tab_resourcess_s.png');
	background-size: 100% 100%;
}

/*////// Right //////*/
#Righthand,
#RighthandHome{
	float:left;
	width:96%;
	margin:0 2% 2% 2%;
	background-size:100% 100%;
	height:auto;
}
#RighthandHomeContent,
#RighthandContent{
	width:96%;
	float:left;
	padding:2%;
}
#RighthandContent{
	background:url(/cybersafe/Pages/2013/images/m_righthand_back.png) no-repeat;
	background-size:100% 100%;
}
#tabs {
	height:auto;
	overflow:visible;
}
#tabs ol{
	max-width:none;
}
/*///////////Quiz//////*/
#Quiz {
	height:auto;
}
#LefthandVideo {
	display:block;
	position: relative;
	padding-bottom: 45%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	width:80%;
	margin:0 auto 10px auto;
}
#LefthandVideo iframe,  
#LefthandVideo object,  
#LefthandVideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.answer span{
	width:48%;
	margin-right:2%;
	background-size:100% 100%;
}
.answer span:hover{
	background-size:100% 100%;
}
#EndScreen{
	height:auto;
}


}/*leave this alone*/
@media screen and (max-width: 650px) { /*leave this alone*/
#CyberNav div{
	padding-left:130px;
}

}/*leave this alone*/