body {
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	background-color: #000000;
	text-align: left;
	margin: 10px;
}
a  { text-decoration: none }
a:link    { color: #CC6600 }
a:visited { color: #CC6600 }
a:hover   { color: #0068A5 }
a:active  { color: #000000 }

h6 { /* Java message */
	background-color: #900;
	color: #FFC;
	font-size: 75%;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0.2em;
}
h6 a:link,
h6 a:visited {	background-color: #FC0; color: #000;	}
h6 a:hover   {	background-color: #FF0; }
h6 a:active  {	background-color: #FC0; }

.bold {font-weight: bold}

/****************************************************** PAGE CONTAINER */

#PAGE {
	width: 720px;
	background-color: #FAFAEB;
	border: 2px solid #666666;
	margin: 0 auto 15px auto;
}

/****************************************************** HEADER (TOP) */

#HEADER {
	width: 720px;
	height: 58px;
}

/******************************************************
 MASTHEAD - logo, home links
 ******************************************************/

#hLogo {
	float: left;
	margin: 5px 0 0 10px;
}
#hLinks {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	color: #999999;
	float: right;
	margin: 35px 12px 0 0;
}
#hLinks a:link,
#hLinks a:visited { color: #666666 }
#hLinks a:hover   { color: #2578A8 }
#hLinks a:active  { color: #000000 }

/******************************************************
 TABS
 ******************************************************/

#Tabs1 {
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	background: #CC6600 url(../graphics/tab.gif) repeat-x;
	width: 668px;
	height: 13px;
	padding: 5px 0 5px 0;
}
#Tabs2 {
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	background: #CC6600 url(../graphics/tab.gif) repeat-x;
	width: 52px;
	height: 13px;
	margin:-23px 0 0 668px;
	padding: 5px 0 5px 0;
}
#Tabs1 a:link,
#Tabs2 a:link,
#Tabs1 a:visited,
#Tabs2 a:visited {
	color: #FFFFFF;
	padding: 3px 11px 3px 11px;
	border-right: 1px solid #CC6600;
	border-left:  1px solid #CC9900;
}
#Tabs1 a:hover,
#Tabs2 a:hover {
	color: #000000;
	background: #FF9900 url(../graphics/tab_hover.gif) repeat-x;
	border-right-color: #9F5000;
	border-left-color:  #9F5000;
}
#Tabs1 a:active,
#Tabs2 a:active {
	color: #FFFFFF;
	background: url(../graphics/tab_hover.gif) repeat-x;
	border-right-color: #9F5000;
	border-left-color:  #9F5000;
}

/******************************************************
 SUB TABS
 ******************************************************/

.hTabSub {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	text-align: center;
	color: #FFFFFF;
	background-color: #2578A8;
	width: 720px;
	height: 12px;
	position: absolute;
	visibility: hidden;
	top: 92px;
	padding: 3px 0 3px 0;
}
.hTabSub a:link,
.hTabSub a:visited {
	color: #FFFFFF;
	background-color: #2578A8;
	padding: 3px 8px 3px 8px;
	border-right: 1px solid #226b97;
	border-left:  1px solid #2b86bd;
}
.hTabSub a:hover {
	background-color:   #333333;
	border-right-color: #2b86bd;
	border-left-color:  #226b97;
}
.hTabSub a:active {
	color: #000000;
	background: url(../graphics/tab_hover.gif) repeat-x;
	border-right: 2px solid #226b97;
	border-left:  2px solid #2b86bd;
}

/******************************************************
 BANNER
 ******************************************************/

#hBanner {
	width: 720px;
	height: 149px;
	background-color: #333333;
}
#hSectionHead {
	font: bold 12px Verdana, Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	width: 100px;
	float: left;
	padding-left: 14px;
	margin-top: 131px;
}


/****************************************************** LEFT (MENU) */

#LEFT {
	float: left;
	width: 110px;
}

/******************************************************
 MENUBAR VERTICAL
 ******************************************************/

/* CONTAINER */

