/* ==========================================================================
   terra.css
   ========================================================================== */



/* ==========================================================================
   Structural Markup
   ========================================================================== */



/* Page background markup
   -------------------------------------------------------------------------- */

html, body { height: 100%; padding: 0; margin: 0; }

body {
	font-family: georgia, serif;
	font-size: 14px;
	background: #968c5e url(/themes/terra/page-bg.gif);
	background-position: center;
	color: black;
}

#page, #page-columnar {
	/* Sticky footer code courtesy of Ryan Fait
	   http://ryanfait.com/sticky-footer/ */
  height: auto !important;
	height: 100%;
  min-height: 100%;
	width: 1000px;
	margin: 0 auto -40px auto;
	background: white;
	/* background: white url(/themes/terra/content-bg.gif); */
}

#page-columnar {
	background: white url(/themes/terra/content-bg-col.gif);
}



/* Header markup
   -------------------------------------------------------------------------- */

#header {
	height: 89px;
	width: 1000px;
	margin: 0 auto 0 auto;
	background: #00264f url(/themes/terra/header.jpg) no-repeat;
	text-align: right;
	color: white;
}

#header a {
	color: white;
	text-decoration: none;
	border-bottom: 1px solid white;
	margin-left: 10px;
}



/* Main menu markup
   -------------------------------------------------------------------------- */

#menu, #menu-col {
	height: 40px;
	width: 1000px;
	margin: 0 auto 0 auto;
	background-position: center;
}

#menu { background: #432b15 url(/themes/terra/menu-bg.gif) no-repeat; }

#menu-col { background: #432b15 url(/themes/terra/menu-bg-col.gif) no-repeat; }

#menu ul, #menu-col ul {
	height: 40px;
	width: 476px;
	margin: 0 auto 0 auto;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#menu li, #menu-col li {
	float: left;
	background-repeat: no-repeat;
}

#menu a, #menu-col a {
	display: block;
	height: 37px;
	padding-top: 3px;
	color: white;
	text-decoration: none;
	border: none;
}

/* menu button faces - 5 buttons, 4 state combinations... */
/* ------------------------- Home Button ------------------------- */
#btn-home {
	width: 87px;
	background: #432b15 url(/themes/terra/btn-home.gif); }
#btn-home:hover {
	background-color: #83552a;
	background-position: 0 -40px; }
#btn-home-sel {
width: 87px;
background: #2f4320 url(/themes/terra/btn-home.gif) 0 -80px; }
#btn-home-sel:hover {
	background-color: #527538;
	background-position: 0 -120px; }

/* ------------------------- Staff Button ------------------------- */
#btn-staf {
	width: 79px;
background: #432b15 url(/themes/terra/btn-staf.gif); }
#btn-staf:hover {
	background-color: #83552a;
	background-position: 0 -40px; }
#btn-staf-sel {
	width: 79px;
	background: #2f4320 url(/themes/terra/btn-staf.gif) 0 -80px; }
#btn-staf-sel:hover {
	background-color: #527538;
	background-position: 0 -120px; }

/* ------------------------- Services Button ------------------------- */
#btn-svcs {
	width: 105px;
	background: #432b15 url(/themes/terra/btn-svcs.gif); }
#btn-svcs:hover {
	background-color: #83552a;
	background-position: 0 -40px; }
#btn-svcs-sel {
	width: 105px;
	background: #2f4320 url(/themes/terra/btn-svcs.gif) 0 -80px; }
#btn-svcs-sel:hover {
	background-color: #527538;
	background-position: 0 -120px; }

/* ------------------------- Projects Button ------------------------- */
#btn-proj {
	width: 103px;
	background: #432b15 url(/themes/terra/btn-proj.gif); }
#btn-proj:hover {
	background-color: #83552a;
	background-position: 0 -40px; }
#btn-proj-sel {
	width: 103px;
	background: #2f4320 url(/themes/terra/btn-proj.gif) 0 -80px; }
#btn-proj-sel:hover {
	background-color: #527538;
	background-position: 0 -120px; }

/* ------------------------- Contact Button ------------------------- */
#btn-cont {
width: 102px;
background: #432b15 url(/themes/terra/btn-cont.gif); }
#btn-cont:hover {
	background-color: #83552a;
	background-position: 0 -40px; }
#btn-cont-sel {
	width: 102px;
	background: #2f4320 url(/themes/terra/btn-cont.gif) 0 -80px; }
