/* =============================================================================
   General structure
   ========================================================================== */

body {background:#CED7E0;}

.wrapper {max-width:900px; min-width:320px; background:#fff; margin:0px auto 30px; box-shadow:0px 1px 2px #666;}

header {display:block; border-bottom: 7px solid #2F1917; position:relative; width:100%; background: #fff}
#logo {float:left;}
.header-contact {position:absolute; right:50px; bottom:10px; float:right; text-decoration:none; color:#7d6d78; text-transform:uppercase; font-family:"Times New Roman", Times, serif; }

nav {float:left; width:140px; background:#751F42; }
nav ul {text-align: right;}
nav ul li {}
nav ul li a {padding:10px; text-decoration:none; display:block; color:#fff; font-family:"Times New Roman", Times, serif; text-transform:uppercase; font-size:12px; letter-spacing:1px;}
nav ul li a:visited {color:#fff;}
nav ul li a:hover {background:#751F42; color:#F08A55;}
nav ul li ul {position:absolute; margin-left:140px; margin-top:-45px; width:200px; background:#89234C;}
nav ul li ul li {width:200px; text-align:center;}
nav ul li ul li a {display:block;padding:10px;color:#fff;}
nav ul li ul li:hover a {background:#75304A;}
nav ul li ul.fallback {display:none;}
nav ul li:hover ul.fallback {display:block;}
nav select {display: none;}

aside {float:right; background:#751F42; width:180px; padding:10px; font-size:12px; color:#fff;}
aside h2, aside h3 {color:#fff; font-size:15px; margin-bottom:10px; }
aside p {margin:0px 0px 8px 0px; padding:0px;}
aside strong {display:block; font-size:14px; margin-bottom:14px;}
aside a {color:#fff; font-weight:bold;}
aside a:visited {color:#fff;}
aside a:hover {color:#F08A55;}

aside ul li {padding:5px 0px;}
.emergency {display:block; padding:10px 0px; text-align:center; font-family:"Times New Roman", Times, serif; text-transform:uppercase; text-decoration:none; line-height:16px; border-bottom:1px solid #fff; }

footer {background:#ddd; padding:20px 10px;}
footer p {margin:0px; padding:0px;}

#content-container {background:#fff;}

.page-content {float:left; max-width:500px; padding:30px 30px; }
.page-content ul {list-style:circle; margin-bottom:8px; padding-left:4px;}

.clear {clear:both; float:none;}

/* =============================================================================
   Page specific formatting
   ========================================================================== */
   .index-callouts, .doc-listing {margin:0px; padding:0px; list-style:none !important;}
   .index-callouts li {float:left; margin:0px 40px 40px 0px;}

	.doc-listing li {float:left; display:block; height:200px; width:100px; margin:0px 24px 15px 0px; text-align:center;}
	
	.map {max-width:480px; max-height:320px; min-height:320px; height:320px; overflow:hidden; min-width:240px;}
	
	/* =============================================================================
   Non-Semantic Classes
   ========================================================================== */
   
   /* Custom Selection Styles */
   ::selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-webkit-selection {background:#D31245;color:#FFF;text-shadow:none;}
   ::-moz-selection {background:#D31245;color:#FFF;text-shadow:none;}
   
   /* Input focus styles */
   input:focus {outline:0;border:1px solid #0091BD;} /* Gets rid of blue glow on field focus, adds border color instead */
   
   .fltrt {float:right; margin:0px 15px 15px 0px;}
   
   .center {display:block; margin:10px auto;}

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

   /* 320px and greater */
   @media only screen and (max-width: 320px) {
	   /* Styles here */
	.wrapper {margin:0px auto; box-shadow:none;}
	
	header {background:#ccc; height:90px;}
	#logo img {max-width:320px;}
	.header-contact {display:none;}
	
	nav {width:100%; float:none;}
	
	nav ul     { display: none; }
	nav select { display: inline-block; background: #fff; width: 300px; padding: 5px; font-size: 16px; border: 1px solid #ccc; height: 34px; margin:5px 10px;}
	
	aside {width:100%; max-width:300px; float:left;}
	
	.index-callouts li {display:block; margin:10px auto;}
	
	.page-content img {max-width:260px; margin:0px auto;}
	
	.fltrt {float:none; margin:10px auto;}
	
	.map {max-width:260px;}
   }
   
   /* 480px and greater */
   @media only screen and (min-width: 480px) {
	.wrapper {margin:0px auto;  width:960px;}
	
   }
   
   /* 768px and greater */
   @media only screen and (min-width: 768px) {
	   /* Styles here */
   }
   
   /* 1024px and greater */
   @media only screen and (min-width: 1024px) {
	   /* Styles here */
   }
   
   /* Retina screens */
   @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

.cimg img {
max-width: 500px;
}
.heading-spacing {
  display: block;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.styled-table {
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}


.styled-table thead tr {
border-bottom: 1px solid #dddddd;
    text-align: left;
  background-color: #f3f3f3;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}