@charset "UTF-8";

html { background: #fff url(../_images/blue-angle-stripe2.png); margin: 0; padding: 0; }
body { margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #333; font-size: 100.01%; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

h1, h2, h3, h4, h5, h6, p, ul, ol, blockquote, dl, address { margin: 0px; padding: 0px; }
.twoColFixLtHdr #container { width: 900px; margin: 20px auto 0; text-align: left; /* this overrides the text-align: center on the body element. */ padding: 0; } 
.twoColFixLtHdr #header { 20no-repeat) no-repeat; padding: 0; height: 196px; background: url(../_images/header.png) no-repeat; width: 900px; } 
.twoColFixLtHdr #header h1 { text-indent: -9999px; font-size: 0.01px; }
.twoColFixLtHdr #sidebar { float: left; /* since this element is floated, a width must be given */ width: 230px; background: url(../_images/sidebar.png) no-repeat; height: 921px; }

.twoColFixLtHdr #container #sidebar h3 { text-indent: -9999px; }

.twoColFixLtHdr #container #sidebar ul  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: .85em; text-align: left; font-variant: normal; font-style: italic; margin: 30px 0px 0px; padding: 0px 0px 0px 15px; font-weight: bold; line-height: 36px; list-style: none; list-style-type: none; }
.twoColFixLtHdr #container #sidebar li a:link, .twoColFixLtHdr #container #sidebar li a:visited { color: #333; text-decoration: none; padding: 0 0 0 15px; background: #C00 url(../_images/ling-bkgd-red.png) repeat-x; width: 175px; height: 35px; display: block; margin-top: 15px; list-style: none; border-left: 2px solid #000; border-right: 2px solid #000; }
.twoColFixLtHdr #container #sidebar li a:hover, .twoColFixLtHdr #container #sidebar li a:active{ color: #630; text-decoration: none; background: #F90 url(../_images/ling-bkgd-gold.png) repeat-x; padding: 0px 0em 0px 15px; width: 175px; display: block; margin-top: 15px; list-style: none; }
.twoColFixLtHdr #mainContent { margin: 10px 0 0 233px; width: 660px; background: #fff url(../_images/maincontent-bkgd-tiled.jpg) repeat-y; border: 2px solid #999; } 

.twoColFixLtHdr #container #mainContent h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.6em; font-weight: bold; color: #000; margin: 10px 0 0 20px; padding: 10px 0 0 0; text-shadow: #ccc 2px 2px 2px; }
.twoColFixLtHdr #container #mainContent img  { margin-top: 15px; height: 89px; width: 364px; margin-bottom: 10px; }

.twoColFixLtHdr #container #mainContent h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.1em; font-style: italic; font-weight: bold; color: #D3000C; margin: 0px 0px 0px 20px; }

.twoColFixLtHdr #container #mainContent p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.85em; line-height: 1.3em; margin: 0px 10px 0px 30px; }

.twoColFixLtHdr #container #mainContent p strong { color: #009; text-decoration: none; }

.twoColFixLtHdr #container #mainContent #join { font-family: "Arial Black", Gadget, sans-serif; font-size: 0.85em; color: #D3000C; text-align: center; line-height: 1.6em; }
.twoColFixLtHdr #footer { padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */ background:transparent url(../_images/footer-bkgd.png) no-repeat; margin: 10px; height: 40px; } 
.twoColFixLtHdr #footer p { margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */ padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */ text-align: center; font-family: "Courier New", Courier, monospace; font-size: 0.8em; }
.twoColFixLtHdr #container #text-nav  { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.65em; line-height: 1.5em; padding: 5px; margin-top: 20px; color: #FFF; text-align: center; }
.twoColFixLtHdr #container #text-nav a:link,.twoColFixLtHdr #container #text-nav a:visited { color: #C60; padding: 5px; }
.twoColFixLtHdr #container #text-nav a:hover,.twoColFixLtHdr #container #text-nav a:active { color: #FC0; padding: 5px; }
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.oneColFixCtrHdr #container { width: 900px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ }
.oneColFixCtrHdr #header {
	background: #DDDDDD; 
	padding: 0 10px 0 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background: #FFFFFF;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#DDDDDD;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}

.twoColFixLtHdr #container #header p { font-size: .01px; text-indent: -9999px; }
#secondary-wrapper { background: transparent; height: 1200px; width: 900px; margin: 0px auto; }

#secondary-wrapper a:link, #secondary-wrapper a:visited { color: #660; }

#secondary-wrapper a:hover, #secondary-wrapper a:active { color: #630; text-decoration: underline; }
#secondary-header { background: url(../_images/secondary-header.png) no-repeat; height: 193px; width: 900px; position: relative; }

#secondary-header h1 { text-indent: -9999px; font-size: .01px; }

#secondary-header h2 { font-family: "Arial Black", Gadget, sans-serif; font-size: 0.85em; font-weight: normal; color: #00C; position: absolute; left: 350px; top: 130px; background: #DEDFA6 url(../_images/bkgd-dedfa6.jpg) repeat-x; padding: 5px 10px; }

#secondary-header p { font-size: .01px; text-indent: -9999px; }
#secondary-header ul { list-style: none; position: absolute; left: 200px; top: 200px; vertical-align: middle; }
#secondary-header ul li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.85em; display: inline; font-style: italic; font-weight: bold; }

#secondary-header li a:link, #secondary-header li a:visited { color: #FFF; text-decoration: none; background: #C00; padding: 3px 5px 1px; }
#secondary-header li a:hover, #secondary-header li a:active{ color: #630; text-decoration: none; background: #FC6; }
#secondary-sidebar { background: url(../_images/secondary-sidebar.png) no-repeat; height: 1185px; width: 131px; float: left; }

#secondary-sidebar h1 { font-size: .01px; text-indent: -9999px; }

#secondary-sidebar p { font-size: .01px; text-indent: -9999px; }
#secondary-content { width: 740px; margin-top: 60px; margin-left: 131px; border: 2px solid #999; padding: 10px 5px 5px 20px; background: #fff url(../_images/second-page-bkgd.jpg) repeat-y; position: relative; }

#secondary-content h1 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.4em; margin-bottom: 20px; text-align: center; color: #3F5919; margin-top: 10px; }

#secondary-content h2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1.2em; font-weight: bold; color: #333; margin-bottom: 5px; text-align: center; margin-top: 10px; }

#secondary-content h3 { font-size: 1.1em; font-style: italic; color: #009; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; }

#secondary-content h4 { font-size: 0.85em; font-style: normal; color: #C00; font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: left; line-height: 1.6em; margin-bottom: 15px; }

#secondary-content p { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.85em; line-height: 1.3em; color: #333; text-align: left; margin-top: 10px; }

#secondary-content p strong { color: #009; }

#secondary-content p img { margin: 10px auto; }
#secondary-footer { background: transparent no-repeat; width: 769px; height: 30px; margin-top: 10px; margin-left: 131px; }

#secondary-footer p { font-family: "Courier New", Courier, monospace; font-size: 0.85em; color: #C96; text-align: center; }

#secondary-content ul { margin: 10px 0px 10px 40px; text-align: left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.85em; list-style: square inside; }

.last { color: #000; background-color: #dedfa6; padding-top: 5px; }

#secondary-content ul li { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #009; text-indent: 20px; line-height: 1.4em; }

#secondary-content table { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; }

caption { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 1em; color: #FFF; background-color: #536f35; padding: 5px; border: 1px solid #333; }
table { margin-top: 20px; width: 600px; margin-right: auto; margin-left: auto; }
th { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.85em; text-align: center; color: #333; background: #DEDFA6; padding: 5px 5px 0px; border-bottom: 1px dotted #666; border-top: 1px dotted #666; }

td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.8em; color: #666; padding: 5px 5px 0px; }

#secondary-wrapper #text-nav { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.65em; line-height: 1.5em; padding: 5px; margin-top: 20px; color: #FFF; text-align: center; margin-left: 131px; }
#secondary-wrapper #text-nav p a:link , #secondary-wrapper #text-nav p a:visited { color: #C60; padding: 5px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 0.75em; }
#secondary-wrapper #text-nav p a:hover , #secondary-wrapper #container #text-nav p a:active { color: #FC0; padding: 5px; }
#secondary-content #jeff{ font-size: 0.9em; margin-top: 20px; background: url(../_images/profile-jeff2.jpg) no-repeat 0px 0px; margin-bottom: 20px; width: 720px; min-height: 216px; }

#secondary-content #jeff h3 { margin-left: 220px; margin-top: 5px; }

#secondary-content #jeff p { margin-left: 226px; }
#secondary-content #ed{ font-size: 0.9em; background: url(../_images/profile-eddie.jpg) no-repeat 0px 0px; margin-bottom: 20px; width: 720px; min-height: 216px; }

#secondary-content #ed h3 { margin-left: 220px; margin-top: 5px; }

#secondary-content #ed p { margin-left: 226px; }
#secondary-content #dean{ font-size: 0.9em; background: url(../_images/profile-dean.jpg) no-repeat 0px 0px; margin-bottom: 20px; width: 720px; min-height: 216px; }

#secondary-content #dean h3 { margin-top: 5px; margin-left: 220px; }

#secondary-content #dean p { margin-left: 226px; }
#secondary-content #dustin{ font-size: 0.9em; margin-bottom: 20px; background: url(../_images/profile-dustin.jpg) no-repeat 0px 0px; width: 720px; min-height: 216px; visibility: hidden; left: -10000px; }

#secondary-content #dustin h3 { margin-top: 5px; margin-left: 220px; }

#secondary-content #dustin p { margin-left: 226px; }
#secondary-content #ben{ font-size: 0.9em; background: url(../_images/BenProfile.jpg) no-repeat 0px 0px; margin-bottom: 10px; width: 720px; min-height: 216px; }

#secondary-content #ben h3 { margin-top: 5px; margin-left: 220px; }

#secondary-content #ben p { margin-left: 226px; }