ul.MenuBarVertical {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	list-style-type: none;
	width: 100%;
	margin:  0;
	padding: 0;
}
ul.MenuBarActive {
	z-index: 1000;  /* Set active Menu Bar with this class; z-index to accomodate IE rendering bug */
}

/* TEXT Menu */

ul.MenuBarVertical li {
	cursor: pointer;
	list-style-type: none;
	position: relative;
	width: 100%;
}

ul.MenuBarVertical a {
	cursor: pointer;
	display: block;
	color: #FFFFFF;
	background-color: #2578A8;
	padding: 2px 10px 2px 14px;
	border-top:    1px solid #6C9BBD;
	border-bottom: 1px solid #1E6188;
}
ul.MenuBarVertical a:visited {
	color: #FFFFFF;
	background-color: #2578A8;
}
ul.MenuBarVertical a:hover {
	color: #FFFFFF;
	background-color: #333333;
	border-top-color: #666666;
}
ul.MenuBarVertical a:active {
	color: #FFFFFF;
	background-color: #CC6600;
	border-top-color: #2B86BD;
}
ul.MenuBarVertical a.MenuBarItemSubmenu {
	background-image: url(../graphics/menusub.gif);
	background-repeat: no-repeat;
	background-position: 4% 50%;
}
ul.MenuBarVertical a.MenuBarItemSubmenuHover {
	background-image: url(../graphics/menusub_hover.gif);
	background-repeat: no-repeat;
	background-position: 3% 50%;
}

/* THUMBS Menu */

ul.MenuBarVertical ul {
	list-style-type: none;
	width: 43px;
	position: absolute;
	z-index: 1020;
	left: -1000em;
	top: 0;
	margin-left: -46px;
	padding: 0;
}
ul.MenuBarVertical ul li { 
	width: 100%; 
}
ul.MenuBarVertical ul.MenuBarSubmenuVisible {
	left: 0;  /* Shows submenu (left=0 so it comes onto the screen) */
}

ul.MenuBarVertical ul a {
	cursor: pointer;
	display: block;
	color: #333333;
	background-color: #FAFAEB;
	padding: 0;
	border-top:    1px solid  #CCCCCC;
	border-right:  2px solid #666666;
	border-bottom: 2px solid #666666;
	border-left:   1px solid  #CCCCCC;
}
ul.MenuBarVertical ul a:visited,
ul.MenuBarVertical ul a:hover,
ul.MenuBarVertical ul a:focus {
	background-color: #FAFAEB;
}
ul.MenuBarVertical a.MenuBarItemHover {
	background-color: #FAFAEB;
	border-top:    2px solid  #666666;
	border-right:  1px solid  #999999;
	border-bottom: 1px solid  #999999;
	border-left:   2px solid  #666666;
}

/* IE BROWSER HACKS - do not change */

ul.MenuBarVertical iframe {
	position: absolute;
	z-index: 1010;
}
@media screen, projection {
ul.MenuBarVertical li.MenuBarItemIE {
	display: inline;
	f\loat: left;
	background: #FFF;
}
}

/******************************************************
 MENU
 ******************************************************/

#lMenu {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	background-color: #2578A8;
	width: 100%;
}
#lMenu a:link,
#lMenu a:visited {
	display: block;
	color: #FFFFFF;
	padding: 2px 10px 2px 14px;
	border-top:    1px solid #6C9BBD;
	border-bottom: 1px solid #1E6188;
}
#lMenu a:hover {
	background-color: #333333;
	border-top-color: #666666;
}
#lMenu a:active {
	background-color: #CC6600;
	border-top-color: #2B86BD;
}

.lMenuHead {
	font: bold 9px Verdana, Tahoma, Arial, sans-serif;
	background-color: #20658E;
	width: 100%;
}
.lMenuHead a:link,
.lMenuHead a:visited {
	display: block;
	color: #FAFAEB;
	padding: 3px 10px 2px 14px;
	border-top:    1px solid #6C9BBD;
	border-bottom: 1px solid #333333;
}
.lMenuHead a:hover {
	background-color: #333333;
	border-top-color: #666666;
}
.lMenuHead a:active {
	background-color: #CC6600;
	border-top-color: #2B86BD;
}

