* {
	font: 10px verdana, arial, sans-serif;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
}

a: img {
  border: none;
}

u {
  text-decoration: underline;
}

b {
font-weight: bolder;
  }

i {
  font-style: italic;
}

p {
  margin-bottom: 8px;
}

#mainContainer {
  float: left;
	width: 898px;
  margin: 20px 20px 20px 20px;
  border: 2px solid;
}

#header #standardHeader {
  height: 83px;
  width: 100%;
  margin: 0px 0px 0px 0px;
  border-bottom: 0px solid;
}

#header #customHeader {
  background: url('/images/private/customHeader.gif');
  background-repeat: no-repeat;
  height: 160px;
  width: 100%;
  border-bottom: 0px solid;
}

#title {
  font: 42pt Cataneo BT, sans-serif;
  position: relative;
  top: 12px;
  left: 40px;
}

/* General Containers - 3 columns */

#contentContainer {
  padding: 0px 0px 0px 0px;
  border:  0px solid black;
 }

#pageContainer {
  position: relative;
  display: inline;
  float: left;
  width: 460px;
  margin-left: 220px;
  margin-top:  20px;
  border:      0px solid;
}

#basicLayout #sideSub #pageContainer {
  display: inline;
  float: left;
  width: 660px;
  margin-left: 220px;
  margin-top:  20px;
  border:       0px solid;
}

/* Sub Block Containers  */
#subBlockContainer1 {
  float: left;
  width: 204px;
  margin-left: -674px;
  margin-top:    20px;
}

#basicLayout #sideSub #subBlockContainer1 {
  float: left;
  width: 204px;
  margin-left: -874px;
  margin-top:    20px;
}

/*********************
 These "#basicLayout" sets are only needed when we are using the
 basicLayout. They override the standard settings (mainLayout)
 to move the subBlocks and pageContainer to compensate for
 not having both subBlocks.

 When we have topSubMenus, there is no subBlockContainer2. Just
 make it disappear by setting width & margin to zero.
 *********************/

#basicLayout #subBlockContainer2 
{
  left: -1000px;
  width: 0px;
  margin-right: 0px;
}

#subBlockContainer2 {
  float: right;
  width: 204px;
  margin-right: 6px;
  margin-top:  20px;
}

#subMenuContainer #sideSubMenu,
#messageContainer,
#quickEmailContainer,
#extLinksContainer {
  display: block;
  width:   200px;
  margin:  0px  0px 20px 0px;
  padding: 0px  0px 10px  0px;
  border: 2px solid;
 }

/* Override a few settings from above */
#subMenuContainer #sideSubMenu {
  margin:  -42px  0px 20px  0px;
  padding:  40px  0px 10px  0px;
}
 
#quickEmailContainer li
{
  list-style-type: none;
}

#footerContainer {
  clear: both;
  margin:  15px  0px 5px  0px;
  padding: 0px 20px 0px 20px;
  border: 0px solid blue;
}

#creditsContainer {
  clear: both;
  height: 20px;
  margin: 15px  0px 5px  0px;
	padding: 5px 20px 5px 20px;
}

/*  General Container attributes */

.credits{
  margin: 10px 10px 10px 10px;
}

#contact #staffSection,
#contact #emailSection,
#contact #addressSection {
  float: left;
	font-size: 12px;
  padding-top: 20px;
  padding-bottom: 10px;
}

#contact .column1 {
  float: left;
  width: 180px;
  margin-left: 20px;
}

#contact .column2 {
  float: left;
  margin-left: 5px;
}

.hhIntro{
  width: 300px;
}

#businessDataBlock {
  float: right; 
  font-size: 14px;
  margin-top: 100px; 
  margin-bottom: 100px; 
  margin-right: 30px;
}

#scroller {
  width: 550px;
  height: 20px; 
  font-size: 16px;
  margin: 0px 10px 0px 10px;
}
  
#pageContainer ul,
#pageContainer ol {
  margin:  12px 0px 12px 0px; 
  margin:  12px 0px 12px 20px; 
  padding: 0px 0px 0px 13px;
}

#contentContainer li { 
  font: 8pt verdana, sans-serif;
  text-align: justify;
  }

#contentContainer p
{ 
	font: 8pt verdana, sans-serif;
 	text-align: justify;
}

