body {color: #E4CF9D; margin: 0px auto; padding: 0px 0px 0px 0px; background: #000 url(images/bkgrd_body.gif) repeat-x top left;}
html {min-width: 800px; height: 100%;}
A:hover {color: #C29E47; TEXT-DECORATION: underline;}
A:link {TEXT-DECORATION: none;}
A:visited {TEXT-DECORATION: none;}
img	{border: 0; vertical-align: text-bottom;}
form {border: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
input {padding: padding: 2px 0px 2px 0px; font-weight: normal; font-size: 8pt; background: #F4F4F4; color: #346A80; font-family: Lucida Grande;}
select, textarea {background-color: #F4F4F4; color: #346A80; font-family: Verdana; font-size: 8pt; margin: 0px 0px 10px 0px;}
span.trans input {background-color: transparent;}
p {position: relative; font: .8em/1.5em arial,sans-serif; text-align: left;}
h1 {margin: 0px; padding: 0px;}
h2 {margin: 0px; padding: 0px;}
h3 {margin: 0px; padding: 0px;}
acronym {cursor: help;}
.trans {background-color: transparent;}
.lgtblue {background-color: #FAFAFA;}
.highlight {background-color: #ffffcc;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.center {text-align: center;}
.top {vertical-align: text-top;}
.smtext {font: 7.5pt/10pt arial;}
.right {float: right; padding: 5px 0px 5px 10px;}
.left {float: left;}
.txtright {text-align: right;}
.nowrap {white-space: nowrap;}
strong {font-weight: normal;}
.opacity {opacity: .3; filter: alpha(opacity=30);}
input.button {background-color: #FFF; font: 10px Lucida Grande; border: double #BBC2BA; margin: 0px; padding: 1px;}

#bg {background: transparent url(images/bkgrd3.gif) repeat-y center center; width: 836px; margin: 0px auto; padding: 10px 0px 0px 0px;} 
#container {width: 798px; border-bottom: 1px solid #6B4D27; margin-top: 0px; margin-bottom: 0px; margin-left: auto; margin-right: auto; padding: 0px 0px 0px 0px;}
		
#masthead {background: transparent url(images/logo_splat.gif) no-repeat center; width: 389px; height: 86px; padding: 0px; margin: 0px auto 20px auto; border: 0px;}

#topnav {clear: both; border: 1px solid #6B4D27; background: transparent url(images/bkgrd_nav.gif) repeat-x; height: 27px; padding: 0px 0px 0px 0px; margin: 0px 30px 20px 30px;}
#topnav ul{list-style-position: outside; padding: 0px 0px 0px 0px; margin: 0px; text-align: center;}
#topnav li {margin: 5px 0px 0px 0px; padding: 0px 10px 0px 10px; list-style-type: none; display: inline;}

div.menuBar, div.menuBar a.menuButton, div.menu {clear: both; font: 12px Century Gothic; font-weight: bold; color: #C29E47; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.menu a.menuItem {font: 12px Century Gothic; font-weight: normal; color: #C29E47; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.menuBar {padding: 5px 0px 5px 0px; margin: 0px 0px 0px 0px; text-align: left;}
div.menuBar a.menuCurrent {background: url(images/li_nav_on.gif) no-repeat -1px 7px; color: #C29E47; cursor: hand; margin: 5px -3px 3px 0px; padding: 5px 11px 8px 16px; text-decoration: none; top: 0px; z-index: 100;}
div.menuBar a.menuButton {background: none; color: #C29E47; cursor: hand; margin: 5px -3px 3px 0px; padding: 5px 11px 8px 16px; text-decoration: none; top: 0px; z-index: 100;}
div.menuBar a.menuButton:hover {background: url(images/li_nav_on.gif) no-repeat -1px 7px; margin: 5px -3px 3px 0px; padding: 5px 11px 8px 16px; text-decoration: none; color: #D2B252;}
div.menuBar a.menuButtonActive, div.menuBar a.menuButtonActive:hover {background: url(images/li_nav_on.gif) no-repeat -1px 7px; margin: 5px -3px 3px 0px; padding: 5px 11px 8px 16px; text-decoration: none; color: #D2B252; left: 0px; top: 0px;}
div.menu {background: #270B09 url(images/bkgrd_dropdown.gif) repeat-x 0px 0px; border: 1px solid #6B4D27; left: 0px; padding: 0px 1px 1px 0px; margin: -2px 0px 0px 0px; position: absolute; top: 0px; visibility: hidden; z-index: 101;}
div.menu a.menuItem {color: #E4CF9D; cursor: hand; display: block; padding: 3px 1.5em; text-decoration: none; white-space: nowrap;}
div.menu a.menuItem:hover, div.menu a.menuItemHighlight {background-color: #270B08; color: #C29E47;}
div.menu a.menuItem span.menuItemText {}
div.menu a.menuItem span.menuItemArrow {margin-right: -.75em;}
div.menu div.menuItemSep {border: 1px inset #6B4D27; margin: 4px 8px;}
#menu1 a.menuItem:hover, #menu1 a.menuItemHighlight, #menu1_1 a.menuItem:hover, #menu1_1 a.menuItemHighlight, #menu1_2 a.menuItem:hover, #menu1_2 a.menuItemHighlight {background-color: #270B08; color: #C29E47;}
#menu3 a.menuItem:hover, #menu3 a.menuItemHighlight {background-color: #270B08; color: #C29E47;}
#menu5 a.menuItem:hover, #menu5 a.menuItemHighlight {background-color: #270B08; color: #C29E47;}

#maincontent {padding: 20px 45px 40px 45px; margin: 0px 0px 0px 0px;}
#maincontent A:link {color: #C29E47; TEXT-DECORATION: none;}
#maincontent A:hover {color: #E4CF9D; TEXT-DECORATION: underline;}
#maincontent A:visited {color: #C29E47;}
#maincontent p {padding: 10px 10px 10px 10px; margin: 0px 0px 0px 0px;}
#maincontent h1 {position: relative; color: #E4CF9D; font: 16px/20px century gothic; font-weight: normal; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px; background: transparent url(images/bkgrd_underline.gif) no-repeat bottom left;}
#maincontent h2 {position: relative; color: #AF9874; font: 14px/16px Lucida Grande; padding: 0px 0px 10px 0px; margin: 0px 0px 0px 0px;}
#maincontent h3 {position: relative; color: #3a5b95; font: 10px/14px Lucida Grande; font-weight: bold; padding: 5px 0px 0px 0px; margin: 0px 0px 0px 0px;}
#maincontent ul {list-style-position: outside; padding: 10px 0px 10px 20px; margin: 0px 0px 0px 0px;}
#maincontent li {font: .8em/1.6em arial,sans-serif; background: transparent url(images/li_bullet.gif) no-repeat 0px 5px; list-style-type: none; display: block; margin: 0px; padding: 0px 0px 0px 15px;}
#maincontent img {vertical-align: text-top; border: 0px;}
#maincontent img.border {padding: 2px; border: 1px solid #BBC2BA;}
#maincontent img.right {margin: 10px 0px 5px 10px;}
#maincontent img.left {margin: 10px 10px 5px 0px;}
#maincontent div.hr {clear: both; padding: 0px; margin: 5px auto 5px auto; height: 30px; background: transparent url(images/hr_main.gif) repeat-x;}
#maincontent div.hr hr {display: none;}
#flashcontent {height: 100%;}
 
#r-sidebar {font: 14px/16px Lucida Grande; color: #AF9874; float: right; margin: 0px 0px 20px 0px; padding: 40px 40px 0px 40px;}
div#top {background: #270B08 url(images/r-sidebar_top.gif) no-repeat; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 204px; height: 30px;}
div#bottom {background: #270B08 url(images/r-sidebar_bottom.gif) no-repeat; margin: 0px 0px 0px 0px; width: 204px; height: 25px;}
div#middle {background: #270B08 url(images/r-sidebar_middle.gif) repeat-x 0px 0px; width: 204px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#r-sidebar A:link {color: #C29E47; TEXT-DECORATION: none;}
#r-sidebar A:hover {color: #E4CF9D; TEXT-DECORATION: underline;}
#r-sidebar A:visited {color: #E4CF9D;}
#r-sidebar p {margin: 0px; padding: 0px 20px 0px 20px;}
#r-sidebar h1 {font: 14px/16px century gothic; font-weight: normal; padding: 14px 0px 0px 20px;}
#r-sidebar h2 {font: 12px/16px Lucida Grande; font-weight: normal; color: #E4CF9D; padding: 15px 0px 10px 20px;}
#r-sidebar ul {margin: 0px 0px 0px 0px; padding: 0px 0px 10px 25px; list-style: none;}
#r-sidebar li {font: 12px/16px Lucida Grande; list-style-type: none; display: block; padding: 0px 0px 0px 20px; margin: 0; background: transparent url(images/li_bullet.gif) no-repeat 3px 4px;}
#r-sidebar div.hr {width: 204px; padding: 0px; margin: 10px auto 0px auto; height: 6px; background: transparent url(images/hr_nav.gif) no-repeat 0px 0px;}
#r-sidebar div.hr hr {display: none;}

table caption {font: .8em/1.5em arial,sans-serif; text-align: left; padding: 10px 10px 0px 10px;}

blockquote {margin: 20px 0px; clear:left; left:-1%; top:1em; background:url(images/quote_open.gif) top left no-repeat;}
blockquote p {font-style: italic; font-size: 16px; color: #73552A; text-align: center; padding:2em 9%; margin: 0px; background:url(images/quote_close.gif) bottom right no-repeat;}
.entryinfo {color: #AF9874; font: 12px/16px Lucida Grande; font-weight: bold; padding: 0px; margin: -5px 30px 20px 0px; text-align: right;}
blockquote.faq {border-left: 4px solid #73552A; border-top: 0px; border-bottom: 0px; font: .8em/1.5em arial,sans-serif; padding: 0px 10px; margin: 15px; background: none;}

#dropdownpanel {position: absolute; width: 100%; right: 0; top: 0; visibility: hidden; z-index: 101; font: .8em/1.5em arial,sans-serif;}
#dropdownpanel .contentdiv {background: transparent url(images/overlay.png) top left repeat; color: white; padding: 10px; position: relative;}
#dropdownpanel .contentdiv h1 {text-align: left; padding-left: 20px; color: #666666; font: bold 18px/24px Century Gothic;}
#dropdownpanel .contentdiv p {text-align: right; padding-right: 50px;}
#dropdownpanel .contentdiv dl {margin: 0px; padding: 0px 50px 10px 20px; float: right;}
#dropdownpanel .contentdiv dt {float: left; font-weight: bold;}
#dropdownpanel .contentdiv dd {margin-left: 70px; margin-bottom: 10px; padding-right: 0px;}
#dropdownpanel .contentdiv dd a, #dropdownpanel .contentdiv p a {color: #99cc00;}
#dropdownpanel .control {position: absolute; right: 2%; color: white; border-top: 0px solid #e4cf9d; font-weight: bold; text-align: left; background: transparent url(images/tab_panel.gif) top right no-repeat; padding: 3px 0px; margin-left: 2px; height: 28px; width: 168px; line-height: 21px;}

form.standard label {width:120px; margin-right:0px;}
form.standard label.long, form.standard p.label {margin-left:30px; width:390px;}
form.standard label span {color:#900;}
form.standard input, form.standard textarea, form.standard select {background: #fff url(images/bkgrd_input.png) bottom left repeat-x; margin-left:140px; width:180px;}
form.standard input.button {cursor: pointer; background: none; border: 1px solid #6699ff; color: #99ccff; height: 20px; width: auto; padding-bottom: 4px;}
form.standard textarea {width: 300px;}
form.standard p.desc {margin-left: 210px;}

form.standard {margin:0 0 .5em 0;}
form.standard label {float:left; text-align:right; padding-top:0.2em; font-weight:bold; font-size:1em;}
form.standard label span.required {font-size: 20px; color: #99ccff; vertical-align: bottom;}
form.standard label:after {content:":"; }
form.standard label.long {float:none; display:block; text-align:left;}
form.standard label.long:after {content:"";}
form.standard input, form.standard textarea, form.standard select {display:block; margin-bottom:-1em;}
/*\*/
* html form.standard input, form.standard textarea, form.standard select  {display:block; margin-bottom:0px; margin-top: 0px;}
/*end*/
form.standard select[multiple="multiple"] {margin-left:0px;}
form.standard br {} 
form.standard input[type="radio"], form.standard input[type="checkbox"], form.standard input[type="hidden"] {width:auto; height: auto; border:0; background: none;}
form.standard input[type="hidden"] {display:none;}
form.standard p.desc {display:block; margin-top:-0.4em; margin-bottom:1em; font-style:italic; font-size:0.9em;}

* html form.standard fieldset p.desc, * html form.standard .checks p.desc {margin-top: 0px;}
* html form.standard p.desc {margin-top: -1em;}
* html form.standard input, * html form.standard textarea, * html form.standard select,* html form.standard .checks input, * html form.standard .checks label {margin-top:0;margin-bottom:0;}
* html form.standard fieldset br {line-height:0.5em;font-size:0.5em;}

#footer {clear: both; padding: 15px 10px 5px 10px; margin: 0px auto 0px auto; background: #000;}
#footer p {font: 11px/14px Century Gothic; font-weight: normal; color: #73552A;}
#footer A:link {color: #73552A; TEXT-DECORATION: none;}
#footer A:hover {color: #C29E47; TEXT-DECORATION: underline;}
#footer A:visited {color: #C29E47;}
#footer ul {list-style-position: outside; padding: 5px 0px 0px 0px; margin: 0px 20px 0px 20px;}
#footer #rightnav {list-style-position: inside; padding: 0px 0px 0px 0px; margin: -12px 10px 0px 0px; text-align: right;}
#footer #rightnav li.copyright{padding: 0px 0px 0px 20px; margin: 0px 0px 0px 0px; display: inline; list-style: none outside;}
#footer li.first{margin: 0px 0px 0px 0px; padding: 0px 20px 0px 0px; list-style-type: none; display: inline;}
#footer li.sep{margin: 0px; padding: 0px 15px 0px 25px; list-style-type: none; display: inline; background: transparent url(/images/footer_sep.gif) no-repeat 0px -2px;}

#feature {background-color: #B7DE90; border: 1px solid #6EBB1F; padding: 10px; margin: 20px;}
#feature A:hover {TEXT-DECORATION: underline;}
#feature A:link {TEXT-DECORATION: underline;}
#feature A:visited {TEXT-DECORATION: underline;}
#feature h2 {color: #F4F4F4; font-size: 120%}
#feature img {float: left; margin: 5px 10px 5px 0px; padding: 0px;}
#feature p {position: relative; color: #346A80; padding: 5px 0px 0px 0px; margin: 0px;}

/* USED FOR GENERIC COLUMNS */
.col1, .col3, .col5 {float: left; width: 25%; text-align: left;} 
.col2, .col4, .col6 {float: left; width: 60%; text-align: left;} 

/* USED FOR ODD SIZED COLS */
.col2b{float: left; width: 450px; text-align: center; padding: 10px;} 
.col3b{float: left; width: 50px; text-align: left;} 
.col4b{float: left; width: 145px; text-align: left;} 

.clearer{height: 1px; overflow: hidden; margin-top: 1px; clear: both;}
div.thumb {margin: 8px; width: 120px; height: auto; float: left; text-align: left; background: transparent url(images/border_project.gif) no-repeat;}	
.thumb img {display: inline; width: 100px; height: 100px; margin: 10px; border: 1px solid #000;}
.thumb a:hover img {border: 1px solid #fff;}
div.thumb2 {margin: 18px; width: 88px; height: auto; float: left; text-align: left; background: transparent url(images/border_project_sm.gif) no-repeat;}	
.thumb2 img{display: inline; width: 68px; height: 62px; margin: 10px; border: 1px solid #000;}
.thumb2 a:hover img {border: 1px solid black;}

#extraDivLogo {position:absolute; top: 9px; width: 389px; height: 86px; background-image: url(images/spacer.gif); left: 365px; margin: 0px auto 0px auto;}

/* TWO COLUMN LISTS */
#grid-column1 {float: left; text-align: left; border-right: 1px solid #D9DADC; width: 230px; padding: 0px 10px 0px 0px; margin: 5px 0px 20px 0px;}
#grid-column2 {width: 230px; float: right; text-align: left; margin: 5px 0px 20px 0px;}

DIV#overview {padding: 0px; margin: 0px 0px;}
DIV#overview UL#extended {padding: 0; margin: 10px 0px 0px 0px;}
DIV#overview UL#extended LI {background: none; font-weight: bold; list-style-type: none; float: left; line-height: 14px;}
DIV#overview UL#extended LI A, DIV#overview UL#extended LI DIV {width: 140px; height: 50px; background-color: #000000; overflow: hidden; padding: 0 0 0 51px; border: 1px solid #6B4D27; margin: 10px; display: block;}
DIV#overview UL#extended LI A:hover {text-decoration: none; background-color: #381D16;}
DIV#overview UL#extended LI SPAN {font-size: 75%; font-weight: normal; font-style: italic;}

#stack {width: 400px;}
#stack label {display: block; padding: 3px 0 0;}
#stack textarea {background: #270B08;}
#stack input, select {font: .8em/1.5em arial,sans-serif; background: #381D16; color: #73552A; border: 1px inset #73552A; height: auto;}
#sidebyside .btn,#stack .btn {border: 3px double; border-color: #AEB8D1 #424D6A #424D6A #AEB8D1; background: #381D16; display: block; margin: 5px 10px; cursor: hand; color: #E4CF9D;}
#stack label.non {display: inline !important; } 
.radio {background: transparent !important; border: none !important; } 
fieldset {font: .8em/1.5em arial,sans-serif; border: 1px solid #3C2C16; padding: 10px; margin: 10px 0; position: relative;}
legend {color: #73552A; margin: 10px 0 10px; padding: 2px 4px; border-top: 1px solid #3C2C16; border-right: 1px solid #3C2C16; border-left: 1px solid #3C2C16;}
.sub {background: #270B08;}
.slash {width: 200px; height: 24px; padding: 0 20px; margin: 0; border: none; background: url(slash.gif) no-repeat top left;
text-indent: -1000em;}
#stack input:focus, select:focus {background: #381D16; border: 1px solid #E4CF9D;}  

#photo div span {
	float: right;
	padding: 5px 0px 5px 10px;
	background: transparent url(images/jeff.jpg) 0 0 no-repeat;
}

#photo div span img {padding: 5px 0px 5px 10px;}