@charset "UTF-8";
/* CSS Document */

/* ------------------- General rules ------------------- */

body {
	margin: 0;padding: 0;
	text-align: center;
	background-color: white;
	color: #666;
}
p {
	font-size: 12pt;
	line-height:15pt;
	font-family:Helvetica, Arial, sans-serif;
	color: #666;padding:0 0 0 0;margin:0;}	

h1 {
	font: 22pt/22pt normal Arial, Helvetica, sans-serif;
	margin:0;padding:0 0 15px 0; 
}
h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-size:20pt;
	line-height:24pt;
	margin:0;
	padding-bottom:10px; 
	font-weight:normal;
}

h3{
	font:20pt/20pt Helvetica, Arial, sans-serif;
	margin:0;padding:15px 0 15px 0; 
}
h4 {
	font: normal 17pt/18pt Helvetica, Arial, sans-serif;
	margin:0;padding:0 0 10px 0; 
	}
h5 {
	font: normal 16pt/20pt Helvetica, Arial, sans-serif;
	margin:0;padding:0 0 15px 0; 

}
h6 {
	font: normal 15pt/18pt Helvetica, Arial, sans-serif;
	margin:0;padding:0 0 4px 0; 
}
#container {
	margin: 0px auto 0;
	text-align: left;
	position: relative;
	
}
#inputBox {
    max-width: 100%;
    margin-bottom: 1em;
}


td.odd, td.first { background: #F0F7FF; }
td.even { background: #FFFFF0; }
/* td.first { padding: 0 20px 0 10px; background: #F0F7FF; } */


.clear {clear:both;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.caps{text-transform:uppercase; }

.small{font-size: 10pt;line-height: 14pt;}
.normal{font-size: 11pt;line-height: 15pt;}
.medium {font-size: 16pt;line-height: 18pt;padding-bottom:10px;}	

.white{color:white;}
.blue{color:#0099FF; }
.yellow{color:#FFCC00;}
.lightYellow{color:#FFEE88;}
.red{color:#F22;}

.vdksmall{color:#222;}
.vdkgray{color:#222; }
.dkgray{color:#444; }
.gray{color:#777; }

.body {margin-bottom:10px;}

.padding {margin-bottom:20px;}
.button {margin:10px 0;}

acronym {border: none;}

/* ------------------- Common Containers ------------------- */

#navContainer{	
	padding:5px 26px 30px 26px;
	margin:0;
	overflow: hidden;
}
#navContainerhome{	
	padding:5px 26px 30px 26px;
	margin:0;
	background-image: url(../images/bgrdShadow_01.png);
	background-repeat: repeat-y;
	background-position: center top;
}
#navLogo{
	float:left;
	padding:30px 0 0 0;
	margin:0 30px;
	/* width:550px; */
}
#navCopyPadding {
    display: none;
    float: right;
    height: 105px;
    width: 30px;
}
#navCopy{
	float:right;
	width:200px;
	margin:10px 30px;
	padding:105px 0 0 0;
	text-align:right;
	font-size:10pt;
	color:#777;
	font-family: Verdana, Geneva, sans-serif;
	overflow: hidden;
}

#bodyContainer{
    background-image: url(../images/bgrdShadow_02.png);
    background-repeat: repeat-y;
    background-position: center top;
    margin:0;padding:0;
}


#footerContainer{
    clear: both;
    text-align: right;
    color:#777;
    padding:10px 0 0 0;margin:0;
}


#psBottom {		
    margin:0 50px;
    padding:8px 10px 60px 80px;
    border-top:	20px solid #cccccc;
}
#moreLinks, .moreLinks {text-align: center;margin:7px 50px;padding:0;

	   }


@media (min-width: 900px) {
  #phonespell-main-home #navContainer {
	height: 55px;
	padding: 25px 0px 0px 0px;
  }

  #navContainer{	
	height:120px;
	background-image: url(../images/bgrdShadow_01.png);
	background-repeat: repeat-y;
	background-position: center top;
  }
  #bodyContainer{
    background-image: url(../images/bgrdShadow_02.png);
    background-repeat: repeat-y;
    background-position: center top;
  }
  #footerContainer{
    background-image: url(../images/bgrdShadow_03.png);
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}

@media not all and (min-width: 900px) {
  #phonespell-main-home #navContainer {
	height:4em;
	padding: 0em 0em 0em 0em;
	background-color: white;
  }
  #navContainer {
	background-color: white;
	height: 8em;
  }
  #navLogo {
      height: 8em;
      width: initial;
  }
  #bodyContainer{
	background-color: white;
  }
  #footerContainer{
	background-color: white;
  }
}

/* ------------------- Images ------------------- */

#moreLinks img{
    margin:0 0 -3px 0;
}

/* ------------------- AD ------------------- */

#ad{
    margin:20px 0 25px 0 ;
    width: 80%;
}

#prom{
	font: italic 14pt/15pt Helvetica, Arial, sans-serif;
	color: #69F;
	padding: 10px 0 25px 0;
}

@media max-height: 30em {
  #supportingHome img {
	height: 6em;  
  }
  
}

@media (min-width: 950px) {
  #container, #footerContainer {
    width:950px;
  }
  #logo {
      width:418px;
      height: 202px;
      margin:20px 0;
  }
}
@media not all and (min-width: 950px) {
  .lg-only {
      display: none;
  }
  #container, #footerContainer {
    width:100%;
  }
  #logo {
      height: 12em;
      width: 26em;
      margin-bottom: 0.35em;
  }
  #submit_button {
      font-size: 1.2em;
      margin: 0 2em;
  }
  #inputBox { margin-bottom: 1em; }
}

@media screen, projection {
  table {
        font: normal 12pt Courier, monospace;
        margin: 10px 0 25px 0;  
	color: #333;
	border-collapse: collapse;
	border-spacing: 0;
	white-space: nowrap
  }

  td { padding: 0.2em 1.2em 0.2em 1.2em; }
}

@media only screen and (max-device-width: 480px), (max-height: 480px), handheld {
  #phonespell-main-home #navContainer {
      height: 2em;
  }
  #phonespell-main-home #navContainer #navCopy, #navCopyPadding {
      display: none;
  }

  table {
        font: normal 14pt Courier, monospace;
        margin: 10px 0 25px 0;  
	color: #000;
	border-collapse: collapse;
	border-spacing: 0;
	white-space: nowrap
  }

  td { padding: 0.4em 1.2em 0.3em 1.2em; }

  .nomobi{ display: none; }
  #logo { height: 3em; width: 6.5em; }
  #siteName { font-size: 0.75em; padding-bottom: 0.75em; line-height: 1em; }
  #inputPrompt { font-size: 1.2em; padding-bottom: 0.8em; }
  #inputBox { font-size:1.2em; }
  #psBottom { padding: 0.5em 1em 0.5em 0.5em; text-align: center;
	      font-size: 7.5px; line-height: 9px; }
}