#listListContainer li,
#listListContainer *
{
  list-style-type: none;
  line-height: 2.0em !important;
}

#pageContainer #p01 blockquote
{
 margin-left: 30px;
}

#pageContainer #p01 blockquote blockquote
{
 margin-left: 60px;
}

#userPage p,
#userPage li,
#userPage *
{
  line-height: 1.5em;
  font-size: 10px;
}

#extLinksContainer ul{
  list-style-type: none;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

#extLinksContainer li{ 
  margin: 1px;
}

#extLinksContainer a{
  display: block;
  width: 175px;
  text-decoration: none;
  font-size: 10px;
  padding: 2px 5px;
  border-top:    0px solid;
  border-bottom: 0px solid;
  border-left:   5px solid;
}

#extLinksContainer a:hover{
  border-right: 5px solid;
}

#extLinksContainer li li a{
  text-decoration: none;
  font-size: 12px;
  margin: 0;
  padding: 2px 10px;
  border-left: 1px solid;
}

.pageLabel
{
  margin: 0px 1px 10px 0px;
	font-size: 14px;
}

#userPage .pageLabel
{
  margin: 0px 1px 0px 0px;
	font-size: 14px;
}

.subLabel{
  margin: 0px 0px 8px 10px;
	font-size: 12px;
}

.boldLabel{
	font-size: 12pt;
}

#letterTabs a,
#contact a,
#adminMenuContainer a,
#creditsContainer a,
#messageContainer a,
#pageContainer a,
.emphasize
{
  text-decoration: underline;
}

.strong,
strong
{
  font-weight: bolder;
  font-style: italic;
}

#extLinksContainer .boxHeader,
#messageContainer .boxHeader,
#quickEmailContainer .boxHeader,
#quickEmailContainer .emailBox,
#messageContainer p,
#adContainer p {
  padding: 10px 10px 10px 10px;
}

#subMenuContainer .boxHeader {
  padding: 6px 10px 10px 10px;
}

#subMenuContainer .boxHeader,
#extLinksContainer .boxHeader,
#quickEmailContainer .boxHeader,
#messageContainer .boxHeader
{
  font-size: 14px;
  margin-top: 0px solid;
  border-bottom: 0px solid;
}

#quickEmailContainer .sendButton {
  background-color: white;
  font-size: 1em;
}

/*  Admin Containers  */

#adminContainer {
  width: 100%;
  float: right;
  border-top: solid 1px;
  border-bottom: solid 1px;
}

#adminMenuContainer {
  width: 600px;
  border-top: solid 0px;
  border-bottom: solid 0px;
}

/*  Admin Container attributes  */

#adminMenuContainer ul li {
  display: inline;
  margin-left: 0px;
}

#adminMenuContainer ul li a {
  padding: 5px 0px 5px 10px;
}


/* MenuItem Container  */

#menuItemContainer
{
  width: 650px;
  float: left;
  clear: both;
  padding: 10px 10px 10px 10px;
  border: 2px solid;
  background-color: white;
}

/* List Containers  */

#listContainer {
  width: 650px;
  float: left;
  clear: both;
  padding: 10px 10px 10px 10px;
}

#listListContainer {
  width: 200px;
  clear: none;
  float: left;
}

#listContentContainer {
  float: left;
  width: 450px;
  margin-left: 0px;
}

#listAdmin
{
  border: 0px solid black;
  position: relative;
}

#listAdmin #createNewButton
{
  position: absolute;
  left: 310px;
  top: 0px;
  width: 90px;
}

#listAdmin .inTheListContainer {
  position: relative;
  top: 0px;
  float: left;
  width: 180px;
  min-width: 180px;
  clear: left;
}

#listAdmin .buttonsContainer {
  float: left;
  width: 95px;
  min-width: 95px;
  position: relative;
  top:  100px;
  margin: 0px 5px 0px 5px;
}

#listAdmin .candidatesContainer {
  position: relative;
  float: left;
  top: -20px;
  left: 45px;
  width: 180px;
  min-width: 180px;
}

#listAdmin .col1 {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 3px;
}

#listAdmin .col2 {
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 10px;
  width: 160px;
  min-width: 160px;
}

#listAdmin .col3 {
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
  width: 160px;
  min-width: 160px;
}

/* Member Containers  */

#memberContainer {
  width: 800px;
  float: left;
  clear: both;
  padding: 10px 10px 10px 10px;
}

