/* CSS Document */
/******
	red:	#DE0601
	lighter red: #FD1813
	orange:	#FDCF00
****/
* {margin:0 auto; padding:0}
body{font-family: Arial, Helvetica, Geneva, sans-serif; font-size:14px; color:#000; 
	margin-left:auto; margin-right:auto; text-align:center;}
#wrap {background:url(images/shadow.jpg) center repeat-y; top:2px; }
#holder {font-size:90%;}
p {line-height:1.5em}
h2, h3, li {color:#000;}
h4 { font-size: 106%; color: #000; margin-bottom: 0.125em; padding-bottom:0}
td  { vertical-align:top; text-align:left;}
h1 {font-size: 138%}
h2 {font-size: 128%}
h3 {font-size: 118%}
h4 {font-size: 118%}
li {margin-left: 1.5em;}
.pad1   { color: #000; padding-top: 10px; padding-left: 20px }
.copy { font-size: 9px }
.clear {clear:both;}
a {text-decoration:underline; color: #333333;}
a:visited {color: #666666; font-weight:normal}
a:hover {text-decoration:underline; color:#CC6600;}
#top {width: 540px; height:45px; clear: both; margin-top:1.5em; margin-bottom:1em; font-size:85%; text-align:left}

/***  for all the page titles **/
.abovePageName {background-color:#fff; border-bottom:0px solid #fff; height:0px; margin-bottom:18px}
#pageName {padding-left: .75em; vertical-align:middle;  color: #fff;  background: #DE0601; 
		margin-top: auto; margin-bottom:auto; text-align:left; font-family:  Helvetica, sans-serif,Verdana, Arial,; 
		height:30px; border-top:1px solid #fff;}
#pageName h1 {font-size:115%;letter-spacing:1px;}
.underNav {width:202px; background-color:#FDCF00;height:20px}

.mastheadImg{ height:232px; float:left; width:545px; padding:0; margin:0;_margin-left:1px;
	clear: both;  border:0; border-bottom: 0px solid #FFCC00; background-color: #ffcc00}
.white { color: #fff; background-color: #FD1813; width:202px; height:30px; border-TOP:1px solid #fff; }


/*** style for phone number in header ****/
.hdrPhn{ font-size: 100%; color:#000; font-weight:bold;text-align:center; vertical-align:top;
	 border-top: 0px solid #699c9d; border-bottom: 0px solid #699c9d; padding: .5em 3em .5em .25em; }
.hdrPhn3{ font-size: 120%; color:#fff; font-weight:bold; text-align:center; 
	vertical-align:middle; padding: 2.1em 0em 25px 2.5em; _padding: 1.6em 0em 25px 10px; 	
	margin-left:auto; margin-right:auto; width:505px; float:left; border:0px solid yellow;
	letter-spacing:1px}
.hdrPhn3 a {text-decoration:none; color:#fff; text-align:center; }
.hdrPhn3 a:hover {text-decoration:underline;color: #FDCF00}

.hdrPhn2{ font-size: 14px; color:#6b9c9d; text-align:right; vertical-align:middle; border-top: 0px solid #699c9d; border-bottom: 0px solid #699c9d; padding: .25em 1.5em; }
.hdrPhn a, .hdrPhn2 a {text-decoration:none;color:#ededed; padding-left:3em;}
.hdrPhn a:hover, .hdrPhn2 a:hover {text-decoration:underline;color:#6b9c9d;}
.hdrPhn a:visited, .hdrPhn2 a:visited {color:#fff}

/*===================================*/
#content {clear:both; width:545px; padding:.55em; border: 0px dashed #cc9988; min-height:400px; 
	font-size: .95em;_font-size:12px; }
#content td {line-height:1.5em; vertical-align:top;_font-size:.75em;}
#content td p {margin:0;_font-size:100%}
#content p {margin-top: 1em; margin-bottom:1em; line-height:1.5em; _font-size:.85em}
#content ul li, #content ol li {line-height:1.5em;_font-size:.85em}
#content h1 {margin-bottom: 1.5em; margin-top:1em;text-align:center}
#content h2 {margin-top: 2em; margin-bottom:1em; text-align:center}
#content h3 {margin-top: 1.75em;}
#content h4 {margin-top:1.25em; margin-bottom:1.0em;text-align:center }
#calendar td {_font-size:90%; margin-top: 12px}
.presenter {font-style:italic}
#anchors {width:530px;_500px; margin: 1em auto;}
#anchors a {padding:.5em .5em 0 0; margin-right:1em;}
#return {text-align:right; width:500px; margin: 1.5em; padding-right:1.5em;}
#return a {font-size:xx-small; color:#CC6600;}
#footer {width:720px;font-size:10px; color:#999999; border-top: 0px solid #999999; text-align:center; margin: -5px auto;}
.leftfoot {float:left;width:470px; }
.rightfoot {float:right;width:150px;}

/*============= SIDE BAR ============*/
#sidebar {width:180px; #width:190px;text-align:center; margin:2em 5px 25px 4px;
	border:0px solid green; _font-size:12px; }
#sidebar h1 {font-size:115%; font-weight:bold; padding: .25em 2px 8px 2px}
#sidebar h2, #sidebar h3,#sidebar h4, #sidebar h5 {font-size:105%; font-weight:bolder; margin-top: 1.25em;padding-right:.25em; padding-left:.25em}
#sidebar h5 {font-size:100%; font-weight:bold}
#sidebar li {margin-left: 26px;_margin-left:-5px; text-align:left;padding-right:8px; padding-bottom:1.125em;}
#sidebar a, #sidebar p a {color: #cc0000; text-decoration:underline; text-align:center;}
#sidebar a:hover, #sidebar p a:hover{color:#000;text-decoration:none;}
#sidebar a:visited,  #sidebar p a:visited{color: #666666; font-weight:normal}	
#sidebar p {padding: .25em 8px .5em 8px; line-height:1.35em; text-align:left;}
.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FDCF00}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #feea08;
  border-right:1px solid #feea08;
  background:#fddb03}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefa0d;
  border-right:1px solid #fefa0d;
  background:#fdd802}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fdd802;
  border-right:1px solid #fdd802;}
.spiffy4{
  border-left:1px solid #feea08;
  border-right:1px solid #feea08}
.spiffy5{
  border-left:1px solid #fddb03;
  border-right:1px solid #fddb03}
.spiffyfg{
  background:#FDCF00 top left; _font-size: x-small;}


/**  adding space to lower left col  ***/
.leftCol { padding: 0.25em 0.5em }
.leftCol h4 {margin-top: 1.5em;}
.leftCol p { font-size: 100%; }
.leftP {font-size: 95%}
a.anchor, a:hover.anchor {text-decoration: none;}

.contactFrmTbl {background-color:#E8E8BB }
.contactTr { background:#E8E8BB url(images/tr.gif) right no-repeat; background-position: top right;}
.contactBr { background:#E8E8BB url(images/br.gif) right no-repeat}
#contactForm {width:128px;vertical-align:top;padding:0 1.25em; background:#E8E8BB;  text-align:center}

form { width: 120px; margin: 0.25em auto; font-size: 95%;margin:0 auto;}
.formmessage {width: 120px; font-family:Helvetica, Arial;border: 1px solid #336666;font-size:12px}
.formFld { width: 120px; margin-bottom: 5px; border: 1px solid #336666;}
.inputBtn{ text-align:center; border: 1px solid #336666; padding-left:1px}

/*==========================================*/
.contactTit h4 { text-align:center; margin: 0; font-style: normal;font-size:14px; padding:0}

.contactSml{font-size:85%; letter-spacing:.010em;color:#669999; white-space:nowrap}

#contactFormPg { width: 80%; vertical-align:top; margin-right: 1em}
#contactFormPg h4 {margin-bottom: 16px}
#contactFormPg form {text-align:left; margin-left: 1.25em}
#contactFormPg .formFld {width: 220px}
#contactFormPg .formmessage {width: 350px}


/*==========================================*/
.car {margin-right: .75em;}
.locPics {border: 1px solid #336666;}
.staffSml { height: 84px; width:66px; border:1px solid #336666;}
.staffBio { height: 150px; width: 116px; border: 1px solid gray; float:left}
.staffSml a, .staffSml a:link, .staffSml a:visited, .staffSml a:hover {text-decoration:none; border:1px solid #336666;}
div.top {float:right; margin-bottom: 1.5em; }
.imgBrdr { border: #336666 solid 1px; margin:  0 1em .125em .125em;}

/*==========================================*/
hr {}

#form1 {text-align:left}

#hacNav tr td img {float:left; margin-left:4px; filter:alpha(opacity=75);moz-opacity:.75;opacity:.75}

/*==========================  NAVIGATION  ==================================*/
#navcontainer{
	margin:0; margin-top: 1.5em;padding:0; border:0px solid brown; font-size:.95em;_font-size:90en}
#navlist {
	padding-left: 0; margin-left: .25em; margin-right: .75em; border-bottom: 0px solid gray; width: 188px; }
#navlist li {
	list-style: none; margin: 0; padding: .35em .45em; border-bottom: 1px solid #FF;}
#navlist li a { 
	text-decoration: none; color: #FFF; font-weight: 500;  width:180px; background: url(images/navarrow.gif) center right no-repeat; 
	display:block; letter-spacing:0.15em; border-bottom:1px solid white; text-align:left;}
#navlist li a:hover {color:#FDCF00; background: url(images/navarrowovr.gif) center right no-repeat; border-bottom:1px solid #FDCF00}
a .navlast { padding-bottom:0; border-bottom:0; margin-bottom:0; }

#training {margin-right:auto; margin-left:auto; width:400px; text-align:center}
#training a {padding: 2px 15px}
#credit {text-align:center}
#credit a {color: #aaa;}
#credit a:hover {color: #555}