/* *****************************************|
| Cascading Style Sheets by Dante Joseph	|
| Web Design by Dante Joseph --				|
| custom websites at affordable prices		|
| ******* www.DanteJoseph.com ********		|
|*******************************************/

body { background-color: #1D4A73; text-align: center; font-family: arial; }

a.no-decoration, a.no-decoration:link {text-decoration: none;}

ul { list-style-type: none; }
ul.square { list-style-type: square; list-style-position: inside; }

ol { margin: -5px 0 5px 2em; list-style-position: inside; }

li.none { list-style-type: none; }

h2 { font-family: 'Times New Roman'; margin: 0; }
h2.normal { font-style: normal; }

h3, h4, h5, h6 { margin: 5px; }

p { margin: 8px; font-size: 95%; }
p:first-letter { font-size: 150%; margin: 0 0 0 10px; }
p.normal:first-letter { font-size: 95%; }

p span.quote {font-size: 2em;}
.signature {font-family: 'Kaushan Script', cursive; font-size: 1.5em;}

.italic { font-style: italic; }
.bold { font-weight: bold; }

.no-margin { margin: 0; }

.left { text-align: left; }
.float-left { margin: 0; float: left; }

.right { text-align: right; }
.float-right { margin: 0; float: right; }

.center { text-align: center; }
.center-me { margin: 0 auto; width: 100%; text-align: center; }

/* for non-visible text */
.noText {display: none;}

img.framed { 
border: 2px solid black; 
-moz-box-shadow: 2px 2px 2px 0 #666666;
-webkit-box-shadow: 2px 2px 2px 0 #666666;
box-shadow: 2px 2px 2px 0 #666666;
}

img a {border: 0;}

.sidebar-image { width: 100%; text-align: center; margin: 10px auto }

.clear { clear: both; }

.question { background-color: #FFFF99; }
.answer { background-color: #CCFFFF; }

#content { width: 100%; margin: 0; background-color: #FFFCC4; }
/*
div#containerContainer > div#container1 > div#content > h1 {background-color: #569DEF !important; color: #FFFCC4 !important; padding-bottom: 0.5em !important; margin-bottom: 0 !important;}
*/

#containerContainer { width: 940px; /* background-color: #270913; */ background-image: URL('../images/ShadowBkg.jpg'); background-repeat: repeat-y; margin: 0 auto; padding: 0; }

#container1 { 
width: 900px;
min-height: 724px;
border: 4px double white;
margin: 0 auto;
padding: 0;background-color: #569DEF;
-webkit-box-shadow: 0 12px 8px -6px black;
-moz-box-shadow: 0 12px 8px -6px black;
box-shadow: 0 12px 8px -6px black;
}

#topBanner { margin:0; border-style: none none solid none; border-width: 2px; border-color: white; position: relative; } /*background-image: URL('../images/Header_bkg.jpg'); background-repeat: no-repeat;*/

#topBanner img {width: 100%; height: auto;}

.placard {border: 0; position: absolute; bottom: 5px; right: 5px; z-index: 5;}

#upperNav { font-weight: bold; text-align: center; width: 100%; padding: 5px 0; margin: 0; background-color: #374343; color: white; border-style: none none solid none; border-width: 2px; border-color: white; }
 #upperNav a { margin: 0 1em; /*color: #2B669F;*/ padding: 0 5px; }

.selected { background: #FFFCC4; font-weight: bold; text-decoration: none; }

div#upperNav a:link, div#upperNav a:visited { text-decoration: none; color: white; }
div#upperNav a:hover { color: #2B669F; background: #FFFCC4; padding: 0 1.5em; margin: 0 -0.2em }
div#upperNav a:active { color: green; }

.LitemBox { 
border: 2px solid #2B669F; 
margin: 0; 
padding: 5px; 
background-color: #DCDCDC;/*#FFFCC4*/ 
text-align: justify;
font-size: 90%;
font-style: italic; 
-moz-box-shadow: 2px 2px 2px 0 #666666;
-webkit-box-shadow: 2px 2px 2px 0 #666666;
box-shadow: 2px 2px 2px 0 #666666;
}
.LitemBoxTop { background-color: #3580C7/*#2B669F*/; border-style: none none solid none; border-width: 1px; border-color: #472D2B; color: /*#FFFCC4*/ #fff; margin: -4px -4px 5px -4px; padding: 5px; font-family: 'Times New Roman'; }
.LitemBox ul {list-style-type: square; margin: 5px 0; text-align: left;}
.LitemBox ul li {margin: 5px 0 5px -1em;}

.CitemBox { 
border: 2px solid #2B669F; 
margin: 5px 5px 10px; 
padding: 5px 5px 10px; 
background-color: white; 
text-align: left; 
-moz-box-shadow: 2px 2px 2px 0 #666666;
-webkit-box-shadow: 2px 2px 2px 0 #666666;
box-shadow: 2px 2px 2px 0 #666666;

}
	.CitemBox ul { margin: 15px 0; }
	.CitemBox li { list-style-type: square; margin: 5px 0; }
	.CitemBox li.none { list-style-type: none; }

.CitemBoxTop { 
background-color: #3580C7; 
border-style: none none solid none; 
border-width: 1px; 
border-color: #472D2B; 
color: white; 
margin: -4px -4px 5px -4px;
padding: 5px; 
font-family: 'Times New Roman'; 
}


#QAtop table {border: 0;}
#QAtop td {padding: 5px 2px; border-bottom: 1px dotted;}
#QAtop td.left {width: 25%;}

.QA {margin: 5px auto;}
/*
.CitemBox > #QA ul {margin-left: 0;}
.CitemBox > #QA li {margin-left: -1em;}
*/
.QA ul {margin-left: 0;}
.QA li {margin-left: -1em;}

#leftCol { border-style: none solid none none; border-width: 1px; width:250px; padding: 5px; margin: 0; float: left; border-color: #1D4A73; }
  div#leftCol a:link, div#leftCol a:visited { text-decoration: underline; color: black; }
  div#leftCol a:hover { color: green; }
  div#leftCol a:active { color: red; }

#centerCol { width: 638px; margin: 0; padding: 0 0 20px; background-color: #FFFCC4; float: left; /*min-height: 99.2em;*/ }
  div#centerCol a:link, div#centerCol a:visited { text-decoration: underline; color: black; }
  div#centerCol a:hover { color: blue; }
  div#centerCol a:active { color: green; }

#centerCol a.editorial:link, #centerCol a.editorial:visited { text-decoration: none; }
#centerCol a.editorial:hover { text-decoration: underline; color: #1D4A73; }  
  
#media-screen-about  {display: none;}
  
#footer { background-color: #374343; border-color: white; border-style: solid none none; border-width: 2px; color: white; font-size: 90%; padding: 5px; text-align: center; /*width: 890px;*/ }

  div#footer a:link, div#footer a:visited { text-decoration: none; color: white; }
  div#footer a:hover { color: #569DEF; text-decoration: underline;  }
  div#footer a:active { color: red; }

	.footer #footer ul li {list-style-type: none; display: inline; padding: 0 0.5em; border-right: 1px solid;}
	.footer #footer ul li:last-child {border-right: none;}
  
  #footer span { font-style: italic; font-size: 85%; }

#dante { margin: 2em auto; font-size: 90%; font-family: Times New Roman; font-style: italic; font-weight: normal; color: white; text-decoration: none; text-align: center; }
  #dante a:link, a:visited { text-decoration: none; color: white; }
  #dante a:hover { color: #FBF0A1; }
  #dante a:active { color: red; }

/* Media Queries */
@media screen and (max-width: 936px) {
	#containerContainer, #container1 {width: 98%; max-witdh: 936px; background-image: none;}
	#content {}
	#leftCol {display: none;}
	#centerCol {width: 97.5%; padding: 0; margin: 0 auto;}
	.CitemBox {width: 99.75%;}
	#media-screen-about {display: initial;}
	#media-screen-about .LitemBox {width: 96%; margin: 0 auto;}
	#media-screen-about .LitemBox a {color: initial;}
}

@media screen and (max-width: 767px) {
	#content, #containerContainer, #container1, #topBanner{ width: 99%; max-width: 940px;}
	#upperNav {width: 98%; padding: 0.5em 0.25em; margin: 0.25em 0;}
	#container1 {box-shadow: none;}
	#leftCol, #centerCol, .CitemBox, .LitemBox {width: 98%;}
	.footer, #footer {padding: 1em;}
	.footer #footer ul {margin-left: -40px;}
	.footer #footer ul li a  {font-size: 90%;}
	
}


@media screen and (max-width: 640px) {
	#upperNav a.home:link, #upperNav a.home:visited {line-height: 2em;}
	.footer #footer ul {margin: 0; padding: 0;}
	.footer #footer ul li{display: block; margin: 1em; padding: 0; background: #ccc; border-radius: 0.5em; border-right: none;}
	.footer #footer ul li a {color: #374343; padding: 0.5em; line-height: 2; display: block;}
	.footer #footer ul li a:hover {background: #569def; color: #fff; border-radius: 0.5em; }
}