#memberViewContainer {
  float: left;
  width: 500px;
}

#memberNavigationContainer {
  float: left;
  clear: right;
  width: 440px;
  margin: 0px 0px 20px -100px;
}

#memberContentContainer {
  float: left;
  clear: both;
  width: 420px;
  margin-left: -60px;
}

#letterTabsContainer {
  float: left;
  clear: both;
  width: 640px;
  margin: 0px 0px 20px 0px;  
}

#memberListContainer {
  width: 300px;
  clear: none;
  float: left;
}

/* Member Container Attributes  */

#memberListContainer li {
  margin: 0px 0px 3px -20px;
  list-style: none;
}

#memberListContainer a {
  font-size: 10px;
}

.fieldSet
{
  margin-bottom: 2px;  
}

.label
{
  width: 100px;
  float: left;
  clear: left;
}

.field
{
  width: 300px;
}

#mainSysAdmin .label
{
  width: 150px;
  float: left;
  clear: left;
}

#memberViewContainer li {
  margin: 0px 0px 0px -30px;
  list-style: none;
}

#memberViewContainer .checkBox {
  margin: 0px 0px 0px 30px;
}

/*
 * These are genAdmin page containers
 */
#scrollerContainer,
#scheduleMessageContainer,
#siteLayoutContainer,
#annPagesContainer,
#subBoxesContainer,
#indexPageSubMenuContainer,
#showFavLinksContainer,
#showQuickEmailContainer
{
  width: 600px;
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid;
}

#qEmailAdmin .helpMessage {
  border: 0px;
  margin-top: 20px;
  width:  300px;
}


#siteLayoutContainer{
  z-index: 10;
}

#annPagesContainer ul li,
.saveBtnSetFloat ul li{
  margin: 0;
  padding: 3px;
  list-style-type: none;
  font-family: verdana, arial, sans-serif;
  font-weight: normal;
}

.saveBtnSetFloat {
  float: left;
  position: fixed;
  left: 830px;
  top:  275px;
}

.superDuperAdminBlock{
  width:  100%;
  margin-left: -20px;
  border: 1px solid;
  padding: 5px;
  padding-left: 25px;
}

.annPageMessage
{
  margin: 0px 0px 0px 20px;
  font-size: 10px;
  width: 300px;
}

.spacer 
{
  float: left;
  clear: both;
  width: 100%;
  margin: 15px 0px 15px 0px;
}

.spacer .listButtons
{
  width: 70px;
}

/* #flyout Menu  */
/* Below Here */

/* all */
#nav li
{ 
  margin: 1px;
  list-style-type: none;
}

/*  all links */
#nav a,
#nav li ul a
{
  display: block;
  width: 122px;
  font-size: 10px;
  text-decoration: none;
  padding: 2px 5px;
  border-top: 0px solid;
  border-bottom: 0px solid;
  border-left:  5px solid;
}

/*  all link hovers */
#nav a:hover
{
  border-right: 5px solid;
}

/* second-level and third-level list boxes */
/* This is hidden until we hover */
#nav li ul {
  width: 150px;
  position : absolute;
  left: -1000px;
  margin-left : 142px;
  margin-top : -18px;
  border: 1px solid;
  padding-bottom: 3px;
  z-index: 51;
}

/* This prevents the third-level from showing when
 * hovering on second-level that has no third under it.
 */
#nav li:hover ul ul,
#nav li.sfhover ul ul
{
	left: -1000px !important;
}

/* displays second and third-levels as needed */
#nav li:hover ul,
#nav li.sfhover ul,
#nav li li:hover ul,
#nav li li.sfhover ul
{
	left: auto !important;
}

/* #flyout Menu  */
/* Above Here */

/*
 * Override flyout menu items as necessary for flydown menu
 * Below here
 */

/* Set the margin-right to occupy the space that the border will when hovering */
#mainMenuContainer
{
  height: 18px;
  border-top: 1px solid;
  border-bottom: 1px solid;
}

#mainMenuContainer #nav li
{
  position: relative;
  top: 1px;
}

#mainMenuContainer #nav li
{
  float: left;
  margin-right: 5px;
}

/* Now reduce the margin-right to allow the border-right to take that space */
#mainMenuContainer #nav li a:hover
{
  margin-right: -5px;
}

