@charset "utf-8";
/* CSS Document */

body { 
	background-image: url(../images/page-bg.gif);
	font-family: Verdana, Arial, Helvetica, saes-serif;
	font-size: .8em;
	margin: 0px;
}

h1	{ font-size: 1.2em; background-color: #ccc; padding: 3px; }
h2	{ font-size: 1.0em; margin: 0px; padding: 0px; }
ul 	{ margin-top: 6px; padding: 0px 0px 0px 28px; }
ul li { padding-top: 4px; }

a img { border: none; }

a 				{ color: #666666; }
a:link		{ color: #666666; }
a:visited	{ color: #808080; }
a:hover 	{ color: #FF6600; }
a:active 	{ color: #FF6600; }

a.bold					{ color: #FF6600; font-weight: bold; }
a.bold:link			{ color: #FF6600; }
a.bold:visited	{ color: #FF6600; }
a.bold:hover 		{ color: #FF6600; text-decoration: none; }
a.bold:active 	{ color: #FF6600; }

#left { float: left; padding: 0px; }
#right { float: left; padding: 0px; }

#form 		{ background-color: #dfdfdf; }
#form td 	{ background-color: #efefef; }

#outer-wrapper 		{ position: absolute; left: 20px; right: 20px; min-width: 800px; background-color: transparent; }

#header						{ position: absolute; top: 0px; left: 0px; background: url(../images/head-top-bg.gif) repeat-x; width: 100%; margin-right: 223px;}
#header-rt				{ position: relative; float: right; width: 223px; height: 41px; background: url(../images/head-top-right-bg.gif) repeat-x; }
#header-banner		{ position: absolute; top: 41px; height: 52px; width: 100%; text-align: right; background-color: #a0a0a0; }

#logo							{ position: absolute; top: 41px; z-index: 2; width: 100px; height: 119px; background: url(../images/logo.gif) top no-repeat; }
#logo a 					{ display: block; background: url(../images/logo.gif) top; width: 100px; height: 119px; }
#logo a:hover 		{ background: url(../images/logo.gif) no-repeat bottom; }


#links						{ position: absolute; margin-top: 93px; left: 100px; right: 0px; height: 67px; background-color: #808080; z-index: 2; }
#links ul					{ position: relative; float: left; margin: 0px; padding: 0px; margin: 0px; list-style: none; z-index: 1; }
#links li					{ list-style: none; float: left; margin: 0px; padding: 0px 0px;  }
#links li a 				{ display: block; background-color: #808080; border-top: 2px #808080 solid; border-bottom: 2px #808080 solid; }
#links li a:hover 	{ background-color: #909090; border-top: 2px #ff9000 solid; border-bottom: 2px #ff9000 solid; }

#link-banner			{ float: right; z-index: 2; height: 67px; width: 223px; background-color: #ff9000; }

#content					{ position: absolute; top: 160px; left: 0px; width: 100%; float: left; background: url(../images/content-bg-right.gif) right repeat-y #dfdfdf; }
#content-inner-wrapper	{ position: relative; width: 100%; background: url(../images/content-bg.gif) left repeat-y; }

#content-sidebar-gallery		{ margin-top: 10px; }
#content-sidebar-gallery p 	{ margin-top: 20px; }

#footer	{ position: relative; bottom: 0px; margin-top: 5px; width: 100%; background: url(../images/foot-mid-bg.gif) repeat-x; height: 77px; }
#footer .left 	{ float: left; width: 100px; height: 77px; background: url(../images/foot-left.gif) no-repeat; }
#footer .center { float: left; text-align: center; color: #dfdfdf; margin-top: 30px; margin-left: -162px; margin-right: -161px; width: 100%; font-weight: bold; }
#footer .right 	{ float: right; width: 223px; height: 77px; background: url(../images/foot-right.gif) no-repeat; }

#content-body {
	position: relative;
	z-index: 3;
	margin: 5px;
	margin-top: 0px;
	margin-right: 7px;
	padding: 0px;
}
#level0 {
	position: relative;
	background: url(../images/left-bg.gif) repeat-y; 
	border: 1px solid #808080; 
	width:100%;
}
#level1 {
	position: relative;
	margin-left:94px;
	padding-left:0px;
	background:#efefef;
}
#level2 {
	position:relative;
	background: #FFF3AC url(../images/content-sidebar-bg.gif) repeat-y right; 
	width:100%;
}
#main {
	position: relative;
	z-index: 2;
	margin-right: 216px;
	border-right: 1px solid #ccc;
	padding: 10px 9px 15px 15px;
	background: #efefef;
	min-height: 545px; 
}
#main.wide {
	margin-right: 10px;
	border-right: none;
}
#lftBar {
	position:absolute;
	z-index: 3;
	width:94px;
	left: 1px;
	top: 1px;
}
#rtBar {
	position:absolute;
	width:217px;
	top:0px;
	right:0px;
	text-align: center;
}
#home-photo {
	position: relative;
	float: left;
	padding: 0px 10px 6px 0px;
}
#quick-contact-icons {
	margin-left: 2px;
	width: 134px;	
}
#quick-contact-icons a { }
.spacerImg { float: left; }

ul.sub {
	list-style: none;
	padding: 0px;
	margin: 0px 0px 0px 20px;
}
ul.sub strong {
	color: #444;
}
ul.sub strong.dark {
	color: #000;
}
a.collapsible {
	color: #000;
	text-decoration: none;
}
a.collapsible img {
	padding-right: 6px;
}

#image-scroller {
	float: left;
	margin-left: 60px;
}
#content-wrapper {
	float: left;
}
/* Contact Form */
.field-wrapper {
	border-bottom: 1px solid #aaa;
	padding: 10px;
	padding-bottom: 20px;
}
#frmEmail fieldset {
	border: 1px solid #ccc;
	padding: 10px;
}
#frmEmail legend {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16pt;
	color: #FF6600;
}
#frmEmail .label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #222;
}
#frmEmail .text {
	background: #fff url(../images/text-bg.gif) bottom left repeat-x;
	border: 1px solid #888;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt;
	color: #666;
	width: 350px;
	padding-left: 2px;
}
#frmEmail .focus {
	border: 1px solid #FF6600;
}
#Submit { margin-top: 16px; font-size: 14pt; }

/* Tooltips */
.tipper {
}
a.tipper {
}
.tool-tip {
	color: #fff;
	width: 200px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #FF6600;
	padding: 8px 8px 4px;
	background: url(../images/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(../images/bubble.png) bottom right;
}
.tool-loading {
	background: url(../images/ajax_load.gif) center center no-repeat;
	width: 30px;
	height: 30px;
	margin: 0 auto;
}