/* Fusionbox Admin CSS Template */

/* Reset default positioning values */
@import "reset.css";

/*************** Layout */

html, body {
  background: #ffffff url(../image/bg.gif);
}

#wrapper {
  width: 992px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 17px;
  color: #333333;
}

#background {
  float: left;
  display: inline;
  width: 992px;
  height: auto;
  background: #ffffff url(../image/body_bg.gif) repeat-y;
}

#headerWrap {
  float: left;
  display: inline;
  width: 984px;
  height: 150px;
  margin: 0px 4px 0px 4px;
  background: url(../image/homepage_bg_top.jpg) bottom no-repeat;
}

#header {
  float: left;
  display: inline;
  width: 984px;
  height: 150px;
  margin: 0px 4px 0px 4px;
  background: url(../image/header_bg.gif) repeat-x;
}

#headerWrap #header {
  margin: 0px;
}

#content {
  float: left;
  display: inline;
  width: 984px;
  height: auto;
  margin: 0px 4px 0px 4px;
  background: url(../image/internal_bg.gif) bottom right no-repeat;
}

#logo {
  position: relative;
  top: 13px;
  left: 8px;
  float: left;
  display: inline;
  width: 232px;
  height: 132px;
  font-size: 22px;
  line-height: 26px;
}

#login {
  float: right;
  display: inline;
  width: 266px;
  height: 38px;
  margin: 0px 0px 10px 0px;
  background: url(../image/login_bg.jpg) no-repeat;
}

#login span {
  float: left;
  display: inline;
  width: 66px;
  height: 38px;
  margin: 0px 0px 0px 22px;
  font-size: 10px;
  line-height: 28px;
  color: #bbccdd;
}

#login input.text {
  float: left;
  display: inline;
  width: 51px;
  height: 11px;
  font-size: 10px;
  line-height: 14px;
  background-color: #7799bb;
  border-color: #7799bb;
  border-width: 2px;
  color: #ddeeff;
  margin: 5px 6px 0px 0px;
}

#login input.last {
  margin-right: 0px;
}

#login input.submit {
  float: right;
  display: inline;
  width: 43px;
  height: 18px;
  font-size: 10px;
  line-height: 18px;
  text-align: center;
  border-width: 0px;
  color: #336699;
  padding: 0px;
  margin: 4px 6px 0px 0px;
  background: url(../image/button_login.gif) no-repeat left;
}

#login input.submit:hover {
  background-position: right;
  cursor: pointer;
  color: #4499ee;
}


#nav {
  float: right;
  clear: right;
  display: inline;
  width: 642px;
  height: 36px;
  margin: 9px 4px 0px 0px;
}

/*
#nav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#nav ul li {
  float: left;
  line-height: 22px;
  margin: 0px;
  padding: 0px;
}

#nav ul li#navHome {
  width: 50px;
  height: 36px;
}

#nav ul li#navAbout {
  width: 50px;
  height: 36px;
}

#nav ul li#navServices {
  width: 60px;
  height: 36px;
}

#nav ul li#navPersonnel {
  width: 70px;
  height: 36px;
}

#nav ul li#navOps {
  width: 154px;
  height: 36px;
}

#nav ul li#navForms {
  width: 50px;
  height: 36px;
}

#nav ul li#navContact {
  width: 60px;
  height: 36px;
}

#nav ul li#navAccess {
  width: 120px;
  height: 36px;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: center;
  line-height: 34px;
  color: #666666;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  border-bottom: solid 2px #f5f5f5;
}

#nav ul li a.here, #nav ul li a:hover {
  color: #333333;
  border-bottom: solid 2px #cccccc;
}

#nav ul li a:active {
  color: #336699;
  border-color: #336699;
}
*/

#footer {
  float: left;
  display: inline;
  width: 984px;
  height: 60px;
  margin: 0px 4px 0px 4px;
  font-size: 11px;
  line-height: 20px;
  text-align: center;
  color: #666666;
  background: url(../image/footer_bg.gif) repeat-x;
}

#backgroundFooter {
  float: left;
  display: inline;
  width: 992px;
  height: 5px;
  background: url(../image/footer_bottom.png) no-repeat;
}


/*************** Homepage */

