/* College Color Palette prior to 032515
    Orange: f37321
    Blue: 00447c
    Light Grey: cfd4d8  sidebars now use e3e2e1
    Dark Grey: 6a737b
    Steel Blue: 7399c6
    */
/* College Color Palette after 032915 (MMC)
    Syrcause Orange: D44500
    Extra Dark Gray: 3E3D3C
    Dark Gray: 6F777D
    Medium Grey: ADB3B8  
    Light Grey: E8EAEB
    */
    /*ASNavy #0c223f */
/* style notes 4-1-2015 - keep dark blue 00447c background for all college sites */
/* style notes 4-1-2015 - use gray 3E3D3C background for research sites */

    
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong,/* sub, sup,*/ tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}

html {
    background: #0c223f; 
    height:100%;
}


body {
    background: #0c223f;
    color: #333;
    font-family: "Arial", "Helvetica", sans-serif;
    height:100%;
}
#banner-wrapper {
    
min-height: 140px;
height: auto;
overflow: visible;    
background: #D44500; 
padding: 1em 5em;  /*was 1em 10em */
}
@media screen and (max-width: 700px) {
    #banner-wrapper {
        padding: 1em;
    }
}


.feed h2 {
text-align: center;
font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
}

.feed h2,.feed h2 a {

font-size: 30px;
color: #fff;
padding: 10px 0;

}

.feed p {
font-weight:600;
font-size: 14px;
line-height: 24px;
font-family: Arial, sans-serif;
color: #fff;
}


#wrapper {
    margin-right: auto;
    margin-left: auto;
    width: 96%; /* Holding outermost DIV */
    max-width: 1310px;
    border: 1px solid #333;
    background-color: #fff;    /*was#fff*/
}

#content {
    height:100%;
}

#content h1 {
    font-size: 24px;
    font-weight: normal;
    color: #0c223f;  /*was #000033*/
    font-family: Georgia;
    line-height: 120%;
    padding: 0 0 10px 0;
}


/*added as italic and bold not working in WYS*/
#content em {
    font-style: italic;
}

#content strong {
    font-weight: bold;
}

#content a {
    color: #D44500;
    font-weight: 700;
}

/*LCF 10-15*/

/*added sup and sub back in with adjustments for spacing and so as not to throw off lines*/
#content sup,
sub {
    height: 0;
    line-height: 1;
    vertical-align: baseline;
  /*  _vertical-align: bottom; */
    position: relative;
    padding-left:.1em;
    
}

#content sup {
    bottom: 1ex;
}

#content sub {
    top: .5ex;
}

#content ul {
  list-style-position: inside;
}

/* custom indented bullet list*/
#content ul.default2, ol.default2 {
    padding-left: 20px;  /*2.8em;*/
    list-style-position: outside;
}
#content ul.default2 li {
    padding-bottom: 5px;
}


/*LCF 10-16*/


.introtext {
    font-size: 15px;
    font-family:  font-family: Georgia;  /*"Arial", "Helvetica", sans-serif; Changing it back to the georgia*/
    color: #666;
    line-height: 120%;
    padding: 0 10px 12px 0;
}

/*added by MMC on 112114 */
.introtext2 {
    font-size: 0.70em;  /* was - 15px; */
    font-family: Arial;
    color: #ffffff; /* was - color: #666; was #91BED4 on 12/25/13*/
    line-height: 120%;
    padding: 0 10px 12px 0;
}

#footer {
    margin-bottom: 0px;
}

#footer ul.menu {
/* background: url("bg_menu.png") repeat-x scroll 0px 0px transparent;  */
    background-color: #6f777d; /*#6a737b 999; ADB3B8 is med grey*/
    width: 100%;
    height: 46px;
   
   
}

#footer ul.menu li {
    display: block;
    float: right;
}

#footer ul.menu li a {
    display: block;
    height: 31px;
    padding: 13px 8px 0 9px;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    background-repeat: no-repeat;
    background-position: 50% 46px;
}

/*removed position for IE*/
#footer ul.menu li a:hover {
text-decoration: none;
/* background-position: 50% 0;*/
background-color: #D44500;
}

#footer p {
padding-top: 6px;
font-size: 11px;
color: #fff;
}

#footer p.info {
float: left;
padding-left: 1px;
}

#footer p.copy {
float: right;
padding-right: 1px;
}

