/*****BEGIN GLOBAL, NON-MOBILE CSS*****/

/*****BEGIN PAYPAL FORM*****/
.paypalTable { font-size: .9em; }
.paypalTable hr  { border: 1px solid #3A4C00; margin-top: 20px; margin-bottom: 20px; }
.paypalTable h3 { margin-top: 20px; background: #f1f3f0; padding: 5px 10px; border: 1px solid #3A4C00; }
.paypalTable select, .paypalTable .ppCapture, .paypalTable .ppCapture2 { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.paypalTable .fieldHeader { padding-right: 20px; }
.paypalTable td { padding-bottom: 10px; }
.paypalTable .hideBreaks br { display: none; }
/*****END PAYPAL FORM*****/
/*****END GLOBAL, NON-MOBILE CSS*****/

/*-------------------------------------------
   Layout definition for mobile 
--------------------------------------------*/
.mobileOnly { display: none; }
#mobileNavBar { display: none; }
.noShow { display: none; }



@media screen and (max-width: 768px) {
  body, #page, #site-top-wrapper, #header-wrapper, #navbar-wrapper, #wide-top-wrapper, #before-content-wrapper,
  #main-wrapper, #after-content-wrapper, #wide-bottom-wrapper, #site-bottom-wrapper, #footer-wrapper, #upper-top-wrapper, #lower-bottom-wrapper  {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  .page-width {
    margin: 0 !important;
    padding: 0 !important;
  }
  
  #upper-top-inner, #site-top-inner, #header-inner, #navbar-inner, #wide-top-inner, #before-content-inner, #main-inner,#after-content-inner, #wide-bottom-inner,#site-bottom-inner, #footer-inner, #lower-bottom-inner {
    margin: 0 !important;
    padding: 10px 10px 0px !important;
  }
  
  .block {
    margin: 0 0 10px !important;
    padding: 0 !important;
    border: none  !important;
  }
  
  .megablocks-sitenameorlogo-instance {
      margin: 0 !important;
      padding: 0 !important;
  }
  
  .slogan {
      margin: 10px 0 0 !important;
      padding: 0 !important;
  }
  
  h1, h2, h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;
    font-size: 24px !important;
    border: none  !important;
  }
  /*-----------------------*/
  #content {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #content-inner {
    margin: 0 0 10px 0;;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }  
  
  #sidebar-left, #sidebar-right {
    margin-left: 0 !important;
    margin-right: 0 !important; 
    padding: 0 !important; 
  }
  
  #sidebar-left-inner,
  #sidebar-right-inner {
    margin: 0 !important;
    padding: 10px 10px 0px !important;
    border: none !important;
  }
  
  
  
  .content img {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    margin-left: 0 !important;
  }
  
  * {
    max-width: 100% !important;
    /**height: auto !important;**/
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
    word-wrap: break-word;
  }
  
  .mobileOnly { display: block; }
  
  /***Remove formatting for tel numbers on IOS***/
	a[href^=tel]{
		color:inherit;
		text-decoration:none;
	}
	
	.not-front #sidebar-left .htmlblock-htmlblock-instance a[href^=tel]{
		color:white;
	}
}