/* Let the link determine the width */
#mainMenuContainer #nav li a
{
  width: auto;
}

/* Keep the second and third-level widths consistent */
#mainMenuContainer #nav li ul a
{
  width: 122px;
}

/* second-level - put it under the first-level link */
#mainMenuContainer #nav li ul {
  margin-left: -2px;
  margin-top:  0px;
}

/* second-level - put it under the first-level link */
#mainMenuContainer #nav li ul {
  border-top:  0px solid;
}

/* second-level - put it under the first-level link */
#mainMenuContainer #nav li ul ul {
  border-top:  1px solid;
}

/* third-level - off to right of second-level */
#mainMenuContainer #nav li ul li ul{
  margin-left: 142px;
  margin-top: -18px;
}

/*
 * Override flyout menu items as necessary for flydown menu
 * Above here
 */

/*  hacks */
.clear:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  min-height: 1px;
}

* html .clear {
  height: 1px;
}

hr.clear {
  clear: both;
}



/*********************
 * Experiments images, etc.
 *********************/

#imgViewer
{
  position: fixed;
  left: 400px;
  width: 120px;
  height: 500px;
  top: 50px;
  background-color: white;
  border: 1px solid blue;
  margin: 0;
  padding: 0;
  visibility: hidden;
  z-index: 100;
  overflow: visible;
  overflow: scroll;
}

.viewerImg
{
  width: 100px;
  padding: 0;
  margin: 0;
  border: 1px dotted red;
  cursor: pointer;
  background: green;
  z-index: 95;
}

.emphasizeFirstLetter
{
  z-index:10;
}

.hidden
{
  visibility: hidden;
  position: absolute;
  left: -300;
}

.imgSpot,.imgSpotLeft,.imgSpotRight
{
  visibility: hidden;
  border: 1px dashed red;
  width: 10px;
  z-index: 100;
  cursor: pointer;
  background-color: yellow;
}

.imgSpotRight
{
  float: right;
}

.imgR,
.imgL
{
 /* position: relative;  */
  border: 0px solid;
  width: 140px;
  margin: 10px 10px 5px 10px;
}

.imgL
{
  float: left;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 0px;
  clear: left;
}

.imgR
{
  float: right;
  margin-left: 10px;
  margin-right: 0px;
  margin-top: 0px;
  clear: right;
}

#topBlockImg
{
  position: absolute;
  top: 3px;
  left: 810px;
  width: 130px;
}

#topBlockImgSpot
{
  position: absolute;
  top: 3px;
  left: 830px;
  width: 20px;
  height: 20px;
}

#footerImg{
  height: 50px;
  width: 100%;
}

#footerImgSpot
{
  float: left;
  clear: right;
  width: 20px;
  height: 20px;
}

#indexPageImg{
  float: left;
  width: 300px;
  border: 4px solid;
  border-style: double;
  margin-top: 20px;
}

#loginPageImg{
  float: left;
  width: 150px;
  margin-right: 10px;
  border: 4px solid;
  border-style: double;
}

#indexPageImgSpot,#loginPageImgSpot
{
  float: left;
  width: 20px;
  height: 20px;
}

#adminToggleButton, #adminHelpToggleButton
{
  position: fixed;
  top:    10px;
  width: 100px;
  left:  400px;
  border: 1px solid blue;
  padding: 3px 0px 3px 0px;
  margin: 0;
  z-index: 100;
}

#pageLayoutButton
{
  position: fixed;
  top:    30px;
  width: 100px;
  left:  400px;
  border: 1px solid blue;
  padding: 3px 0px 3px 0px;
  margin: 0;
  z-index: 100;
}

#waitBox
{
  position: fixed;
  width: 140px;
  background-color: #FFCC66;
  top: 150px;
  left: 400px;
  border: 1px solid blue;
  margin: 10px;
  padding: 10px;
  visibility: hidden;
  z-index: 110; 
}

#helpBox, #adminHelpBox
{
  position: absolute;
  width: 200px;
  background-color: #FFCC66;
  top: 10px;
  left: 10px;
  border: 1px solid blue;
  margin: 0;
  padding: 10px;
  visibility: hidden;
  z-index: 100; 
}

#adminHelpBox
{
  top:   140px;
}

#helpBoxImg img
{
  width: 200px;
}

/* Edit and Reload buttons on #userPage */
.btn
{
  visibility: hidden;
}