#footer p a {
color: #fff;
}

#logo {
    margin-left: 13px;
    margin-bottom: 2px;
    font-size: 100%;
    float: left;
}

#logo p {
    font-size: .875em;
    color: #D44500;
    display: inline;
}   

#logo h1 {
    color: #0c223f;  /*112244*/
    font-size: 2em;
    display: inline;
    margin: 0px;
    padding: 0px;
}

#maincontentcontainer {
    margin-right: auto;
    margin-left: auto;
    width: 95%;
}

.topImage {
    width: 70%;
}

.researchhead {
color: #0c223f;
font-family: Georgia;
font-size: 26px;
}


#content table.default {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 1 14px -12px;
}

    #content table.default tr {
    }

        #content table.default tr td {
            color: #333;
            padding: 6px 12px 8px 11px;
        }

        #content table.default tr:nth-child(odd) td {
            background:#e8eaeb; /*#e8eff3; F0F0F0*/
        }

        #content table.default tr td:last-child {
            text-align: right;
        }

        #content table.default tr:hover td,
        #content table.default tr.hover td {
            background: #f3f3f3 !important;  /*#f5f4e9*/
        }

            #content table.default tr td a {
                color: #D44500;
            }

/* Lauri changed table link color from 0000e1 blue to new orange 4-7-15------------------------------------*/


/* Lauri added 12-31 default2 table for leftalign last col
-----------------------------------------------------------------*/         
#content table.default2 {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 1 14px -12px;
}

    #content table.default2 tr {
    }

        #content table.default2 tr td {
            color: #333;
            padding: 6px 12px 8px 11px;
        }

        #content table.default2 tr:nth-child(odd) td {
            background:#e8eaeb; /*#e8eff3; F0F0F0*/
        }

        #content table.default2 tr td:last-child {
            text-align: left;
        }

        #content table.default2 tr:hover td,
        #content table.default2 tr.hover td {
            background: #f3f3f3 !important;  /*#f5f4e9*/
        }

            #content table.default2 tr td a {
                color: #D44500;
            }

/* 12-30 Lauri centered 450w table for content next to sidebar photo -------------------------------------------------------------------------*/

#content table.center {
    border-collapse: collapse;
    width: 450px;
    margin: 0px 0 0px 0px;
}

    #content table.center tr {
    }

        #content table.center tr td {
            color: #333;
            padding: 6px 12px 8px 11px;
        }

        #content table.center tr:nth-child(odd) td {
            background: #e8eff3;
        }

        #content table.center tr td:last-child {
            text-align: right;
        }


            #content table.center tr td a {
                color: #475B85;
            }       
            
/* end of tables styles---------------------------*/
/* see #seclevmaincontentcontainer bullets ul style*/
.default ul, ol {
    margin-left: 2.8em;
}


.default li {
    padding-bottom: 5px;
}


/* this text style used in staff and fac directories as well as search results--------------------*/

 #seclevmaincontentcontainer dl.searchResults {
    padding: 0 20px 0 0;
}

#seclevmaincontentcontainer    dl.searchResults dt {
    	font-size: 18px;
		font-weight: normal;
		color: #6f777d;
		font-family: Georgia;
	}

	#seclevmaincontentcontainer	dl.searchResults dt small {
			font-size: 10px;
		}

   #seclevmaincontentcontainer dl.searchResults dt a {
			color: #6f777d !important;  /*was 6a7376*/
		}

	#seclevmaincontentcontainer	dl.searchResults dt a:hover {
			color: #0c223f !important; /*was 00447c*/
			text-decoration: none;
		}

#seclevmaincontentcontainer	dl.searchResults dd {
		padding: 0 0 18px 0;
		display: block;
		line-height: 110%;
	}

#seclevmaincontentcontainer	dl.searchResults dd p.link {
			color: #D44500; /*was f37321*/
		}

#seclevmaincontentcontainer	dl.searchResults dd p.link span.color1 {
				color: #0c223f;
			}

#seclevmaincontentcontainer	dl.searchResults dd p.link span.color2 {
				color: #6f777d;
			}

#seclevmaincontentcontainer	dl.searchResults dd p.link a {
				color: #0c223f;
			}

#seclevmaincontentcontainer	dl.searchResults dd p.link strong a  {
					color: #D44500;
				}