@media screen and (max-width: 768px) {

  .page-width, #content, .two-sidebars #content, .sidebar-left #content, .sidebar-right #content, .no-sidebars #content, #sidebar-left, #sidebar-right  {
    float: none !important;
    width: 100% !important;
    /*min-width: 285px;*/
  }
  
  #before-content-left,  #before-content-center,  #before-content-right,
  #after-content-left, #after-content-center, #after-content-right {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
  }
  #before-content-left, #after-content-left {
    margin-left: 0;
  }

  #site-top-left, #site-top-right,
  #site-bottom-left, #site-bottom-right,
  #lower-bottom-left, #lower-bottom-right {  
    width: 100% !important;
    text-align: left !important;
    float: none !important;
  }
  
  #before-content-inner .block,
  #after-content-inner .block {
    min-height: inherit !important;
  }
  #sidebar-left-inner, #sidebar-right-inner {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  
  /*-------------
  Hide slideshow on resolotion 
  ------------*/
  .feature_gallery-feature_gallery_slideshow-instance {
    display: none;
  }
  
  /*-----------------------------------
               navigation
  --------------------------------------*/
  .megablocks-primarylinks-instance {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
  }
  .megablocks-primarylinks-instance ul {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background-image: none !important;
    background-color: #EAEAEA !important;
    border: none !important;
     -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
  }  
  .megablocks-primarylinks-instance ul li {
    width: 100% !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
     -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
  }
  .megablocks-primarylinks-instance ul li a {
    width: 100% !important;
    text-align: center !important;
    color: #333 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 4px !important;
    padding-top: 4px !important;
    margin: 0 !important;
    border: none !important;
     -webkit-border-radius: 0px !important;
    border-radius: 0px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    background-color:transparent !important;
  }
  .megablocks-primarylinks-instance ul li a:hover {
    text-decoration: underline !important;
    background-color:transparent !important; 
  }
  
  .megablocks-primarylinks-instance ul li.active-trail {
     background-color: #333 !important;   
   }
  .megablocks-primarylinks-instance ul li.active-trail a {
    color: #FFF !important;
  }
  .megablocks-primarylinks-instance ul li.active-trail li a {
    color: #333 !important;
  }
  .megablocks-primarylinks-instance ul ul {
    background-color: #DADADA !important;
    padding:  0 !important;
    top: 30px !important;
  }
  
}

@media screen and (min-width: 600px) and (max-width: 768px) {
  .page-width,
  #content,
  .two-sidebars #content,
  .sidebar-left #content,
  .sidebar-right #content,
  .no-sidebars #content  {
    float: none !important;
    width: 100% !important;
  }
  
  #sidebar-left, #sidebar-right {
    float: left !important;
    margin-left: 0 !important;
    margin-right: 0 !important; 
    padding: 0 !important; 
  }

}

@media screen and (min-width: 600px) and (max-width: 768px) {
  #sidebar-left,
  #sidebar-right {
    width: 100% !important;
  }
  
  #site-top-left, #site-top-right,
  #site-bottom-left, #site-bottom-right,
  #lower-bottom-left, #lower-bottom-right {  
    width: 100% !important;
    text-align: left !important;
    float: none !important;
  }

}
@media screen and (min-width: 651px) and (max-width: 768px) {
/*  #content-inner {
    margin: 0 0 20px 0;
  }
  
  #sidebar-left,
  #sidebar-right {
   width: 50% !important;
  }
  
  #sidebar-left-inner {
    margin: 0 !important;
    padding: 10px !important;
    border: none !important;
  }
  #sidebar-right-inner {
    margin: 0 !important;
    padding: 10px !important;
    border: none !important;
  }
  
  #before-content-left, #before-content-center, #before-content-right,
  #after-content-left, #after-content-center, #after-content-right {
    float: left !important;
    width: 32% !important;
    margin-left: 2% !important;
  }
   #after-content-left,
   #before-content-left {
     margin-left: 0 !important;
   }*/
}

@media screen and (max-width: 240px) {
  .megablocks-sitenameorlogo-instance #name-and-slogan h1,
  .megablocks-sitenameorlogo-instance #name-and-slogan h1 a {
    font-size: 20px;
    line-height: 20px;
  }
  .megablocks-sitenameorlogo-instance #name-and-slogan .slogan {
    font-size: 13px;
    line-height: 17px;
  }
}

@media screen and (min-width: 241px) and (max-width: 320px) {
  .megablocks-sitenameorlogo-instance #name-and-slogan h1,
  .megablocks-sitenameorlogo-instance #name-and-slogan h1 a {
    font-size: 25px;
    line-height: 25px;
  }
  .megablocks-sitenameorlogo-instance #name-and-slogan .slogan {
    font-size: 15px;
    line-height: 15px;
  }
}


