h1, h2, p {
	margin:0 0 1em;
    font-size:  2em;
    display:  inline-block;
}
html, body {
	margin:0;
	padding:0;
	height:100%;
}
body {
	background:  #DE6700 url(../images/bg.jpg) repeat-y scroll 50% top;
	margin: 0 auto;
}
.pagewrap {
	margin: 0 10px;
	max-width:  1020px;
	background-color:  white;
	min-height:100%;
}
.header, .main {
	padding:10px;
}
.telephone{
    color: #0000EE;
}
.telephone:visited{
    color: #0000EE;
}

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

    h1, h2, p {
	margin:0 0 1em;
    font-size:  1em;
}
    /*begin header*/
    .header h1 {
	    font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: 1em;
	    margin:0 1em 1em 0;
    }
    .header p {
	    font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: 1em;
	    margin:0 0 1em;
        text-align:  right;
    }
    .logo{
        width:  50px;
        height:  46px;
        padding-right:  1px;

    }
    .address{
        font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: .7em;
    }
    /* Start Navigation */
    #nav 
    {
	    float: left;
	    width: 100%;
	    margin:  0 0 0 4px;
	    padding: 10px 0 0 0;
	    list-style: none;
        padding-bottom:  10px;
	    /*
	    background: #FFCB2D url(images/nav_bg.gif) repeat-x bottom left;
    */
    }
    #nav li 
    {
	    float: left;
	    margin: 0 1px 0 0;
	    padding: 0;
	    font-family: "Lucida Grande", sans-serif;
	    font-size: 80%;
    }
    #nav a 
    {
	    float: left;
	    display: block;
	    margin: 0;
	    padding: 4px 8px;
	    color: #333;
	    text-decoration: none;
	    border: 1px solid #9B8748;
	    background: #F9E9A9 url(images/off_bg.gif) repeat-x top left;
    }
    
    #nav a:hover, body#intro #t-intro a 
    {
	    color: #333;	
	    padding-bottom: 5px;
	    border-color: #727377;	
	    background: #fff url(images/on_bg.gif) repeat-x top left;
    }
    /* End Navigation */
    .main{
        margin:  auto;
        width:  90%;
        min-height:  70%;
    }
    .divfooter{
        text-align: center;
        font-weight:  bold;
    }
   #divfootername{
       font-weight:  bold;
   }
   .centerpanel{
       font-size:  1em;
   }
   #frmpatientmessage label{
        display: inline-block;
        vertical-align: baseline;
        color:  teal;
        width:  150px;
        font-size:  1.2em;
    }
   #frmpatientmessage input[type=text]{
        display: inline-block;
        vertical-align: baseline;
        width:  150px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size:  1.2em;
    }
    #frmpatientmessage input[type="text"]:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

   #frmpatientmessage input[type=submit]{
        background-color:  teal;
        text-decoration:  none;
        color:  white;
        border:0 none;
        cursor:pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px; 
        font-size:  1.2em;
    }
    #frmpatientmessage p {
        font-size: 1em;
    }
    #frmpatientmessage ul{
        list-style:  none;
    }
    #frmpatientmessage li{
        padding-bottom:  .2em;
    }
    .medicalhomeheading{
        font-size:  1.0em;
        font-weight:  bold;
        padding-top:  1em;
    }
    .medicalhome{
        font-size:  1.0em;
    }
    .mapcanvas{
        width:  90%;
        height: 500px;
    }
    .directions{
        font-size:  1.0em;
        color:  teal;
    }
    #divhoursofoperation{
    width:  90%;
    }
    #divourproviders ul{

        list-style-type:  none;

    }
    #divourproviders span{
        font:  arial;
        font-size:  1.3em;
        font-weight:  bold;
    }
    #divhoursofoperation ul{
        list-style-type:  none;
        margin:  .3em;
        padding:  .3em;
    }
    #divhoursofoperation li{
        font:  arial;
        font-size:  .7em;
        color:  teal;
    }
    #divannouncement {
        font:  arial;
        font-size:  1.0em;
        color:  teal;
        padding-bottom:  1.2em;
    }
    #tblhoursofoperation{
        width:  100%;
        font:  arial;
        font-size:  .7em;
        color:  teal;
    }
    #tblhoursofoperation td{
        padding:  .5em;
    }
    .tblhoursofoperationday{
        font-weight:  bold;
    }
}
@media only screen and (min-width: 768px) {
	.pagewrap {
		margin: 0 auto;
		width:100%;/* needed for display:table*/
		display:table;
		height:100%;/* treated as a minimum for table display*/
	}
	.header {
		display:flex;
		flex-wrap:wrap;
		justify-content:  space-between;
		margin:0 0 1em;
	}
    .logo{
        width:  110px;
        height:  99px;
        padding-right:  8px;

    }
    /*address information*/
    .header h1 {
	font-family:  'Comic Sans MS';
	color:  teal;
	font-size: 1.5em;
	margin:0 1em 1em 0;
    margin-right: auto;
    }
    .header p {
	    font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: 1em;
	    margin:0 0 1em;
        text-align:  right;
    }
    .address{
        font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: .7em;
    }
    /* Start Navigation */
    #nav 
    {
	    float: left;
	    width: 100%;
	    margin:  0 0 0 4px;
	    padding: 10px 0 0 0;
	    list-style: none;
        padding-bottom:  10px;
	    /*
	    background: #FFCB2D url(images/nav_bg.gif) repeat-x bottom left;
    */
    }
    #nav li 
    {
	    float: left;
	    margin: 0 1px 0 0;
	    padding: 0;
	    font-family: "Lucida Grande", sans-serif;
	    font-size: 80%;
    }
    #nav a 
    {
	    float: left;
	    display: block;
	    margin: 0;
	    padding: 4px 8px;
	    color: #333;
	    text-decoration: none;
	    border: 1px solid #9B8748;
	    background: #F9E9A9 url(images/off_bg.gif) repeat-x top left;
    }
    
    #nav a:hover, body#intro #t-intro a 
    {
	    color: #333;	
	    padding-bottom: 5px;
	    border-color: #727377;	
	    background: #fff url(images/on_bg.gif) repeat-x top left;
    }
    /* End Navigation */
    .main{
        margin:  auto;
        width:  90%;
        min-height:  70%;
    }
    .divfooter{
        text-align: center;
        font-weight:  bold;
    }
   #divfootername{
       font-weight:  bold;       
   }
   .centerpanel{
       font-size:  2em;
   }
   #frmpatientmessage label{
        display: inline-block;
        vertical-align: baseline;
        color:  teal;
        width:  150px;
        font-size:  1.2em;
    }
   #frmpatientmessage input[type=text]{
        display: inline-block;
        vertical-align: baseline;
        width:  150px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        font-size:  1.2em;
    }
    #frmpatientmessage input[type="text"]:focus {
        border-color: #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
    }

   #frmpatientmessage input[type=submit]{
        background-color:  teal;
        text-decoration:  none;
        color:  white;
        border:0 none;
        cursor:pointer;
        -webkit-border-radius: 5px;
        border-radius: 5px; 
        font-size:  1.2em;
        padding:  10px;
    }
    #frmpatientmessage p {
        font-size: 1.5em;
    }
    #frmpatientmessage ul{
        list-style:  none;
    }
    #frmpatientmessage li{
        padding-bottom:  .2em;
    }
    .medicalhomeheading{
        font-size:  1.5em;
        font-weight:  bold;
        padding-top:  1em;
    }
    .medicalhome{
        font-size:  1.5em;
    }
    .mapcanvas{
        width:  90%;
        height: 500px;
    }
    .directions{
        font-size:  1.5em;
        color:  teal;
    }
    #divhoursofoperation{
    width:  90%;
    }
    #divourproviders ul{
        list-style-type:  none;
    }
    #divourproviders li{
        
    }
    #divourproviders span{
        font:  arial;
        font-size:  1.3em;
        font-weight:  bold;
        
    }
    #divourproviders p{
        font-size:  1.0em;
        color:  teal;
        padding-top:  .8em;
    }
    #divhoursofoperation ul{
        list-style-type:  none;
        margin:  .4em;
        padding:  .4em;
    }
    #divhoursofoperation li{
        font:  arial;
        font-size:  1.3em;
        color:  teal;
    }
    #divannouncement {
        font:  arial;
        font-size:  1.5em;
        color:  teal;
        padding-bottom:  1.2em;
    }
    #tblhoursofoperation{
        font:  arial;
        font-size:  1.5em;
        color:  teal;
    }
    #tblhoursofoperation td{
        padding:  .5em;
    }
    .tblhoursofoperationday{
        font-weight:  bold;
    }
    #ulformlist{
        list-style-type:  none;
    }
    #ulformlist li{
        padding-bottom:  .4em;
    }
    #ulformlist a{
        text-decoration:  none;
        color: #0000EE;
        padding-left:  .3em;
    }
    #ulformlist a:visited{
        text-decoration:  none;
        color: #0000EE;
    }
    #ulpartnerlist{
        list-style-type:  none;
    }
    #ulpartnerlist li{
        padding-bottom:  1.5em;
    }
    #ulpartnerlist a{
        text-decoration:  none;
        color: #0000EE;
        padding-left:  0em;
    }
    #ulpartnerlist a:visited{
        text-decoration:  none;
        color: #0000EE;
    }
    #tblformslist a{
        text-decoration:  none;
        color: #0000EE;
    }
    #tblformslist a:visited{
        text-decoration:  none;
        color: #0000EE;
    } 
    #biographies{
        display:  table;
    }
    #biorow{
        display:  table-row;
    }
    #biophoto{
        display:  table-cell;
        width:  40%;
    } 
    #biography{
        display:  table-cell;
        width:  60%;
    }  
    .contactus{
        font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: 1.0em;
    }
    .kidsfont_7em{
        font-family:  'Comic Sans MS';
	    color:  teal;
	    font-size: .7em;
    }
    .medicalhomeol{
        font-size:  1em;
    }
}