/*end search results from previous design */

/*to match people links from previous design */

#seclevmaincontentcontainer p.notes2 {
	font-size: 12px;
	font-style: italic;
	line-height: 120%;
}

#seclevmaincontentcontainer  p.notes2 a  {
					color: #D44500;
				}
 /*end notes2 match*/

/**added for more space between paras**/
#seclevmaincontentcontainer p {
padding-bottom: 8px;
}

/* added for default bulleted list 3-31-2015*/
#seclevmaincontentcontainer ul {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:6px;
    font-size:1em;
}

#seclevmaincontentcontainer ol {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:18px;
    font-size:1em;
}
#seclevmaincontentcontainer ul, ol li {
    padding-top: 1px; 
    padding-bottom: 0px; 
}
/*end for default bullets*/

#featurebox {
    background: #fff;    /*cfd4d8;,e1ded0;e3e2e1*/
    border: 1px solid #adb3b8;  /*c1bead*/
    border-radius:0px; /* was 10px*/
    height: 400px; /* SV: Changed height from 268 to 260 */
    float: left;
    margin: 1.5%;
    width: 22.25%; /* was 22.4% as of 11115 */
    color: #000;
    font-size: .75em;
    background-color: #fff;
    border-bottom: 15px solid #D44500; /*ED712B;*/
    overflow: hidden;
    overflow-y: auto;
    margin-right: 10px;
    position: relative;
    /*-------------------------------------------------------------------------------featurebox edits---------------------------------------------------*/
}

#featurebox.largerbox {
    width: 41%;
}

#featurebox img {
    width: 100%;
    height: auto;
}

#featurebox div {
   /*padding: 5px 15px;*/
}

#featurebox h1 {
    width: 100%;
    /* changing the background color from #f47321 to #620D0A */
    background-color: #D44500; /*999;*/
    color: #fff;
    border-radius:0px; /* was 8px*/
    text-transform: uppercase;
    font-size: 1.25em;
    padding: 8px 15px;
}

/*adding to test new box style has top and bottom bars but no text box at top - have not used it*/
#featurebox2 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #D44500 #adb3b8;
    border-image: none;
    border-radius: 0 0 0 0;
    border-style: solid;
    border-width: 15px 1px;
    color: #000000;
    float: left;
    font-size: 0.75em;
    height: 400px;
    margin: 1.5% 10px 1.5% 1.5%;
    overflow: hidden;
    position: relative;
    width: 22.4%;
}
/* note the featurebox2 H1 needs to be added to the font replacement if we want a top bar with text*/
#featurebox2 h1 {
    width: 100%;
    background-color: #D44500; /*999;*/
    color: #fff;
    border-radius:0px; /* was 8px*/
    text-transform: uppercase;
    font-size: 1.25em;
    padding: 8px 15px;
}


#featurebox2 h2 {
    font-size: 1.75em;
   font-family: "Arial", "Helvetica", sans-serif;  /*font-family: Georgia;*/
    color: #0c223f;
    padding: 8px 15px;
}
#featurebox2 p {
    margin-bottom: 1em;
}

#featurebox2 a {
    color: #D44500; /*e75f22;*/
    font-weight: bold;
    text-decoration: none;
}

/*end test featurebox2*/

#seclevsidebar h1 {
   /*  width: 90%; was 100%*/
    background-color: #D44500; /*f47321;*/
    color: #fff;
    border-radius:0px; /* was 8px*/
    text-transform: uppercase;
    font-size: 1.25em;
    padding: 8px 15px;
}

#featurebox h2 {
    font-size: 1.75em;
    font-family: "Arial", "Helvetica", sans-serif;  /*font-family: Georgia;*/
    color: #0c223f;
    padding: 8px 15px;
}

#seclevsidebar h2 {
    font-size: 1.75em;
    font-family: Georgia;
    color: #0c223f;
    padding: 8px 15px;
}

#seclevsidebar h3 {
    font-size: 1.3em;
    font-family: Georgia;
    color: #0c223f;
    padding: 2px 4px 2px 15px;
}

#featurebox p {
    margin-bottom: 1em;
}

#featurebox a {
    color: #D44500; /*e75f22;*/
    font-weight: bold;
    text-decoration: none;
}

#seclevsidebar a {
    color: #D44500; /*e75f22;*/
    font-weight: bold;
    text-decoration: none;
}

