/* ----------------------------------------------------------
Project Name: MilitaryRecruitingTruth.us
Author: James Branum
Version: 1
Last Changed: October 27, 2019

Origin notes: Original stylesheet adapted by one from AJY. New stylesheet primarily by JMB

Pacific Project Colors:
	Light Violet (background): #E6E6FA
	Box-shadow: #666
	Background: #FFF
	h3: #003
	wrapper background: sky blue #90C7E3
	Nav A visited: #90C7E3 background
	Nav A hover: #39C background, text color: #666
	Alternate table rows (background color): #F5FAFC Light-Blue
						
Typography:
	body: "Arial, Verdana, Helvetica, sans-serif"
---------------------------------------------------------- */

/* global structure styles */
/* ######################################## */
/* GLOBAL SITE FONT STYLES */

body {background-color: #FFF;
	color: #666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif}


img { border:0;}

header, nav, main, footer {display: block;}

div {display: block;}

p {color : black; font-family : 'Arial'; font-size : medium; font-style : normal; line-height: 18px; text-align : justify;}

li {color : black; font-family : 'Arial'; font-size : medium;}

h1 {color : black; font-family : 'Arial'; font-weight : bold; font-variant : small-caps; }

h2 {color : black; font-family : 'Arial'; font-style : italics; }

h3 {font-family: 'Arial'; font-size: 16px;}

.note {background-color : #ffff00;}

p.serif, td.serif, .serif, a.serif {font-family : 'Arial'; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; font-style : normal; line-height: 18px; text-align : justify;}

p.sanserif, td.sanserif, .sanserif, a.sanserif {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style : normal; line-height: 120%; text-align : justify; color : black; }

.smallertext {font-size:70%}


/* --------------- Wrapper: --------------- */
.wrapper {background-color: #90C7E3;
	min-width: 700px;
	max-width: 1024px;
	margin-left: auto;
	box-shadow: 3px 3px #666666;
	margin-right: auto;
	width: 60%;}

/* --------------- Nav: --------------- */

nav {font-weight: bold;
	padding: 5px;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 10px;
	width: 160px;
	background-color: #FFF;
	margin-left: 10px;}
	
nav a {text-decoration: none;
		display: block;
		text-align: center;
		padding: 10 px;
		border: 2px outset #CCC;
		color: #000;
		background-color: #CFD4CF;}
/* Old background-color: 90C7E3 9933000 too dark  */
	
	
nav a:visited {background-color: #CFD4CF;
				color: #000;}

nav a: hover {background-color: 90C7E3;
		border: 2px inset #666;
		color: #000;}
	
nav ul 	{list-style-type: none;
		margin:0;
		padding-left:0;}


/* --------------- Video: --------------- */

.video {padding: 5px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	width: 45%;
	background-color: #FFF;
	margin-left: 10px;}


/* --------------- Headings: --------------- */

header {background-image: url("graphics/Scorpion-W2-Pattern.jpg"); background-color: #CFD4CF; color: #FFFFFF; font-family: Georgia, Palotino, "Times New Roman", Serif; line-height: 200%; margin-left: auto; margin-right:auto; padding: 20px}

/* --------------- Main: --------------- */

main {background-color: #FFF;
	margin-left: 200px;
	margin-right: 240px;
	padding-top: 1px
	padding-bottom: 1px;
	padding-left: 20px;
	padding-right: 20px;}
	
main#mobile {display-none;}
	
main#desktop {display:inline;}

main img {float: left;
	padding: 0px 20px 20px 0;}

main ul {list-style-position: inside;}


dt {color: #000033;
	font-weight: bold;}

.resort {color: #000033;
	font-size: 1.2em;}

/* --------------- Table: --------------- */

table {margin-left: auto;
    margin-right: auto;
	border: #39c;
	width: 90%
	border-collapse: collapse}
	
th {padding: 5px;
	border: 1px #39C;}

td {padding: 5px;
	border: 1px #39C;
	text-align:center;}

.text {text-align: left;}

tr:nth-of-type(even) {background-color:#F5FAFC}

/* --------------- Footer --------------- */

footer {
	background-color: white;
	font-size: .70 em;
	font-style: italic;
	text-align: center;
	padding: 10px;
	margin-left: 170px;
}




/* ----------------------  Smartphone Media Query ---------------------- */

@media only screen and (max-width:768px){
	
		h1 {height: 100%;
			font-size: 1.5em;
			padding-left: 0.3em;}
	
		nav {padding:0;}
	
		footer {margin-left:0}
	
		nav a {display: block;
			padding: 0.2em;
			font-size: 1.3em;
			border-bottom: 1px #300;}
	
		nav ul {margin: 0;
			padding:0;}
	
		nav li {display: block; 
			margin: 0;
			padding: 0;
			font-size: 0.85em;}
	
		main {padding-top: 0.1em;
			padding-bottom: 0.1em;
			padding-right: 0;
			padding-left: 0.4em}
		
		main img {display: none;
			padding-right:0;}
		
		main ul {list-style-position: outside;}
	
		footer {padding:0;}
	
		navBottom {display: none;}
	
		#mobile {display:inline;}
		
		#desktop {display: none;}
	}






/* Old AJY stuff starts here - keeping for possible future use */


/* ######################################## */
/* GLOBAL SITE LINKS STYLES */

A:link, A:visited, A:active {text-decoration : none; COLOR: black; FONT-WEIGHT: bold; }

A:hover {COLOR: #339966; text-decoration : underline; }

A.nobold:link, A.nobold:visited, A.nobold:active {text-decoration : none; FONT-WEIGHT: normal; }

A.nobold:hover {text-decoration : underline; FONT-WEIGHT: normal; }

A.small-link:link, A.small-link:visited, A.small-link:active {font-size: 10px; text-decoration : none; FONT-WEIGHT: normal; }

A.small-link:hover {text-decoration : underline;}

A.rt:link, A.small-link:visited, A.small-link:active, A.rt:visited {font-size: 12px; COLOR: #840000; text-decoration : none; FONT-WEIGHT: normal;}

A.rt:hover {text-decoration : underline; COLOR: #840000; }


/* ######################################## */
/* SITE FOOTER */

A.footermenu:link, A.footermenu:visited, A.footermenu:active {
font-style : normal; font-weight : normal; font-size :10px; 
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; color : #339966; text-decoration : none; text-transform : uppercase;
}

A.footermenu:hover {font-style : normal; font-weight : normal; font-size : 10px; font-family :  Verdana, Geneva, Arial, Helvetica, sans-serif; color : #28A629; text-decoration : none;

}

.footerfont {font-family : Verdana, Geneva, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-style : normal; 
line-height: 15px;
color : #7C7156;
}



/* ######################################## */
/* GLOBAL SITE INPUT STYLES */

input, button, select {  
font-size: 12px;
}

input.button {
text-align: center;
}

input.line
{
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width : 100px;
}

input.sideinputbox
{
font-size: 10pt;
font-family: verdana, helvetica, sans-serif;
width : 120px;
}



/* ######################################## */
/* NEWS SYSTEM */


.title {
   font-style : normal; 
font-weight : normal; font-size : 22px; font-family :  Georgia, Times, "Times New Roman", serif;  color : #009933; 
}

.smalltitle {
   font-style : normal; font-weight : bold; font-size : 15px; font-family : Arial, Helvetica, sans-serif; color : #EF7600; 
}

.front-title {
   font-style : normal; font-weight : bold; font-size : 12px; font-family : Arial, Helvetica, sans-serif; 
}

.front-smalltitle {
   font-style : normal; font-weight : bold; font-size : 10px; font-family : Arial, Helvetica, sans-serif;
   color : #21A465; 
}

.summary {
   font-style : normal; font-weight : normal; font-size : 11px; font-family : Arial, Helvetica, sans-serif; color : black; /* line-height: 14px; */
}

.contact {
   font-style : normal; font-size : 11px; font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
   color : black;
}

.cutline {
font-style : italic;
font-weight : normal;
font-size : 20px;
font-family : TIMES NEW ROMAN, GEORGIA, TIMESf;
color : black;
padding-left : 5px;
padding-right : 5px;
}

.imagecaption {
font-style : normal;
font-weight : bold;
font-size : 10px;
font-family : Arial, Helvetica, sans-serif;
color : Gray;
}
.padding {
line-height: 14pt;
padding: 5px;
}

.red {
color: #DD0000;
}
.messageserif {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 10pt; 
font-style : normal; 
line-height: 120%;
}

img.left 
{
float:left;
border: 1px solid black;
margin: 3px 5px 3px 0;
}


li.leaf {
list-style-image:url(http://www.gypsyresort.com/okgreens/images/article.gif); 
margin:0; padding:0 0 5px 0; 
line-height:100%;"
}