#homepage {
  float: left;
  display: inline;
  width: 984px;
  height: auto;
  min-height: 350px;
  background: url(../image/homepage_bg.jpg) no-repeat;
}
/*
#homepageTagline {
  float: right;
  clear: both;
  display: inline;
  width: 350px;
  height: 110px;
  margin: 0px 30px 50px 604px;
  font-family: georgia, serif;
  font-size: 55px;
  line-height: 45px;
  color: #003366;
  text-align: right;
  letter-spacing: -2.0px;
}
*/

#homepageTagline {
  clear: both;
  display: inline;
  height: 110px;
  font-family: georgia, serif;
  font-size: 55px;
  line-height: 45px;
  color: #003366;
  text-align: right;
  letter-spacing: -2.0px;
}

.homepageBucket {
  float: left;
  display: inline;
  width: 226px;
  height: 208px;
  margin: 0px 0px 0px 16px;
}

.homepageBucket h1 {
  width: 211px;
  height: auto;
  padding: 8px 0px 0px 0px;
  margin: 0px 0px 8px 8px;
  color: #446699;
  font-size: 18px;
  line-height: 22px;
  border-top: solid 2px #446699;
}

.homepageBucket div.inner {
  width: 211px;
  height: auto;
  margin: 0px 0px 0px 8px;
  line-height: 18px;
}

.homepageBucket div.inner p {
  width: 211px;
  height: auto;
  margin: 0px 0px 8px 0px;
  color: #445566;
  font-size: 12px;
  line-height: 18px;
}

.homepageBucket div.inner p a {
  font-size: 12px;
  line-height: 18px;
}

.homepageBucket div.inner.big {
  font-size: 14px;
  line-height: 18px;
}
/*************** Internal Pg */

#breadCrumb {
  float: right;
  display: inline;
  width: 600px;
  height: 55px;
  line-height: 55px;
  font-size: 10px;
  color: #999999;
  text-align: right;
  padding: 0px 19px 0px 0px;
}

#leftNav {
  float: left;
  display: inline;
  width: 206px;
  height: auto;
  margin: 0px 0px 0px 19px;
  z-index: 10000;
  position: relative;
  border-top: solid 2px #6085c0;
}

#leftNav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#leftNav ul li {
  float: left;
  display: inline;
  width: 206px;
  height: auto;
  line-height: 14px;
  border-bottom: solid 1px #cccccc;
}

#leftNav ul li a, #leftNav ul li a:link, #leftNav ul li a:visited {
  display: block;
  width: 166px;
  height: auto;
  padding: 10px 28px 10px 12px;
  text-decoration: none;
  font-weight: bold;
  color: #0047b6;
}

#leftNav ul li a:hover, #leftNav ul li a:active {
  background: #eeeeee;
}

#leftNav ul li.here {
  background: #1651ae url(../image/leftnav_bg.gif) top repeat-x;
}

#leftNav ul li a.hereSmall {
  background: #eeeeee;
}

#leftNav ul a.here, #leftNav ul li a.here:link, #leftNav ul li a.here:visited, #leftNav ul li a.here:hover, #leftNav ul li a.here:active {
  color: #ffffff;
  background: url(../image/leftnav_arrow.jpg) right no-repeat;
}

#internalContent {
  float: left;
  display: inline;
  width: 494px;
  height: auto;
  min-height: 400px;
  margin: 0px 0px 0px 19px;
  padding: 10px 0px 25px 0px;
  border-top: solid 2px #6085c0;
}


.sideBar {
  float: right;
  display: inline;
  width: 206px;
  height: auto;
  margin: 0px 19px 0px 0px;
  padding: 0px;
  background: url(../image/sidebar_bg.gif) top no-repeat;
}

.sideBar p {
  width: 182px;
  height: auto;
  margin: 12px 12px 0px 12px;
  padding: 0px;
}

.sideBarBottom {
  float: left;
  display: inline;
  width: 206px;
  height: 5px;
  line-height: 0px;
  font-size: 0px;
  margin: 7px 0px 0px 0px;
  padding: 0px;
  background: url(../image/sidebar_bottom.gif) bottom right no-repeat;
}

/*************** Footer */

a.access, a.access:link, a.access:visited {
  float: left;
  display: block;
  width: 141px;
  height: 25px;
  margin: 14px 14px 0px 14px;
  background: url(../image/button_access.gif) left no-repeat;
}

a.access:hover, a.access:active {
  background-position: right;
}

a.signup, a.signup:link, a.signup:visited {
  float: left;
  display: block;
  width: 110px;
  height: 25px;
  margin: 14px 0px 0px 0px;
  background: url(../image/button_signup.gif) left no-repeat;
}

