/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

/* #Page Styles
Colors
Blue: #6666FF
Gray: #F8F8F8
Green: #f8f8f8
Green2 Nav: #76AA48
Link Green: #009900
Darker Blue: #000066
================================================== */
#body{
background-color: #000066;
}
.container
{
background-color: #FFFFFF ;
padding-left:5px;
padding-right:5px;
}
#header
{
text-align: center;
}
.avt{text-align: left;}
#nav {
     padding: 0;
     }
	
#nav h3 {
        float: left;
        text-transform: capitalize;
	}
	
#nav ul {
list-style: none;
padding: 0;
margin: 0 ;
	}

#nav li {
        border-top: 1px solid #000066;
	}
	
#nav a {
       display: block;
       font-size: 1.063em;
       color:  #000066;
       text-decoration: none;
       padding: .975em 1.3em;
       }
	
#nav a:hover {
	     background: #F8F8F8;
	     }
	
#nav nav {
         height: 0;
         overflow: hidden;
	 }
	
body {
     -webkit-animation: bugfix infinite 1s;
     }

@-webkit-keyframes bugfix 
      {
      from {padding: 0;}
      to {padding: 0;}
      }
	
#nav input[type=checkbox] 
     {
     position: absolute;
     top: -999em;
     left: -999em;
	}
	
#nav label {
           padding-bottom: 10px;
           display: block;
           background: url("../images/icon-menu.png") no-repeat right center;
           text-indent: -999em;
           cursor: pointer;
           -webkit-user-select: none;  /* Chrome all / Safari all */
           -moz-user-select: none;     /* Firefox all */
           -ms-user-select: none;      /* IE 10+ */
           user-select: none;
}

	
#nav input[type=checkbox]:checked ~ nav 
     {
     height: auto;
     overflow: hidden;
     }
	
h1 {
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 10px;
	height: 20px;
}

a:hover {
	      color: #000066;
	     }
#pagecol1{
padding-top:20px;
}

hr{
border: solid #000066;
border-width: 1px 0 0;
clear: both;
margin: 10px 0 10px;
  }
  
blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 0px solid #FFFFFF !important;;
}

/* #Media Queries
================================================== */
/* #Media Queries
================================================== */

/*Screens larger than 766px 
Normal Desktop PC*/
@media screen and (min-width: 766px) {
.JTHeader{
margin-top: 5px;
font-size: 42px;
color: #000066;
}

.AttorneyHeader{
margin-top: 35px;
font-size: 42px;
color: #000066;
}

#nav {
     padding: 0;
     margin-top: 40px;
  	 height: 30px;
  	 background-color: #000000;
     }

#nav label {
           display: none;
           }
		
#nav nav {
         height: auto;
         overflow: visible;
         }
				
#nav li {
         display: inline;
         border: 0;
	 }
		
#nav a {
       display: inline-block;
       padding-top: 0px;
       height: 5px;
       }
		        
#nav li a {
          color: #FFFFFF;
          font-family: Tahoma, Arial, Helvetica, sans-serif;
	  font-weight: bold;
	  font-size: 11pt;
	  text-decoration: none;
	  padding-left: 10px;
	  padding-right: 10px;
	  padding-top: 5px;
         }

#nav li a:hover {
	        color: #EEEEEE;
	        font-family: Tahoma, Arial, Helvetica, sans-serif;
	        font-weight: bold;
	        font-size: 11pt;
	        text-decoration: none;
	        padding-left: 10px;
	        padding-right: 10px;
	        background-color: #000066;
			height: 10px;
                }
}
	
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
.JTHeader{
margin-top: 5px;
font-size: 35px;
color: #000066;
}

.AttorneyHeader{
margin-top: 25px;
font-size: 35px;
color: #000066;
}

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.JTHeader{
margin-top: 5px;
font-size: 30px;
color: #000066;
}

.AttorneyHeader{
margin-top: 25px;
font-size: 30px;
color: #000066;
}

}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px)
{
#pagecol1{
background-color:#FFFFFF;
padding-top:10px;
}
#top{
     height: 70px;
}
.JTHeader{
margin-top: 5px;
font-size: 18px;
background-color:#FFFFFF;
color: #000066;
}

.AttorneyHeader{
margin-top: 10px;
font-size: 18px;
background-color:#FFFFFF;
color: #000066;
}
.avt
{
background-color:#FFFFFF;
}
#header{
background-color:#FFFFFF;
}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) 
{

#top{
     height: 98px;
}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
#top {}
}

/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/