/* Main SOME Wrapper begin */

/*Catchall for mobile-only content.  Content in this div does not display in screen rendering of page.*/
.mobilecontent {
	width: 100%;
}

.mobilefooter {
	width: 100%;
	
}

.mobilefooter p{
color: #FFF;
font-family: "Trebuchet MS", sans-serif;

}

.mobilecontent p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	text-align: left;
	color:#000000;
	margin-left:10px;
	margin-right:10px;}

.mobilecontent h2 {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1.5em;
	color:#000000;
	text-align: left;
	margin-left:10px;
	margin-right:10px;
}
/*This defines the layout for each page*/
body {
	margin: auto;
	text-align:center;
}

.troth1 mobilecontent{
margin-left:0px;	
}

/*This defines the links.  A link is orange, an active link is orange, a visited link is orange, the link is underlined if you hover over it*/
A:link {color: #de5012; text-decoration:none;}
A:active {color: #de5012; text-decoration:none;}
A:visited {color: #de5012; text-decoration:none;}
A:hover{color: #de5012; text-decoration:underline;}

/*The whole page.  Sets the width to the design standard for mobile.*/
#Master {
	width: 240px;
}

/*Section for header*/
 #header {
	width:100%;
	display:none;
}


/*SOME logo*/
#header h1 {
	margin: 0;
	padding: 0;
	size: 30%;
	width: 30%;
}

/*SOME logo when linked*/
#header h1 a {
	display: block;
}

/*container for JavaScript images*/
#mobileheader{
	width:100%
}

#header h2 {
	display: none;
}

#header .topnav {
	clear:both;
}

/*Global navigation bar*/
.topnav {
	display:none;
}

/*This is the unordered list used to set up the global navigation*/
#mainHorizNav ul {
	display:none;
}

/*This is the div that displays the footer*/
#footer {
	display:none;
}

/*End Main Wrapper*/


/*Start Homepage*/
/*Everything on homepage below global navigation*/
#Homepagebottom {
	width: 100%;
}

/*In screen version, the left side of the page.  For mobile navigation, essentially identical to homepagebottom.  Cut out additional rules about content that apply to screen version.*/
#content {
	/*background-color: #FEFAD9;
	top: 0;*/
	width: 100%;
}

#Aboutbanner {
display:none;	
}

.aboutcontent {
	display:none;
}

/*Outer boundaries for left-hand news item*/
#Newsbanner {
	display:none;
}

/*Inner box for left-hand news item.  Stopping this from displaying keeps other news elements below from being shown.*/
.newstop {
	display:none;
	
}

/*Headline for left-hand news item*/
.newsheadline {
	display:none;
}

/*Text of story for left-hand news item*/
.newsblurb {
	display:none;
}
/*End of the left-hand side of the homepage*/

/*Start of right-hand side of homepage*/

#sidebar {
	display:none;
}

.Homecontainer {
	display:none;
}

#Homepagerightside {
	display:none;
}

#Homeright {
display:none;	
}

#Homeleft {
	display:none;
	
}

/*Email sign up for mobile devices*/
#Homerightmobile {
	text-align:center;
	background-color: #360135;
	width: 200px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left:10px;
	display:block;
	padding:10px;
	
}

#Homerightmobile h2 {
	color:#FFF;
	font-size: 1.5em;
	text-align: center;
	font-family: "Trebuchet MS Bold", sans-serif;

}

.lowrightcontent {
display:none;	
}

/*End of homepage*/

/*Start of subpage*/
 
/*Replaces the entire left-hand side of the sub-page*/
#Subleftside {
		display:none;
}

#Subsignupbox{
	display:none;
}

#Subleftside img {
	display:none;
}

#Subleftside ul{
	display:none;
}
 
#Subnavtitle {
	display:none;
}

#Subnavlink {
	display:none;
}
 
#Donatebutton {
display:none;
}

#buttontext {
display:none;
}

#Subrightside {
	width: 100%;
	background-color:#728D22;
}
 
#addbutton{
	 display:none;
}
 
/*Div that displays a photo on to the right*/
.imgboxright {
	display:none;
}

/*Div that displays a photo to the left*/
.imgboxleft {
	display:none;
}
 
/*Div that displays program highlights*/
 #Photobox {
 display: none;
}

/*Top of program highlight box*/
#Photobox .phototop {
 display:none;
}

/*Style for program highlight box*/
dl, dt, dd {
 margin: 0px;
 padding: 0;
}

