/* grid background */
body {
 background-image: url("/jerome/img/ui/pattern1.png");
 background-color: #000000;
 color: white;
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

/* Standard Stuff */
table, tr, th, td {
	border: 0;
}

footer {
	text-align: center;
	font-size: small;
}

img { 
	width: auto;
	height: auto;
	border: 0;
	
}

img.imgMed {
	max-width:200px;
	padding: 20px;
	
}

img.inflowLeft { 
	float: left;
	padding: 20px;
	width: 20%;
	height: auto;
	border: 0;
}


p { 
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	text-align: justify;
	max-width: 800px;
	font-weight: normal;
}

h2 {

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 22px;
	margin: 20px;
}

h3 {

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 18px;
	margin: 20px;
}

h4 {

	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	padding: 14px;
	margin: 20px;
	color: cyan;
}

/* Download Display */


#outer {
	width: 90%;
	height: 90%;
	overflow: auto;
}

.inner {
	float: left;
	width: 200px;
	height: 600px;
	margin: 20px;
}

/* Download Box */
th.marquee {
	border-top: 2px dotted cyan;
	border-left: 2px dotted cyan;
	padding: 5px;
}

td.marquee {
	border-bottom: 2px dotted cyan;
	border-right: 2px dotted cyan;
	font-size: 12px;
	padding: 5px;
}
table.marqueeHeight {
	height: 100%;
}

table.sectSelect {
	width: 150px;
	text-align: center;
}

td.description {
	font-size: 12px;
	text-align: center;
}

/* Column 1 /* Decorative for the 3D Design Program Look */


.fake3D {
	border-right: 3px solid #999999;
	border-bottom: 3px solid #999999;
	width: 150px;
	
	
}

.fake3DPic {
	border-right: 3px solid #999999;
	width: 150px;
}

/* Column 2 */
.col-container {
	display: table;
	width: 100%;
}

.col {
	display: table-cell;
}

.col2 {
	column-count: 2;
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
}

.col3 {
	column-count: 1;
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
	width: 100%;
}



/* dynamic boxes flex container */
.flex-container {
  display: flex;  
	display: -webkit-flex; /* Safari */
  	-webkit-flex-flow: row; /* Safari 6.1+ */
	flex-direction: row;
	justify-content: left;
  align-items: flex-start;
}


/* BEGIN TOP NAV BAR */
.navbar {
  overflow: hidden;
  background-color: #333;
}

/* Navigation links */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav a:hover, .subnavbtn {
  background-color: #666666;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: #666666;
  width: 100%;
  z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: black;
  color: cyan;
	border: 1px dotted cyan;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}

/* END NAVIGATION BAR */


/* Four Row table set-up for image and download display */
table.downloads {
	border: 0;
	padding: auto;
	margin: 30px;
	align-self: center;
	text-align: center;
}

p.credit {
}

/** Mesh Download Title Row **/
.pageTitle {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 22px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 20px;
	
}

.pageDescription {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-family: 14px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin: 20px;	
}

.dlTitle {
	border-top: 2px dotted cyan;
	border-left: 2px dotted cyan;
}
/* END Four Row table set-up for image and download display */

/* Signature for posting author */
p.author { 
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	text-align: left;
	font-size: 20px;
	border-bottom: 2px dotted cyan;
	padding-bottom: 10px;

}


/* unvisited link */
a:link {
  color: white;
}

/* visited link */
a:visited {
  color: lightgrey;
}

/* mouse over link */
a:hover {
  color: greenyellow;
}

/* selected link */
a:active {
  color: cyan;
}

ol {
	line-height: 30px;
}

dl {
	line-height: 24px;
	border-style: solid;
	border-color: lightgrey;
	margin: 20px;
	padding: 15px;
}

/* Text paragraph sizes to avoid wall of text */
.medBox {
	line-height: 24px;
	border-style: solid;
	border-color: lightgrey;
	margin: 20px;
	padding: 15px;
	width: inherit;
}


.lgBox {
	line-height: 24px;
	border-style: solid;
	border-color: #333333;
	margin: 20px;
	padding: 30px;
	width: 600px;
	font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
	text-align: justify;
}

.boxt {
	border-style: solid;
	border-color: lightgrey;
	margin-top: 0;
	padding-top: 0;
	margin-left: 20px;
	padding-left: 15px;
	border: 0;
}



/* align image right of paragraph */

.right {
  float: right;
  border: 0;
  padding: 10px;
}

/* align image left of paragraph */

.left {
  float: left;
  border: 0;
  padding: 10px;
}

/* Display Flags */

div.flag {
	min-width: 150px;
	max-width: 300px;
	border-bottom: 2px dotted cyan;
	border-right: 2px dotted cyan;
	margin: 20px;
}

img.flag1 {
	border: 0;
	width: 65px;
	height: 44px;
}

img.flag2 {
	border: 0;
	width: 131px;
	height: 44px;
}

p.flagLang {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12px;
	
	line-height: 30px;
	padding: 10px;
}

/* Display Downloads */

div.dlBox {
	min-width: 150px;
	max-width: 300px;
}

img.dlBoxDescription {
	border: 0;
	width: 65px;
	height: 44px;
}

img.dlBoxImg {
	border: 0;
	width: 131px;
	height: 44px;
}

p.dlCredit {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 12px;	
	line-height: 30px;
	padding: 10px;
}


/* Replacing */
.row {
  width: 100%;
  margin: 0 auto;
	
}
.block {
  width: 150px;
  float: left;
}


/*  NOT USED */

/* body mesh background 
.bmesh {
 background-image: url("/jerome/img/banners/bgmesh.png");
background-repeat: no-repeat;
 background-color: #000000;
 color: white;
 font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
}

/* Navigation Old 
div.mainNav {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	text-align: right;
	width: 100px;
	line-height: 30px;
	font-weight: 500;
	margin: 20px;
	padding: 15px;
}

end Navigation Old */

/* NOT USED */