.lMenuDiv {
	background-color: #2578A8;
	width: 100%;
	height: 2px;
	padding: 0;
}


/****************************************************** RIGHT (INFO) */

#RIGHT {
	float: left;
	width: 230px;
}

/******************************************************
 SEARCH
 ******************************************************/

#rSearch {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	background: url(../graphics/bgrule.gif) repeat-x;
	float: right;
	width: 100%;
	height: 18px;
	margin: 0;
	padding-top: 1px;
}
#rSearchTerms {
	font: bold 8px Verdana, sans-serif;
	text-transform: uppercase;
	vertical-align: middle;
	color: #333333;
	background-color: #FFFFFF;
	padding-left: 4px;
}
#rSearchTips,
#rSearchMatch,
#rSearchSubmit {
	font: bold 8px Verdana, sans-serif;
	vertical-align: middle;
	color: #333333;
	background-color: #FFFFFF;
}
#rSpacer {
	font-size: 5px;
	width: 220px;
	margin-bottom: 12px;
}

/******************************************************
 DETAIL
 ******************************************************/

#rText {
	width: 220px;
	margin-bottom: 20px;
}
.rTextHead1 {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #4C4C4C;
	margin: 0;
	padding: 3px 10px 3px 10px;
}
.rTextHead2 {
	font: normal 9px Arial, Tahoma, Verdana, sans-serif;
	color: #0068A5;
	letter-spacing: 1px;
	margin: 0;
	padding: 5px 10px 0 10px;
	border-top: 1px solid #FFFFFF;
}
.rTextSpace {
	font-size: 5px;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #CCCCCC;
}