#btn-cont-sel:hover {
	background-color: #527538;
	background-position: 0 -120px; }



/* Content area markup
   -------------------------------------------------------------------------- */



/* 10px = width of page shadow */
#content { margin: 0 10px 0 10px; padding: 0 20px 0 20px; }

#nav-col {
	float: left;
    width: 196px;
	padding: 0 20px 0 20px;
}

#main-col {
    float: left;
    width: 700px;
	margin: 0 10px 0 10px;
	padding: 0 20px 0 20px;
}



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



#push { clear: both; height: 40px; }

#footer {
	width: 1000px;
	margin: 0 auto 0 auto;
}

#footer-inner, #footer-inner-col {
  height: 23px;
	width: 1000px;
	margin: 0 auto 0 auto;
	padding-top: 17px;
	background-position: center;
	color: white;
	text-align: center;
	font-size: 12px;
}

#footer-inner {
	background: #00264f url(/themes/terra/footer.gif) no-repeat;
}

#footer-inner-col {
	background: #00264f url(/themes/terra/footer-col.gif) no-repeat;
}


/* ==========================================================================
   General Markup
   ========================================================================== */


a {
	text-decoration: none;
	border-bottom: 1px dashed #00297a;
	color: #00297a;
}

a:visited {
	border-bottom: 1px dotted #44567a;
	color: #44567a;
}

a img { border: none; }

/* Don't color or underline navigation anchors */
a.nav { color: black; border-bottom: none; }

p { margin: 15px 0 15px 0; text-align: justify; }

h1, h2, h3, h4, h5, h6 { margin: 15px 0 15px 0; }
h2 { font-size: 21px }
h3 { font-size: 16px }
h4 { font-size: 14px }
h5 { font-size: 12px }

ul { margin-left: 15px; padding-left: 0 }

dt { font-weight: bold; margin-top: 15px }
dd { margin-bottom: 15px }



/* ==========================================================================
   Class Markup
   ========================================================================== */



/* Images:
   -------------------------------------------------------------------------- */



.img-cntr {
	display: block;
	margin: 15px auto 15px auto;
	text-align: center;
}

.img-cntr-caption {
	font-style: italic;
	text-align: center;
	margin: 0 1em 0 1em;
}


.img-rt {
	margin-left: 15px;
	padding: 0;
	float: right;
}

.img-lt {
	margin-right: 15px;
	padding: 0;
	float: left;
}

.triple-img-row {
    text-align: center
}
.triple-img-row img:first-child {float: left;}
.triple-img-row img:last-child {float: right;}
.triple-img-row img { margin: 15px auto}


/* Suppress link underlining so that "anchored" images don't get
 * underlined */
.img-cntr a, .img-rt a, .img-lt a, .img-cntr-caption a {
	border: none;
}

/* Various kinds of lists:
   -------------------------------------------------------------------------- */



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

	.nav-list li { margin: 10px auto 10px auto; text-indent: -15px; }

	.nav-list h4 { margin: 0; }

.outline {
	margin: 0;
	padding: 0;
	text-align: justify;
}

ul.outline {
	list-style-type: none;
}

.outline li { margin: 0.5em 0 0.5em 0; }

.outline .outline { margin-left: 15px; }


.fmi-list {
	list-style-image: url(/img/widget/fmi-bullet.gif);
}
	.fmi-list li { margin: 8px 15px 8px 30px; padding-left: 5px;}



/* Informational visual "hints" for tech articles, etc.
   -------------------------------------------------------------------------- */



.code, .scrollcode, .dir-listing {
	font-family: "courier new", monospace;
	background: #e0ffe0;
	color: #006000;
	padding: 0 2px 0 2px;
	border: 1px dotted green;
}

.scrollcode { overflow: scroll }

.dir-listing {
	list-style-type: none;
}

.dir-listing ul {
	margin: 0;
	padding-left: 30px;
	list-style-type: none;
}

.critical { color: red; }



/* Temporary styles for website revision and construction
   -------------------------------------------------------------------------- */



.fixme { color: red; }

.greeked { font-style: italic; color: #808080; }

.greeked-quote {
		clear: both;
		margin: 15px 30px 15px 30px;
		padding: 5px;
		background: #e0ffe0;
		border: 1px dotted #008000;
		color: #608060;
		font-style: italic;
	}