/* ===== Top Tech Tidbits CSS ===== */

@charset "UTF-8";

/*
Mind Vault Solutions, Ltd. Website CSS
CSS Positioning Version
by Aaron Di Blasi
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #GLOBALCOLORS
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*
#333333 - Global Font Color
#333333 - Global Link Color
#000000 - Black
#FFFFFF - White
*/

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #LIMITEDRESET PLUS GLOBAL STYLING
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a, b, address, article, aside, blockquote, body, canvas, div, em, figure, font, footer, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, img, li, main, nav, ol, p, section, span, strong, summary, table, td, th, time, tr, ul, video {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	line-height: 1.2em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #HTML5 #BLOCKLEVEL ASSURANCE
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

address, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
	display: block;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #GLOBALSTYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

body {
    background-color: rgb(202,104,70);
	background-image: url(images/sitebg2_at60.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #333333;
}

p {
    margin: 1em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
}

hr {
    margin: 1em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
}

table {
    border-collapse: collapse;
}

form {
    margin: 1em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #CLASS STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

p.nomargin {
    margin: 0;
	padding: 0;
	border: 0;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ GLOBAL #LINK STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

a:link, a:visited {
	color: #333333;
	text-decoration: underline;
} /* ===== Global Link Styles ===== */

a:hover, a:active {
	color: #333333;
	text-decoration: none;
} /* ===== Global Link Styles on Hover ===== */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #HEADING STYLES (H1, H2, H3, H4 and H5)
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

h1 {
	font-size: 1.6em;
	color: #333333;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;
} /* ===== Global H1s ===== */

h1.h1-page-title {
	font-size: 1.6em;
	color: #333333;
	text-decoration: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;
} /* ===== H1 Page Title  ===== */

a:link.h1-page-title-link, a:visited.h1-page-title-link {
	color: #333333;
	text-decoration: none;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;
} /* ===== H1 Page Title Link ===== */

a:hover.h1-page-title-link, a:active.h1-page-title-link {
	color: #333333;
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	border: 0;
	text-decoration: underline;
} /* ===== H1 Page Title Link on Hover ===== */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #POSITIONING STYLES FOR MAIN PAGES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

div#box1 {
    width: 956px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 1 = Main Site Container. Contains boxes #1A | #2, #3 (#4, #5, #6, #7, #8), #9 | #10) ===== */

div#indexBox1 {
    width: 960px;
    margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 1 = Main Site Container. ===== */

header#mainHeader {
    width: 956px;
	height: 431px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 1A = Header Graphic Container) ===== */

div#box2 {
	float: left;
    width: 31px;
    margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 2 = Left Transparent Border) ===== */

div#box3 {
	float: left;
    width: 892px;
	background-color: #FFFFFF;
	margin: 0;
	padding: 0;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
} /* ===== (Box 3 = Container Row Container. Contains boxes #4, #5 (LeftNav), #6, #7 (Content), #8 ===== */

div#box4 {
	float: left;
    width: 46px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 4 = Spacer Between Left Transparent Border and leftNav) ===== */

div#box5 {
	float: left;
    width: 200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 5 = leftNav) ===== */

#box5 p {
	color: #333333;
	margin: 0.5em 0em 0.5em 0em;
	line-height: 1.3em;
} /* ===== #box5 Paragraphs ===== */

div#box6 {
	float: left;
    width: 46px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 6 = Spacer Between leftNav and mainContent) ===== */

main#mainContent {
	float: left;
    width: 553px;
	color: #333333;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 7 = mainContent) ===== */

div#box8 {
	float: left;
    width: 46px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 8 = Spacer Between mainContent and Right Transparent Border) ===== */

div#box9 {
	float: left;
    width: 31px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 9 = Right Transparent Border) ===== */

footer#pageFooter {
	clear: both;
    width: 956px;
	height: 76px;
	margin: 0;
	padding: 0;
	border: 0;
} /* ===== (Box 10 = Footer) ===== */

div#fixedBackground {
position: absolute;
z-index: -10;
top: 400px;
left: 50%;
width: 894px;
height: 200px;
background-color: #FFFFFF;
margin-top: -100px; /* Negative half of height. */
margin-left: -447px; /* Negative half of width. */
padding: 0;
border: 0;
} /* ===== (White Background Behind Main Site Container) ===== */


/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #MENU STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


nav ul {
	list-style: none;
}

nav hr {
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	color: #333333;
	width: 100%;
}

/* ==================================================
mainMenuItem
==================================================== */

a:link.mainMenuItem, a:visited.mainMenuItem {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	display: block;
	padding: 0.3em 0em 0.3em 0em;
	margin: 0.3em 0em 0.3em 0em;
	line-height: 1.4em;
} /* ===== Main Menu Item Link ===== */

a:hover.mainMenuItem, a:active.mainMenuItem {
	font-family : Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	background-color: #333333;
	display: block;
	padding: 0.3em 0.3em 0.3em 0.3em;
	margin: 0.3em 0em 0.3em 0em;
	line-height: 1.4em;
} /* ===== Main Menu Item Link (Over) ===== */

a:hover.mainMenuItem::before, a:active.mainMenuItem::before {
	content: "\00279C\00020";
} /* ===== Main Menu Before Menu Item Pseudo Class ===== */

a:hover.mainMenuItem::after, a:active.mainMenuItem::after {
	content: "";
} /* ===== Main Menu After Menu Item Pseudo Class ===== */

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #CLEARFIX STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.clearfix:before,.clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}

.clearfix:after {
clear: both;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ #CLASS #LINK STYLES
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.dont-break-out {

width: 553px;

  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;

  /* Instead use this non-standard one: */
  word-break: break-word;

}

a.newsarchive { font-size : 1em; color: #FFFFFF; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight : bold; text-decoration : none;}
a:link.newsarchive { font-size : 1em; color: #FFFFFF; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight : bold; text-decoration : none;}
a:visited.newsarchive { font-size : 1em; color: #FFFFFF; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight : bold; text-decoration : none;}
a:hover.newsarchive { font-size : 1em; color: #FFFFFF; font-family : Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight : bold; text-decoration : underline;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
ZZZ THE END
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */