/* ================START OF MOBILE section=========================== */

@media only screen and (max-width: 700px) {
#mobile-nav-right { display: none; }
#mobile-nav-right { display: none; }
#right-column  { display: none; }

#mobileheader  {
display: inline;
position: static;
text-align: left !important;
width: auto;
font-size: 130%;
}

#mobileheaderclasses  {
display: inline;
position: static;
text-align: left !important;
width: auto;
font-size: 100%;
}

body {
display: inline;
margin: 3px;
width: auto;
top: 0;
}

   #banner-top {
	background: url('Sprited/sprited.png');
	height: 60px;
        background-position: 0 -208px;
        left: 25%;
        background-repeat: repeat-x;
        width: 100% !important;
    }
    #banner-right-bottom { display: none }
    #banner-right-bottom:hover { display: none }
    h1 {
        color: #0173cc;
        font-size: 150%;
        text-transform: capitalize;
        
    }
    h2 {
        font-size: 125%;
        text-transform: capitalize;
        color: #006666;
        border-bottom: 1px solid #DDD;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 4px;
    }
    h3 {
        color: black;
        font-size: 110%;
        text-transform: uppercase;
        overflow: auto;
        padding: 7pt;
    }
    h4 {
        color: #D32323;
        font-size: 100%;
        border: 2pt solid #AEBDCC;
        background-color: white;
        overflow: auto;
        text-transform: capitalize;
        padding: 1pt;
    }
    h5 {
        font-size: 100%;
        text-transform: capitalize;
    }
    a {
        color: #537d7b;
        text-decoration: underline;
        text-transform: capitalize;
    }
    a:hover {
        color: #a34d32;
        text-decoration: underline;
        text-transform: capitalize;
    }
    a:visited {
        color: #98855b;
        text-decoration: none;
        text-transform: capitalize;
    }
    table,
    th { border: none }
    td {
        border: none;
        /*padding: .1em .7em .1em .3em;*/
    }
  .author,
	.email,
	.creator {
        color: black;
	font-family: Courier, monospace;
	font-size: 90%;
	font-weight: bold;
        line-height: 0.4em; 
	text-align: right;
    }
}



/* ================END OF MOBILE section=========================== */	

/* ================END OF MOBILE section=========================== */	

/* ================END OF MOBILE section=========================== */	

/* ================END OF MOBILE section=========================== */	

/* ================END OF MOBILE section=========================== */	








/* ================START OF DESKTOP section=========================== */	

/* ================START OF DESKTOP section=========================== */	

/* ================START OF DESKTOP section=========================== */	

/* ================START OF DESKTOP section=========================== */	

/* ================START OF DESKTOP section=========================== */	

/* ================START OF DESKTOP section=========================== */	
@media screen and (min-width: 768px) {
  /* For desktop: */
  #mobileheader {
display: none !important;
}

#mobileheaderclasses  {
display: none !important;
}
    body {
        color: #000000;
        background: #F7F7F7;
        font-family: Verdana, Helvetica, sans-serif;
        font-size: 12pt;
        text-align: left;
        display: block;
        overflow: auto;
        margin-left: 5%;
        margin-right: 19%;
        width: 59%;
        top: 22%;
         }
     #right-column {
        background: #f1f1f1;
        border-color: #e5e5e5;
        border-style: solid;
        display: block;
        font-size: 80%;
        max-height: 100%;
        min-height: 100%;
        overflow: auto;
        position: fixed;
        text-align: left;
        top: 0;
        z-index: 5;
		padding: 3px;
        border-width: 0 2px;
        left: 80%;
        width: 20%;
    }
   #banner-top {
	background: url('Sprited/sprited.png');
	height: 60px;
        background-position: 0 -208px;
        left: 25%;
        background-repeat: repeat-x;
        width: 100% !important;
    }
    #banner-right-bottom {
	background: url('Sprited/sprited.png');
	width: 99px;
	height: 86px;
        background-position: -422px -86px;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
    }
    #banner-right-bottom:hover {
	background: url('explosionhead.png');
	width: 160px;
	height: 146px;
    }
    h1 {
        color: #0173cc;
        font-size: 150%;
        text-transform: capitalize;
        
    }
    h2 {
        font-size: 125%;
        text-transform: capitalize;
        color: #006666;
        border-bottom: 1px solid #DDD;
        margin-bottom: 5px;
        margin-top: 5px;
        padding-bottom: 4px;
    }
    h3 {
        color: black;
        font-size: 110%;
        text-transform: uppercase;
        overflow: auto;
        padding: 7pt;
    }
    h4 {
        color: #D32323;
        font-size: 100%;
        border: 2pt solid #AEBDCC;
        background-color: white;
        overflow: auto;
        text-transform: capitalize;
        padding: 1pt;
    }
    h5 {
        font-size: 100%;
        text-transform: capitalize;
    }
    a {
        color: #537d7b;
        text-decoration: underline;
        text-transform: capitalize;
    }
    a:hover {
        color: #a34d32;
        text-decoration: underline;
        text-transform: capitalize;
    }
    a:visited {
        color: #98855b;
        text-decoration: none;
        text-transform: capitalize;
    }
    table,
    th { border: none }
    td {
        border: none;
        /*padding: .1em .7em .1em .3em;*/
    }
  .author,
	.email,
	.creator {
        color: black;
	font-family: Courier, monospace;
	font-size: 90%;
	font-weight: bold;
        line-height: 0.4em; 
	text-align: right;
    }
}

/* ================END OF DESKTOP section=========================== */