a.signup:hover, a.signup:active {
  background-position: right;
}

#footerLinks {
  float: right;
  display: inline;
  width: 550px;
  height: auto;
  margin: 12px 14px 0px 0px;
  font-size: 10px;
  line-height: 14px;
  text-align: right;
}

#footerLinks a, #footerLinks a:link, #footerLinks a:visited, #footerLinks span {
  margin: 0px 0px 0px 10px;
  color: #999999;
  text-decoration: none;
}

#footerLinks a:hover, #footerLinks a:active {
  color: #666666;
  text-decoration: underline;
}


/*************** Tags */

h1 {
  float: left;
  display: inline;
  width: 494px;
  height: auto;
  font-weight: bold;
  color: #0047b6;
  letter-spacing: -1.0px;
  font-size: 22px;
  line-height: 26px;
  font-family: georgia, serif;
  margin: 0px 0px 12px 0px;
}

h2 {
  float: left;
  display: inline;
  clear: left;
  width: 494px;
  height: auto;
  font-size: 17px;
  line-height: 21px;
  font-weight: normal;
  color: #0047b6;
  font-family: georgia, serif;
  margin: 0px 0px 8px 0px;
}

h2 a, h2 a:link, h2 a:visited {
  color: #0047b6;
}

h2 a:hover, h2 a:active {
  color: #3377d6;
}

h3 {
  float: left;
  display: inline;
  clear: left;
  width: 494px;
  height: auto;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  color: #999999;
  font-family: tahoma, geneva, sans-serif;
  margin: 0px 0px 6px 0px;
}

h4 {
  float: left;
  display: inline;
  clear: left;
  width: 494px;
  height: auto;
  font-size: 12px;
  line-height: 16px;
  font-weight: bold;
  color: #0047b6;
  font-family: tahoma, geneva, sans-serif;
  margin: 0px 0px 4px 0px;
}

p {
  float: left;
  display: inline;
  width: 494px;
  height: auto;
  margin: 0px 0px 12px 0px;
  line-height: 17px;
}

a, a:link {
  color: #0047b6;
}

a:visited {
  color: #0047b6;
}

a:hover, a:active {
  color: #3377d6;
}

img {
  border: solid 4px #eeeeee;
}

blockquote {
  float: left;
  display: inline;
  width: 462px;
  height: auto;
  padding: 12px;
  margin: 0px 0px 12px 0px;
  color: #999999;
  font-size: 12px;
  line-height: 17px;
  background: #eef8ff;
  border: solid 1px #557799;
}

blockquote p {
  width: 462px;
  margin: 0px;
}


/*************** Column Layout */

.half h1, .half h2, .half h3, .half h4, .half p {
  width: 368px;
  height: auto;
}

.third h1, .third h2, .third h3, .third h4, .third p {
  width: 253px;
  height: auto;
}

.twoThirds h1, .twoThirds h2, .twoThirds h3, .twoThirds h4, .twoThirds p {
  width: 506px;
  height: auto;
}

.half blockquote {
  width: 340px;
}

.third blockquote {
  width: 212px;
}

.twoThirds blockquote {
  width: 468px;
}


/*************** Lists */

ul.parent {
  float: left;
  display: inline;
  font-weight:bold;
  height: auto;
  margin: 5px;
  list-style-type: none;
}

ul.parentnobold {
  float: left;
  display: inline;
  font-weight:normal;
  height: auto;
  margin: 5px;
  list-style-type: none;
}

ul.intern {
  float: left;
  display: inline;
  font-weight:normal;
  height: auto;
  margin: 5px;
  list-style-type: disc;
}

span.childul {
  font-weight:bold;
  margin:0px;
}

span.childit {
  font-style:italic;
  margin:0px;
}

div.list {
  float: left;
  display: inline;
  width: 494px;
  height: auto;
  margin: 0px 0px 12px 0px;
}

ul, ol {
  margin: 0px;
}

ul {
  list-style: disc;
  padding: 0px 0px 0px 18px;
}

ol {
  list-style: decimal;
  padding: 0px 0px 0px 28px;
}

ul li, ol li {
  font-size: 12px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}

ul li ul {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;
}

ol li ol {
  margin: 4px 0px;
  padding: 0px 0px 0px 18px;
}

ul li ul li, ol li ol li {
  font-size: 11px;
  line-height: 16px;
  padding: 0px;
  margin: 0px;
}


/*************** Tables */