@media only screen and (max-width: 768px) {
    

    .content img { width: 100% !important; }
    .source img { width: auto !important; }

    .one_col { width: 100%; }
    .two_col { width: 100%; }
    .paul_button { width: 100%;}
    #lower-bottom-right-inner .content img { width: auto !important; }
    .main_title { font-size: 2em;}
    
    #site-logo img { margin: 0px !important; }
    #site-top-left-inner { margin: 10px !important; }
    .front #before-content-left, .front #before-content-center, .front #before-content-right { min-height: 0px !important; height: auto !important; }

    /*Menu Items*/
    #navbar-wrapper { background: #ffffff; }
    #navbar-inner .menu, #site-top-right, #upper-top-inner { display: none; }
    #navigation {
    border: 1px solid black;
    height: 24px !important;
    width: 24px;
    position: relative;
    background: #ffffff url("/sites/paulsmith.edcms.net/images/menuClosed.png") center center no-repeat;
    left: 10px;
    display: block;
    cursor: pointer;
    margin: 0px 0px 10px 0px; 
    float: left; 
    }
    #navigation.active { background: #3a4c00 url("/sites/paulsmith.edcms.net/images/sectionNavOpen.png") center center no-repeat; }
    #mobileNavBar { margin: 10px 0px 10px 0px; float: left; clear: both; -webkit-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; display: none; -webkit-box-shadow: 0px 0px 8px 0px #333333; box-shadow:  0px 0px 8px 0px #333333; border: 1px solid #000000; overflow: hidden; }
    #mobileNavBar ul { width: 100% }
    #mobileNavBar ul li { float: none; display: block; width: 100%; margin-bottom: 10px !important; }
    #mobileNavBar ul li:last-child { margin-bottom: 0px !important; }
    .mobileNavGateway { padding: 10px !important; background: #cecece !important; }
    .mobileNavTactical { padding: 10px !important; background: #dedede !important; border-bottom: 1px solid #000000; }
    .mobileNavTactical li:first-child {  }
    .mobileNavPrimary {   padding: 10px !important; background: #ececec !important; border-bottom: 1px solid #000000; }
    
    .feature_random_image-feature_random_image-instance.block { margin: 0px !important; }
    .feature_random_image-feature_random_image-instance.block .block-inner { padding: 10px 0 0 0 !important; }
    .content-preface-inner { margin-bottom: 0px !important; }
    #block-multiblock-115, #block-multiblock-110, #block-multiblock-111, div { min-height: 0px; #important; }
	
	/*****BEGIN SECTION NAVIGATION*****/
    .sectionNav { 
		background: #f7f7f7 !important; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjZjdmN2Y3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2ZTZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=) !important;
		background: -moz-linear-gradient(-45deg,  #f7f7f7 1%, #e6e6e6 100%) !important; /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#f7f7f7), color-stop(100%,#e6e6e6)) !important; /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(-45deg,  #f7f7f7 1%,#e6e6e6 100%) !important; /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(-45deg,  #f7f7f7 1%,#e6e6e6 100%) !important; /* Opera 11.10+ */
		background: -ms-linear-gradient(-45deg,  #f7f7f7 1%,#e6e6e6 100%) !important; /* IE10+ */
		background: linear-gradient(135deg,  #f7f7f7 1%,#e6e6e6 100%) !important; /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6',GradientType=1 ) !important; /* IE6-8 fallback on horizontal gradient */
	}
    .sectionNavHeader { color: #ffffff; font-weight: bold; padding: 10px 10px 10px 35px !important; border-bottom: 1px solid #000000; background: #3a4c00 url("/sites/paulsmith.edcms.net/images/sectionNavClosed.png") no-repeat 10px center; cursor: pointer; }
    .sectionNavHeader.active { background: #3a4c00 url("/sites/paulsmith.edcms.net/images/sectionNavOpen.png") no-repeat 10px center; }
	.sectionNavLinks { border: 1px solid #3a4c00; }
    .sectionNavLinks .menu { margin: 0px; padding: 0px; }
    .sectionNavLinks .menu li { list-style-type: none; list-style-image: none; padding: 0px; }
	.sectionNavLinks .menu li a { color: #3a4c00 !important; border-bottom: 1px solid #cccccc; display: block; padding: 5px 15px !important; }
	.sectionNavLinks .menu li a:hover, .sectionNavLinks .menu li a.active { color: #ffffff !important; background: #8b8d09; text-decoration: none; }
	.sectionNavLinks .menu li li a { background: #f6f6f6; padding: 5px 15px 5px 30px !important; }
	.sectionNavLinks .menu li li li a { padding: 5px 15px 5px 45px !important; } 

	/*****END SECTION NAVIGATION*****/
	
	/*****BEGIN FOOTER*****/
	#lower-bottom {}
	#lower-bottom .half_space { width: 100% !important; }
	/*****END FOOTER*****/
	
	
    #feature-search-form-mobile { padding: 0px 0px 0px 10px !important; float: right; width: auto; }
    #feature-search-form-mobile div { float: left; } 
    #feature-search-form-mobile input { float: left; margin: 0px 0px 0px 10px !important; }
    #feature-search-form-mobile input[type="text"] { background: none; border: none; border-bottom: 1px solid #000000; }
    #feature-search-form-mobile input[type="text"]:focus { background: #ffffff; }
    .feature_menu_tree-feature_menu_tree_top_links-instance { display: none; } 
    #navbar ul a, #sidebar-left ul.menu li a { display: block; }
    #navbar-inner { border-bottom: 1px solid #000000; padding: 15px 10px 10px 10px !important; background: #efefef; border-top: 1px solid #000000; }

/*****BEGIN CONTENT STYLES*****/
    .noShow { display: none; }
    div, span, p, a { font-size: 1em !important; padding: 0px !important; margin: 0px !important; }
    p { margin-bottom: 10px !important; }
    h1, h2, h3, h4, h5, h6 { line-height: 1em !important; font-weight: bold !important; margin: 0px !important; padding: 0px 0px 10px 0px !important; }
    h1 { font-size: 1.8em !important; }
    h2 { font-size: 1.6em !important; }
    h3 { font-size: 1.4em !important; }
    h4 { font-size: 1.2em !important; }
    h5 { font-size: 1.1em !important; }
    h6 { font-size: 1em !important; }
    p { font-size: 1em !important; line-height: 1.2em !important; }
    #content-header { padding: 0 15px !important; }
    #content-area { padding: 0 15px !important; }
    .block-text-formatter { padding: 15px !important; margin: 0px -15px !important; }
    .block-inner .block-text-formatter { margin: 0px !important; padding: 15px !important; }
    .block-inner iframe { display: block; margin: 0 auto; }
    .block-text-formatter p {}
    .block-text-formatter a {}
    .block-text-formatter a:hover {}
    .view-random-image { margin: 0; padding: 0; ; }
    .view-random-image .view-content { margin: 0; padding: 0; }
    .view-random-image .view-content .views-view-grid { margin: 0; padding: 0; width: 100%; }
    .view-random-image img { width: 100%; }
    .views-field-field-block-title-value { padding: 0px !important; margin: 0px !important; }
    #after-content .views-field-field-widget-teaser-value { padding: 0px !important; margin: 0px !important; }
    .block { margin-bottom: 20px !important; }
    .block .block-inner { padding: 15px !important; }
    .region { padding: 0px !important; margin: 0px !important; margin-bottom: 20px !important; }
    .title { font-weight: lighter !important; }
    .main_title { font-size: 2.0em !important; font-weight: lighter !important; }
    .secondary_title { text-align: left; font-size: 1.6em !important; font-weight: bold !important; }
    .views-field-field-block-title-value { font-size: 1.4em !important; font-weight: bold !important; margin-top: 10px !important; }
    .paul_button { margin-bottom: 20px !important; padding: 5px 10px !important; }
    #site-top-left-inner div { margin: 0px !important; padding: 0px !important; }
	.noMobile { display: none !important; }
	.followmeblock-followmeblock-instance img { width: auto !important; margin-right: 10px !important; }
	.feature_menu_tree-feature_menu_tree_parent_name-instance { display: none; }
	.megablocks-breadcrumb-instance { display: none; }
	/*****END CONTENT STYLES*****/
	
	


}



@media only screen and (min-width: 769px) {
    .mobileOnly { display: none !important; }
    #mobileNavBar { display: none !important; }
}

@media only screen and (width:768px) {
	/**IPad Overrides**/
	#before-content-wrapper.wrapper {
	width: 500px;
	margin: 0 auto !important;
	}
	
	#main-wrapper {
	width: 500px;
	margin: 0 auto !important;
	}
	
	#after-content-wrapper {
	width: 500px;
	margin: 0 auto !important;
	}
	
	#site-top-left-inner div#site-logo {
	margin: 0px 170px !important;
	}
}