/* custom indented bullet list default2*/
#seclevsidebar ul.default2, ol.default2 {
    padding-left: 28px;  
    padding-right:4px;
    list-style-position: outside;
}
#seclevsidebar ul.default2 li {
    padding-bottom: 5px;
}
/* end sidebar bullets */

/* dl list indented */
#seclevsidebar dl {
    margin-left: 6px;  
    padding-right:4px;
}

#seclevsidebar dl dt {
    padding-left: 10px;  
    padding-top:8px;
}

#seclevsidebar dl dd {
    padding-left: 10px;  
}

#seclevsidebar .sidebarImage img {
    /*margin-left: 14px; */
    width: 100% !important;
    margin: 0px 0px 1em 0px !important;
    box-sizing: border-box; /*made this change to eliminate having strange sized photos in sidebars and having to size them externally */
}


#seclevmaincontentcontainer img {
    float: left;
    margin-right: 35px;
}   


/* till here */
#seclevmaincontentcontainer h2 {
    font-size: 1.75em;
    font-family: Georgia;   
}

#seclevmaincontentcontainer h3 {
    font-size: 1.45em;
    font-family: Georgia; 
    padding: 0 0 6px 0;
}

#seclevmaincontentcontainer h3.anchor {
    font-size: 1.2em;
    font-family: Georgia; 
    padding: 0 0 6px 0;
}


.space {
    margin: 20px;
}
/*Chaging the width from 67% to 65 % SV */
#seclevmaincontentcontainer {
    padding: 30px 5%;
    float: right;
    width: 65%;
    font-size: .75em;
    line-height : 22px;
}
/*Added By SV for SVTest page */
#seclevmaincontentcontainer1 {
    
    padding: 30px 5%;
    float: right;
    width: 75%;
    font-size: .75em;
}   

#seclevsidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    background: #e8eaeb; /*  was cfd4d8 e0dfdd #e1ded0 e3e2e1*/
    width: 25%;
    min-width: 241px;
    font-size: .75em;
    float: left;    
}

#seclevsidebar p {
    padding: 8px 15px;  
}

/* added for sidebar bulleted list 3-31-2015*/
#seclevsidebar ul {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:18px;
    font-size:1em;
    list-style-position: outside;
}
#seclevsidebar ul li {
    padding-top: 2px; 
    padding-bottom: 4px; 
}

#seclevsidebar ol {
    display: block;
    padding: 2px 2px 4px 8px;
    margin-left:18px;
    font-size:1em;
}
#seclevsidebar ol li {
    padding-top: 2px; 
    padding-bottom: 4px; 
}

#seclevsidebar img {
    border: 2px solid #fff;
}

#topTools {
    float: right;
    /* Changing margin-top from 10px tp 2 px */
    margin-top: 2px;
    margin-right: 5px;
    background: #fff;  /*#f5ece5*/
}

#topTools .social {
    width: 290px;
}

#topTools .social1 {
width: 200px;
}


#topTools h5 {
    font-size: 14px;
    font-weight:400;
    font-family:Georgia;
}
#topTools h5 a{
    color: #0c223f;
    text-decoration: none;
}

#topTools h6 {
    font-size: 14px;
    font-weight:400;
    font-family:Georgia;
}       

#topTools h6 a{
    color: #D44500; /*e75f22;*/
    text-decoration: none;
}

#topTools form fieldset input[type="submit"] {
    border: 0 none;
    background: #FFFFFF url(button_search.png) no-repeat 0 1px;
    width: 18px;
    height: 25px;
    text-indent: -8000px;
    overflow: hidden;
    cursor: pointer;
    /* IE fix */
    font-size: 0px;
    line-height: 0px;
}
 
.hometext {
    margin-top: 15px;
    font-family: "Arial", "Helvetica", sans-serif;
}  


#sidebar {
     background-color: #e8eaeb;
     width: 30%;
     float: left;
}

 
.carousel.c-fade .item {
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -ms-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.carousel.c-fade .active.left,
.carousel.c-fade .active.right {
  left: 0;
  z-index: 2;
  opacity: 0;
  filter: alpha(opacity=0);
}
.carousel.c-fade .next,
.carousel.c-fade .prev {
  left: 0;
  z-index: 1;
}
.carousel.c-fade .carousel-control {
  z-index: 3;
}

.svshadow 
{
    |box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 0 5px 10px rgba(0, 0, 0, 0.3);
-ms-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 0 5px 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 0 5px 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 0 5px 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) inset, 0 5px 10px rgba(0, 0, 0, 0.3);
} 
 
 
/**/