table {
  float: left;
  clear: left;
  display: inline;
  width: 750px;
  height: auto;
  margin: 0px 0px 12px 0px;
}

table tr th {
  width: 150px;
  height: auto;
  font-weight: normal;
  padding: 8px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

table tr td {
  width: 600px;
  height: auto;
  padding: 5px 5px 5px 0px;
  vertical-align: top;
  line-height: 16px;
}

/*************** Forms */

input {
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

input.file {
  width: 308px;
  height: auto;
}

input.text {
  width: 300px;
  height: auto;
}

input.city {
  width: 184px;
  height: auto;
}

input.zip {
  width: 50px;
  height: auto;
}

span.check {
  float: left;
  clear: left;
  display: inline;
  font-size: 12px;
  line-height: 16px;
}

span.check input {
  float: left;
  display: inline;
  width: auto;
  height: auto;
  border: 0px;
  background: none;
  margin: 0px 8px 0px 0px;
  padding: 0px;
  font-size: 12px;
  line-height: 16px;
}

select {
  width: 308px;
  height: auto;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

select.multiple {
  width: 308px;
  height: auto;
}

select.state {
  width: 50px;
  height: auto;
}

select.month {
  width: 80px;
  height: auto;
}

select.day {
  width: 50px;
  height: auto;
}

select.year {
  width: 80px;
  height: auto;
}

textarea {
  width: 300px;
  height: 150px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #333333;
  border: solid 4px #eeeeee;
  background: #eeeeee;
}

button {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 3px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 16px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
}

button:hover {
  background: #99ccee;
  cursor: pointer;
}

button.submit {
  color: #4a8933;
  background: #aad993;
  border: solid 1px #7aa963;
}

button.submit:hover {
  background: #cae9b3;
  cursor: pointer;
}

button.delete {
  color: #990000;
  background: #ee9999;
  border: solid 1px #aa2222;
}

button.delete:hover {
  background: #ffcccc;
  cursor: pointer;
}

a.button, a.button:link, a.button:visited {
  width: auto;
  height: auto;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px;
  font-family: tahoma, geneva, sans-serif;
  font-size: 12px;
  line-height: 20px;
  color: #226699;
  font-weight: bold;
  text-align: center;
  background: #88bbdd;
  border: solid 1px #3388bb;
  text-decoration: none;
}

a.button:hover, a.button:active {
  background: #99ccee;
  text-decoration: none;
}

.error {
  float: left;
  display: inline;
  width: 756px;
  height: auto;
  font-size: 14px;
  font-weight: bold;
  color: #990000;
  background: #ee9999;
  border: 1px solid #aa2222;
  padding: 5px;
  margin: 0px 0px 12px 0px;
}

/*************** Generic Classes */

.floatLeft 			{ float: left; display: inline; }
.floatRight 		{ float: right; display: inline; }
img.floatLeft		{ float: left; display: inline; margin: 0px 8px 20px 0px; }
img.floatRight	{ float: right; display: inline; margin: 0px 0px 8px 8px; }
.centered 			{ text-align: center; }
.alignRight 		{ text-align: right; }
.serif					{ font-family: georgia, serif; }

.tiny 					{ font-size: 10px; line-height: 16px; }
.small 					{ font-size: 11px; line-height: 16px; }
.normal 				{ font-size: 12px; line-height: 16px; }
.medium 				{ font-size: 14px; line-height: 18px; }
.big 						{ font-size: 16px; line-height: 20px; }
.huge 					{ font-size: 20px; line-height: 26px; }

.italic 				{ font-style: italic; }
.bold 					{ font-weight: bold; }
.nobold 				{ font-weight: normal; }

.noborder 			{ border: 0px; }

.grey						{ color: #999999; }
.blue						{ color: #336699; }
.green					{ color: #339933; }
.red						{ color: #993333; }
.black					{ color: #111111; }

.half 					{	width: 368px; padding: 0px 12px 12px 0px; }
.third					{ width: 241px; padding: 0px 12px 12px 0px; }
.twoThirds			{	width: 495px; padding: 0px 12px 12px 0px; }

.marginBottom		{ margin-bottom: 8px; }
.padBottom			{ padding-bottom: 8px; }
.noMargin				{ margin: 0px; }



div.contactPage div.group
{
	margin: 0 10px 10px 0; 
	font-weight:bold; 
	font-size: 150%;
	text-decoration:underline;
	color: #8C8C8C;
}