@charset "UTF-8";
/* Design and CSS by Energy7 */


/* FONTS & COLORS */

.brownDk {color: #5C4203;}
.brownMd {color: #80662E;}
.brownLt {color: #A88D59;}
.blue    {color: #648FDF;}
.greenDk {color: #74986C;}
.greenLt {color: #B5D3AC;}
.red     {color: #9E332B;}

body {
	font: 100% Georgia, Times New Roman, Times, serif;
	line-height: 1.4em;
	background: #2f2201;
	background-image:url(/Portals/_default/Skins/TNG/images/BgLand.jpg);
	background-repeat: repeat-x;
	margin: 0; 
	padding: 0;
	color: #5C4203;
}

#container h1, h2, h3, h4, h5, h6, p {font-weight: normal; margin: 1.4em 30px 0; line-height: 1.4em; font: 100% Georgia, Times New Roman, Times, serif; color: #5C4203;}
#container h1 {font-size: 25px; font-style: italic; margin-left: 0px;}
#container h2 {font-size: 17px; margin-left: 0px;}
#container h3 {font-size: 14px; font-weight: bold;}
#container h4 {font-size: 12px;}
#container h5 {font-size: 11px;}
#container h6 {font-size: 10px;}
#container p, ul, ol, li  {font-size: 14px;}

.subhead {margin-bottom: -1em;}
.stretch {letter-spacing: 1px; font-size: 13px;}
.category {font-style: italic; font-weight: normal; border-bottom: 1px solid #A88D59; clear:both;}
.resource {margin-top: .5em;}


/* LINKS */

#container a {color:#c71303; text-decoration: none;}
#container a:hover {color:#c71303; text-decoration: underline;}

#container a.toggler {color: #c71303; text-decoration: none;}
#container a.toggler:hover {color: #c71303; text-decoration: none;}


/* LISTS */

#container ol {margin: 1.5em 30px 1.5em 0;}
#container ul {margin: 1.5em 30px 0 30px;}
#container ul.expand {list-style-image:url(/Portals/_default/Skins/TNG/images/plus.gif);}
#container ul.pointer {list-style-image:url(/Portals/_default/Skins/TNG/images/Pointer.gif); margin-left: 60px;}

#container li {margin-top: .5em;}

#container span.answer {color: #74986c;}


/* IMAGES */

#container div.floated {float: right; margin: 0 30px 15px;}

#container div.framed {float: right; margin: 0 30px 15px; border: 1px solid #A88D59; padding:0;}
#container div.framed img {border: 2px solid #80662e; margin:2px;}


/* STRUCTURE */

#container {width: 940px; margin: 24px auto; background-image:url(/Portals/_default/Skins/TNG/images/BgPaper.gif); background-repeat:repeat-y;}

#logoBox {width: 100%; margin: 0; height: 225px; background-image:url(/Portals/_default/Skins/TNG/images/BgPaperTop.jpg); background-repeat: no-repeat;}
#logoBox img {margin: 48px 0 22px 70px;}

#contentBox {width: 840px; margin: 0 50px;}

#container .clear {clear:both;}


/* CONTACTS PAGE */

.doubleOuter {width: 522px; margin: 0px auto; border: 1px solid #a88d59; text-align: center;}
.doubleInner {margin: 2px; border: 2px solid #80662e; padding-bottom: 30px;}


/* NAVIGATION */

.linkFrame {border: 1px solid #a88d59; padding: 1px; margin: 0 50px;}
.linkBox {margin: 0 20px 0 30px;}
#mainNav {width: 836px; height:26px; background-image:url(/Portals/_default/Skins/TNG/images/BgStripeDark.gif); text-align:center;}
#mainNav img {margin-top: 7px; border:0; }
#mainNav img.scroll {margin: 7px 9px 5px;}
#mainNav a {color:#FFFFFF; text-decoration: none;}
#mainNav a:hover {color:#FFFFFF; text-decoration: underline;}

#footBox {width: 100%; margin: 30px 0 0 0; height: 90px; background-color: #2f2201; background-image:url(/Portals/_default/Skins/TNG/images/BgPaperFoot.gif); background-repeat: no-repeat;}
#credit {text-align:center; background-color: #2f2201; margin:0;}
#credit h2 {font-size:10px; text-transform: uppercase; letter-spacing: 1px; margin:0; padding:1em;}
#credit h2 a  {color: #f8f9ec;}


/* FORMS */

form#join {width: 780px; margin: 20px 30px 10px 30px;}

form h3 {margin: 1.4em 4px .7em 4px; clear:both;}
form p {margin-left: 0;}
form small {float:left; font-size: 11px; display: block;}

form div {display: block; margin: 0px 0px 0px 0px; clear:both;}
form div.submit {margin-top: 15px; text-align: center;}

form fieldset {clear: both; border: 1px solid #5C4203; margin-top: 30px;}
form fieldset fieldset {border-color: #A88D59;}
form legend {margin: 0; padding: 0 5px; font-style: italic; font-size: 14px;}
form label {display: block; float: left; width: 180px; font-size: 14px;}
form label.checkbox {display: block; float: left; width: 680px;}
form label.checkbox input {margin-left:0;}
form input {display: inline; font-size: 12px;}
form select {font-size: 12px;}
form textarea {font-size: 12px; overflow: auto;}
form textarea.questions {width: 650px;}