@font-face {
    font-family: 'ITCFranklinGothicW01-DmXCm';
	src: url('/fontsSU/ITCFranklinGothicW01-DmXCm.eot?') format('eot'), 
	    
	     url('/fontsSU/ITCFranklinGothicW01-DmXCm.ttf')  format('truetype'),
	     url('/fontsSU/ITCFranklinGothicW01-DmXCm.svg#ITCFranklinGothicW01-DmXCm') format('svg');
          font-weight: normal;
    font-style: normal;
}


/*this is the source code from a very helpful site http://www.red-team-design.com/wp-content/uploads/2010/10/css-font-face-demo.html and the documentation at    http://www.red-team-design.com/css3-font-face-or-how-to-use-a-custom-font-for-your-website */
@font-face {
	font-family: '3DumbRegular';
	src: url('3Dumb-webfont.eot');
	src: local('?'), url('3Dumb-webfont.woff') format('woff'), url('3Dumb-webfont.ttf') format('truetype'), url('3Dumb-webfont.svg#webfont57ztNrX6') format('svg');
}

#logo h2 {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.2em;
  text-transform:uppercase;
}

#logo h2 font {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.2em;
  text-transform:uppercase;
  white-space: nowrap;
}

#logo h2 span {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.2em;
  text-transform:uppercase;
}

  #onlymob{
        display:none;
    }
    
#content table.jm {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 1 14px -12px;
}

#content table.jm div.indent{
        margin-left: 2em;
    }
    
#content table.jm tr td {
            color: #333;
            padding: 6px 12px 8px 11px;
        }

#content table.jm tr:nth-child(odd) td {
            background:#F0F0F0; /*#e8eff3;*/
        }

#content table.jm tr td:last-child {
            text-align: right;
        }

#content table.jm tr:hover td,
#content table.jm tr.hover td {
            background: #f5f4e9 !important;
        }

#content table.jm tr td a {
            color: #0000E1;
        }

#content table.jm tr td.ba {
            background: #4A91DD !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.bs {
            background: #17457A !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.ma {
            background: #8CC63F !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.ms {
            background: #598026 !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.cas {
            background: #FF4A47 !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.phd {
            background: #662D91 !important;
            color: #fff;
            font-weight: bold;
        }
#content table.jm tr td.minor {
            background: #FF99FF !important;
            color: #fff;
            font-weight: bold;
        }
/* The Desktop version of Main CSS Ends here*/

@media screen and (max-width: 768px) {
    
#content table.default tr td {
color: #333;
padding: 6px 0px 18px 0px;
}
  
#logo h2 {

  font-family: 'ITCFranklinGothicMediumCondRg', Arial, sans-serif;
  font-size: 1em;
}
    
#logo {font-size: 80%;}
    
#featurebox {
        width: 47%;
        margin: 1%;
    }

#featurebox.largerbox {
        width: 98%;
        /* Changing the height from 450 px to 50% */
        height: 50%;
    }

#topTools {
        width: 100%;
        margin-right: 0px;
        padding: 0px;
    }
    
#topTools .social {
        /* Changing the value from right to left SV*/
        float: left;
        padding-left:3px;
    }
    
#topTools .searchform {
        float: left;
        margin-top: 8px;
    }
    
#sidebar {
        display: none;
    }
    
.topImage {
        width: 100%;
    }
    
#seclevsidebar {
        width: 100%;    
    }
    
#seclevsidebarbox {
        float: left;
        width: 50%;
        min-width: 210px;
    }
    
#seclevmaincontentcontainer {
        width: 92%;
    }
    
#footer p.info {
        margin-top: 20px;
        width: 100%;
    }
    
#footer p.copy {
        float: left;
    }

#seclevmaincontentcontainer h2 {
    font-size: 1.35em;
    font-family: Georgia;   
    }
        
#logo h2 {
  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
}

#logo h2 font {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
  white-space: nowrap;
}

#logo h2 span {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
}

.carousel-indicators {
left: 114%;
width: 19%;

}
.carousel-caption {

bottom: -12px;

}

