body { background-color: #000033;
      background-image: url(primehorizontal.png);
      color: #003300;
	  font-family: Arial, Helvetica, sans-serif;	  
  
}
#wrapper { width: 80%;
           min-width: 700px;
		   max-width: 960px;
           margin-right: auto;
		   margin-left: auto;
		   background-color: #FFFFCC;
		   padding: 0 0 20px 30px;
		   border: 1px ridge #00332B;
		   border-radius: 15px;
		   box-shadow: inset -3px -3px 3px 3px #00332B;
}
h1 {background-image: url(primelogo.gif);
      
background-repeat: no-repeat;
height: 100px;
text-indent:100%;
overflow: hidden;
header { color: #48751A;
}
h2 { color: #003366;
}
h3 { color: #006600;
    padding-top: 10px;	
}
nav { font-weight: bold;
float: left;
width: 150 px;
     font-size: 1.2em;
}
nav a {text-decoration: none;
        display: block;
        text-align: center;
        color: #FFFFCC;
        font-weight: bold;
        border: 3px outset #CCCCCC;
        padding: 5px; }
        nav a:link {background-color: #003366; }
        nav a:visited {background-color: #48751A;}
        nav a:hover {border: 3px inset #333333; }
        nav ul {list-style-type: none;
        margin: 0;
        padding-left: 0; }
main {left-margin: 180px;
padding-right: 20px;
padding-bottom: 20px;
dd { font-style: italic;
    font-size: 0.90em;
	line-height: 200%;
}
.contact { font-weight: bold;
           font-size: 0.90em;
		   font-family: "Times New Roman", serif;
}
footer { font-size: 0.60em;
       font-style: italic;
       float: clear;
       margin-left: 180px
}
.floatleft {float:left;
padding-bottom: 20px;
padding-right: 20px; }
.clear {clear:both; }
img { border-style: none; }
 }
 #mobile { display: none; }
 #desktop {display: inline; }
 @media only screen and (max-width: 1024px) {body{background-image: none;
                                             padding: 0px;
                                             background-color:#FFFFCC;}
                                             #wrapper {width: auto;
                                             min-width: 0;
                                             margin:0;
                                             box-shadow:none;
                                             }
                                             header{background-image:no repeats;
                                             text shadow:#000033; height:100%}
                                             h1{text-indent:0;margin:0;font-size:3.7em;padding-left:2em;white-space:normal;}
                                             nav{float:none;width:auto;margin-top:0.5em;}
                                             nav a{padding:0.2em;margin-left:0.3em;float-left:1em;padding-right:1em;margin:0;font-size:90%;float:clear;}
                                             @media only all and (max-width: 768px) {
                                             h1{font-size:2.4em;padding:0.25em;padding-left:1.5em;}
                                             nav{width:98%}
                                             nav a{padding:0.5em;width:40%;float:left;width:5em;margin-left:0.5em}
                                             main{padding:0.6em;}
                                             .floatleft{float:none;padding:0}
                                             h3{padding-top:0;margin:0;}
                                             dd{line-height:100%}
                                             footer{padding:0.5em;margin:0}
                                             #mobile { display: inline; }
                                             #desktop { display: none; }
                                             }
                                             
 header, nav, main, footer {display: block; }