#Subrightside .mobilecontent p {
	font-family: "Trebuchet MS", sans-serif;	
	font-size: 1em; 
	text-align:left;
	color:#000;
    margin-left:10px;
	margin-right:10px;
}

#Subrightside .mobilecontent h2 {
font-family: "Trebuchet MS Bold", sans-serif;	
	font-size: 1.5em; 
	text-align:left;
	color:#000000;
    margin-left: 10px;
	margin-right:10px;
}

#Subrightside h1 {
	margin-left:10px;
	margin-right:10px;
	font-size: 1.5em;
}

#Subrightside h2 {
	margin-left:10px;
	margin-right:10px;
	padding:0;
	font-size: 1.5em;
}

#Subrightside p {
	margin-left:10px;
	margin-right:10px;
	font-family:"Trebuchet MS", sans-serif;
	font-size:1em;
	text-align:left;
}

#Subrightside ul {
margin-left:10px;
margin-right:10px;
padding: 0px;
}

#Subrightside li {
font-family: "Trebuchet MS", sans-serif;
font-size:1em;
margin-left:10px;
margin-right:10px;
}

#Subrightside ul ul {
margin-left:5px;
}

#Subrightside ol {

margin-left:10px;
margin-right:10px;

}

#Subrightside ol ol {

margin: 0;
padding: 0px;
}

.mobilecontent ul{
	padding: 0;
	margin: 0;
}

/*End sub-page template*/



ul.trotmenumobile{
	list-style-type:none;
	display:block;
	margin-left:0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1em;
}


/*Trot template style*/

#trotnav{
		background: #728d21 url(/images/SOME_40th_logo_mobile.jpg) top left repeat-y;

}

ul.trotmenu{
	height:0px;
	display:none;
}

ul.trotmenu li{
	display:none;
}
/*End Trot template*/


/*Form styling for volunteer page*/
#Subsignupbox form{
	margin-top: 0px;
}

#Subrightside form fieldset {
border: none;
}

#Subrightside form fieldset legend {
	font-size: 1.5em;
	border: 0px none #FFF;
	font-weight: bold;
	margin:0;
}
#Subrightside form {
	margin-right:0;
	padding:0;
}

/*These are for the pages like events_main and about_success_main.  They are subs for table layout*/
.container {
	margin: 0px;
	float: none;
	width: 100%;
	height: auto;
	padding:0px;
}
containerForm {
	margin-right: 10px;
}

.spacer {
	height: 20px;
}

.fixer {
	clear: both;
	height: 0px;
}

#Subrightside .rightContent {
	width: 100%;
	margin:0;
	padding:0;
}

#Subrightside .rightContentSuccess {
	width: 100%;
	margin:0;
	padding:0;
}

#Subrightside .rightContent h2 {
	font-size:1.5em; 
   margin-left:10px;
	margin-right:10px;
}

#Subrightside .rightContent p {
	font-family: "Trebuchet MS", sans-serif;
	font-size: 1em;
	text-align: left;
	color:#000000;
	margin-left:10px;
	margin-right:10px;}
}

/*Div container for images in table replacement code*/
.leftContent {
	display:none;
}

.leftContent img{
	display:none;
}

.leftContentCaption {
	display:none;
}

/*End of table replacement code*/

.style2 {font-size: 4px}
/*Code to hide table on Contact Us page from mobile user*/

#Contacttable {
	display:none;
}

/*Code to hide table on Services pages from mobile user*/

#Servicetable {
display:none;
}

/*Code to hide table on CET Student page from mobile user*/

.CETtable {
display:none;
}

/*Code to eliminate duplicate headings for mobile user*/
#Servicesubhead {
	display:none;
}

/*Used on 40 Ways to Help page*/
.imgList {
	display:none;
}

/*These sponsor styles format logos on trot_sponsor, about_sponsor*/

.Sponsor {
display:none;
}
.Sponsor2 {
	display:none;
}
.Sponsor3 {
	display:none;
}
.Sponsor4 {
display:none;
}

.Sponsor5 {
display:none;
}

.Sponsor6 {
}

	
	.center {
	clear: none;
	float: none;
	text-align: center;
}
.Sponsorlogo {
display:none;
}

.logoCenter {
	display: none;
	
}

/*End sponsor styles*/

/*Housing development slideshow*/
.content {
	display:none;
}

/* Subpage Template end */

/* Expand Contract style */

.hiddenanswer{
display:none;
}
.showanswer{
display:block;
}

.clear { zoom: 1; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
/* Expand Contract end */