.btn {
padding: 2px 2px;
margin-right: 70px;
font-size: 12px;
}
.pstyle
{
font-size: 12px;
}
#onlymob{
        display:none;
    }
  
     
}  
/* Added this to fix footer issue in phone landscape mode */
@media screen and (orientation:landscape) and (max-width: 768px) {

    #footer p.info {
        margin-top: 20px;
        width: 100%;
        font-size: 6.5px;
    }
}

@media screen and (max-width: 320px) {
    
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img {
height: 150px;
}

 #topTools .social1 {
width: 270px;
}
   
.btn {
padding: 6px 5px 4px 3px; 
vertical-align: super;
font-size: 12px;
}
    
#mbutton{
        visibility: visible;
    }
#notmob{
        display:none;
    }
    
#onlymob{
        display:inline;
    }
    
.pstyle {
font-size: 10px;
}

.carousel-indicators {
bottom: 20px;
left: 89%;
}

.carousel-caption {
bottom: -15px;
}

.carousel-indicators li {
width: 6px;
height: 7px;
}
 
#logo h2 {

  font-family: 'ITCFranklinGothicMediumCondRg', Arial, sans-serif;
  font-size: 1.50em;
}
  
#podss {
    padding-top:60px;
    }
    
#logo {font-size: 48%;}

#featurebox {
        width: 98%;
       /* height:236px;*/
        height:auto;       
    }

#featurebox.largerbox {
        height: auto;
    }
    
/* for featurebox2*/
    
#featurebox2 {
        width: 98%;
       /* height:236px;*/
        height:auto;       
    }

/*on phone*/
    
#sidebar {
        display: none;
    }
    
.topImage {
    width: 100%;
    }
    
#seclevsidebar {
        width: 100%;    
    }
    
#seclevsidebarbox {
        width: 100%;
    }   
    
#seclevmaincontentcontainer {
    width: 92%;
    }
#seclevmaincontentcontainer h2 {
    font-size: 1.05em;
    font-family: Georgia;   
}

#logo h2 {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
}

#logo h2 font {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
  white-space: nowrap;
}

#logo h2 span {

  font-family: 'ITCFranklinGothicW01-DmXCm', Arial, sans-serif;
  font-size: 1.0em;
  text-transform:uppercase;
}

#hidein{
    visibility:false;
    display:none;
}

#banner-wrapper {
min-height: 20px;
}

.carousel-indicators {
left: 105%;
width: 30%;

}

}

.default p {
    margin-bottom: 1em;

}
.default .clearfix p {
     clear: both; /* all the left or right aligned images needed a clear so that the next paragraph would reflow properly */
}
.default p img {
    margin: .25em;
}
.carousel-caption p a {
    font-family: sans-serif;
    font-weight: bold;
    background: rgba(0,0,0,.3);
    padding: .25em .75em;
    font-size: 120%;
    border-radius: 1em;
    border: solid 1px rgba(255,255,255,.5);
}
.carousel-caption p a:hover {
    background: rgba(0,0,0,.5);
    text-decoration: none;
    border: solid 1px rgba(255,255,255,.8);
}
.photoSidebar p {
    width: 100%;
}
.photoSidebar img {
    width: 90% !important;
    height: auto !important;
    box-sizing: border-box;
    border: solid 4px #e2e2e2;
    box-shadow: rgba(0,0,0,.3) 0px 5px 8px;
}
#seclevmaincontentcontainerFW {
    padding: 1em 2em;
}

/* the world needs this -jm */
.rainbowize {
/*  background-image: -webkit-gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  background-image: gradient( linear, left top, right top, color-stop(0, #f22), color-stop(0.15, #f2f), color-stop(0.3, #22f), color-stop(0.45, #2ff), color-stop(0.6, #2f2),color-stop(0.75, #2f2), color-stop(0.9, #ff2), color-stop(1, #f22) );
  color:transparent;
  -webkit-background-clip: text;
  background-clip: text; */
  background-color: #FB00FF;
}
#myTabContentJM { height: 400px; overflow-y: hidden; }

#instafeed {
    text-align: center;
}

#instafeed a {
    display: inline-block;
    padding: 10px;
}

#featurebox .navtab-jm img {
    height: 35px;
    width: 35px;
}

#navtab-jm, .navtab-jm { text-align: right; padding-top: 2px;}