.rTextBody1 {
	font: normal 10px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.rTextBody2 {
	font: normal 10px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 10px 3px 10px;
}
.rTextBold1 {
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 10px 5px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.rTextBold2 {
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	margin: 0;
	padding: 0 10px 2px 10px;
}

/******************************************************
 LINKS
 ******************************************************/

.rLinks {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	width: 220px;
	margin-bottom: 20px;
}
.rLinks a:link,
.rLinks a:visited {
	display: block;
	width: 200px;
	margin: 0;
	color: #CC6600;
	padding: 2px 10px 4px 10px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
.rLinks a:hover  { color: #0068A5 }
.rLinks a:active { color: #000000 }

.rLinks2 {
	font-size: 11px;
}

.rLinksHead {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #4C4C4C;
	display: block;
	width: 200px;
	margin: 0;
	padding: 3px 10px 3px 10px;
	border-top:    1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
.rLinksText {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	display: block;
	width: 200px;
	margin: 0;
	padding: 2px 10px 4px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.rLinksSpcr {
	font-size: 5px;
	display: block;
	width: 200px;
	margin: 0;
	padding: 0 10px 0 10px;
	border-bottom: 1px solid #CCCCCC;
}

.rLinksTh1 {
	font: bold 10px sans-serif; color: #990000;
	margin: 2px 0 5px -2px;
	border-top:    1px solid  #CCCCCC;
	border-right:  2px outset #FFFFFF;
	border-bottom: 2px outset #FFFFFF;
	border-left:   1px solid  #CCCCCC;
}
a:hover .rLinksTh1	{
	border-top:    2px inset  #FFFFFF;
	border-right:  1px solid  #999999;
	border-bottom: 1px solid  #999999;
	border-left:   2px inset  #FFFFFF;
}
a:active .rLinksTh1 {
	border-top:    1px solid  #CCCCCC;
	border-right:  2px outset #FFFFFF;
	border-bottom: 2px outset #FFFFFF;
	border-left:   1px solid  #CCCCCC;
}
.rLinksTh2 {
	font: bold 10px sans-serif; color: #990000;
	margin: 2px 0 5px -2px;
	border-top:    1px solid  #FAFAEB;
	border-right:  2px solid  #FAFAEB;
	border-bottom: 2px solid  #FAFAEB;
	border-left:   1px solid  #FAFAEB;
}
a:hover .rLinksTh2  {
	border-top:    2px solid  #FAFAEB;
	border-right:  1px solid  #FAFAEB;
	border-bottom: 1px solid  #FAFAEB;
	border-left:   2px solid  #FAFAEB;
}
a:active .rLinksTh2	{
	border-top:    1px solid  #FAFAEB;
	border-right:  2px solid  #FAFAEB;
	border-bottom: 2px solid  #FAFAEB;
	border-left:   1px solid  #FAFAEB;
}


/******************************************************
 CONTACT (iframe)
 ******************************************************/
#rContact {
	width: 100%;
	height: 370px;
}

/****************************************************** CENTER (MAIN) */

#CENTER {
	float: left;
	width: 380px;
}

/******************************************************
 CRUMBS
 ******************************************************/

#cCrumbs {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	text-indent: 20px;
	color: #999999;
	background-color: #4C4C4C;
	width: 100%;
	height: 16px;
	padding-top: 3px;
}
#cCrumbs a:link,
#cCrumbs a:visited { color: #CCCCCC }
#cCrumbs a:hover   { color: #FF9900 }
#cCrumbs a:active  { color: #3B8FBE }

.cCrumbs-active {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	color: #3B8FBE;
}

/******************************************************
 TEXT (about us, paragraphs)
 ******************************************************/

#cTextDiv {
	width: 360px;
	margin: 20px 10px 18px 10px;
}
.cText {
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	line-height: 16px;
	margin: 0 10px 8px 10px;
}
.cTextBold {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 16px;
	margin: 0 10px 8px 10px;
}
.cTextIntro1 {
	font: bold 14px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 20px;
	margin: 0 10px 8px 10px;
}
.cTextIntro2 {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 18px;
	margin: 0 10px 8px 10px;
}
.cTextIntro3 {
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 18px;
	margin: 0 10px 8px 10px;
}
.cTextSpace {
	font: 9px sans-serif;
	margin: 0 10px 0 10px;
}
.cTextRule {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	border-top: 2px solid #CC6600;
	margin: 25px 10px 10px 10px;
}
.cTextList {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	list-style: outside square url(../graphics/bullet.gif);
	color: #333333;
	margin: 0 40px 0 10px;
	padding: 3px 0 3px 0;
	border-bottom: 1px solid #CCCCCC;
}
.cTextH1 {
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #999999;
	margin: 0 10px 12px 10px;
}

/******************************************************
 LINKS (client index)
 ******************************************************/

.cLinks {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	width: 360px;
	margin: 0 10px 20px 10px;
}
.cLinks a:link,
.cLinks a:visited {
	color: #333333;
	display: block;
	width: 320px;
	margin: 0 10px 0 10px;
	padding: 2px 10px 4px 10px;
	border-top:    1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
}
.cLinks a:hover  { color: #0068A5 }
.cLinks a:active { color: #CC6600 }

.cLinksText {
	font: 10px Verdana, Tahoma, Arial, sans-serif;
	color: #666666;
	display: block;
	width: 320px;
	margin: 0 10px 0 10px;
	padding: 2px 10px 4px 10px;
	border-bottom: 1px solid #CCCCCC;
}
.cLinksHead {
	font: bold 11px Verdana, Tahoma, Arial, sans-serif;
	color: #333333;
	display: block;
	width: 320px;
	margin: 0 10px 0 10px;
	padding: 4px 10px 4px 10px;
	border-top:    2px solid #CC6600;
	border-bottom: 1px solid #CCCCCC;
}

/******************************************************
 FOLIO (portfolio images and thumbs)
 ******************************************************/

#cFolioDiv {
	text-align: center;
	width: 360px;
	margin: 20px 10px 0 10px;
}

.cFolioTable {
	margin-top: -5px;
}

.cFolioIm1 {
	font: bold 10px sans-serif; color: #990000;
	margin-bottom: 10px;
	border: 1px solid #666666;
}
.cFolioIm1b {
	font: bold 10px sans-serif; color: #990000;
	margin-bottom: 10px;
}
.cFolioIm2 {
	font: bold 10px sans-serif; color: #990000;
	margin: 0 5px 10px 5px;
	border: 1px solid #666666;
}
.cFolioIm2b {
	font: bold 10px sans-serif; color: #990000;
	margin: 0 5px 10px 5px;
}
.cFolioIm3 {
	font: bold 10px sans-serif; color: #990000;
	border: 1px solid #666666;
}

.cFolioTh1 {
	font: bold 10px sans-serif;	color: #990000;
	border-top:    1px solid  #CCCCCC;
	border-right:  2px outset #FFFFFF;
	border-bottom: 2px outset #FFFFFF;
	border-left:   1px solid  #CCCCCC;
}
a:hover .cFolioTh1	{
	border-top:    2px inset  #FFFFFF;
	border-right:  1px solid  #999999;
	border-bottom: 1px solid  #999999;
	border-left:   2px inset  #FFFFFF;
}
a:active .cFolioTh1 {
	border-top:    1px solid  #CCCCCC;
	border-right:  2px outset #FFFFFF;
	border-bottom: 2px outset #FFFFFF;
	border-left:   1px solid  #CCCCCC;
}

.cFolioTh2 {
	font: bold 10px sans-serif; color: #990000;
	border-top:    1px solid  #FAFAEB;
	border-right:  2px solid  #FAFAEB;
	border-bottom: 2px solid  #FAFAEB;
	border-left:   1px solid  #FAFAEB;
}
a:hover .cFolioTh2  {
	border-top:    2px solid  #FAFAEB;
	border-right:  1px solid  #FAFAEB;
	border-bottom: 1px solid  #FAFAEB;
	border-left:   2px solid  #FAFAEB;
}
a:active .cFolioTh2	{
	border-top:    1px solid  #FAFAEB;
	border-right:  2px solid  #FAFAEB;
	border-bottom: 2px solid  #FAFAEB;
	border-left:   1px solid  #FAFAEB;
}

.cFolioHead {
	font: bold 8px Verdana, Tahoma, Arial, sans-serif;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
	width: 340px;
	margin: 0 10px 0 10px;
	padding: 10px 0 10px 0;
}
.cRule {
	width: 340px;
	height: 1px;
	margin: 5px 10px 0 10px;
}


/****************************************************** FOOTER (BOTTOM) */

#footerTop {
	clear: both;
	width: 100%;
}

/******************************************************
 JUMP MENU - footer
 ******************************************************/

#fTopRight {
	background: url(../graphics/bgrule.gif) repeat-x;
	float: right;
	width:210px;
	height: 18px;
	padding: 1px 10px 0 10px;
	margin-top: 5px;
}
#fJumpMenu {
	font: bold 8px Verdana, sans-serif;
	color: #333333;
	background-color: #FFFFFF;
}

/******************************************************
 THUMBS - footer
 ******************************************************/

#fTopLeft {
	font: bold 10px Verdana, Tahoma, Arial, sans-serif;
	color: #FFFFFF;
	background-color: #4C4C4C;
	float: left;
	width:470px;
	height: 16px;
	padding: 3px 10px 0 10px;
	margin-top: 5px;
}

#fTopCenter {
	clear: both;
	width: 100%;
}

/******************************************************
 SITE INFO (Copyright, W3C) - footer
 ******************************************************/

#fCenter {
	font: 9px Tahoma, Verdana, Arial, sans-serif;
	letter-spacing: 1px;
	text-transform: uppercase;
	text-align: center;
	color: #CCCCCC;
	background-color: #666666;
	width: 720px;
	padding: 7px 0 2px 0;
}
#fCenter a:link,
#fCenter a:visited { color: #CCCCCC }
#fCenter a:hover,
#fCenter a:active  { color: #FFFFFF }

/******************************************************
 COUNTER, LICENSE - footer
 ******************************************************/

#fBottom {
	text-align: center;
	width: 720px;
	margin: 0 auto 0 auto;
}
.fImage          {border: 1px outset #666666; margin-bottom: 4px}
a:hover .fImage  {border: 1px outset #FFFFFF}
a:active .fImage {border: 1px outset #FFFFFF}