/* Curves Screen CSS */


/* Overarching Tag Rules */

div {border: 0px solid black;}

body {
  background: #A3A3ED;
  /*background: #dfcf8f url("../images/dotted_bg.gif");*/
  margin: 0;
  font: 13px verdana, arial, helvetica, sans-serif;
  color: #339;
  text-align: center;
  height: 100%;
}

/*IE 5 bad dog!!!*/
/*These global selectors exist to overwrite IE 5's font rendering issues '*/
p, td, ul, ol, li {
  font: 13px verdana, arial, helvetica, sans-serif;
  color: #339;
}

li.off {
  list-style-type: none;
  /* margin: 0 0 0 4px; */
}

/* All H's here now for ease of use */
h1 {
  font: bold 24px verdana, arial, helvetica, sans-serif;
  margin: 0 0 18px 0;
}

h2 {
  font: bold 16px verdana, arial, helvetica, sans-serif;
  margin: 0 0 5px 0;
}

h3, h4, h5, h6 {
  font: bold 14px verdana, arial, helvetica, sans-serif;
  margin: 0 0 5px 0;
}

a:link { 
  color: #F69;
  text-decoration: underline;
}

a:visited { 
  color: #C36;
  text-decoration: underline;
}

a:hover { 
  color: #F69; 
  text-decoration: none;
}

a:active { 
  color: #C3F;
  text-decoration: none;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}

img, table {
  border: 0;
}

img.photo {
  float: right;
  margin: 0 0 5px 5px;
}

img.photoleft {
  float: left;
  margin: 0 15px 15px 0;
}

img.contentpic_right {
  float: right;
  margin: 0 0 0 30px;
  display: block;
}

img.contentpic_left {
  float: left;
  margin: 0 30px 0 0;
}

p {
  margin: 0 0 12px 0;
}

p.tagline {
  font: italic 18px/24px "Trebuchet MS", helvetica, sans-serif;
  color: #DE577B;
} 

.ctr {
  text-align: center;
}

/***************** Header *******************/

div.header {
  margin: 14px auto 0 auto;
  padding: 21px 0 0 15px;
  background: url("../images/header_bg.gif") no-repeat;
  width: 715px;
  height: 72px;
  text-align: left;
}

div.mainDiv {
  margin: 0 auto 0 auto;
  padding: 0 4px;
  width: 722px;
  background: white;
  text-align: left;
  vertical-align: top;
  border-collapse: separate;
}

/************************ Stuff for the navigation menu **********************/

/*Nav layout*/
div.navSide {
  margin: 0;
  width: 170px;
  background: #e6e6ff url("../images/nav/nav_bot.gif") no-repeat bottom left;
  padding: 0 0 20px 0;
  float:left;
  height: 100%
}

div.nav {
  background: #e6e6ff url("../images/nav/nav_top.gif") no-repeat top left;
  margin: 0;
  padding: 5px 0 0 0;
}

/*For top-level link items*/
a.navLocItem, div.navLocItem {
  display: block;
  margin: 0 6px;
  padding: 4px 0 4px 22px;
  border-bottom: 1px dashed gray;
  background-position: 6px 50%;
  background-repeat: no-repeat;
  color: #66B;
  text-decoration: none;
  font: bold 11px Arial,Helvetica,sans-serif;
}

/*.navLocItem:link {
  color: #66B;
  text-decoration: none;
  font: bold 11px Arial,Helvetica,sans-serif;
}*/

a.navLocItem:hover {
  background-image: url('./images/nav/navsterisk.png');
}

/*For the "Our Locations:" line*/
div.navLocations {
  margin: 0 6px;
  padding: 4px 0 4px 6px;
  border-bottom: 1px dashed gray;
  font: bold 11px Arial,Helvetica,sans-serif;
  color: #66B;
}

/*For the franchse toggle headers*/
a.navLocHead,div.navLocHead {
  display: block;
  margin: 0 6px;
  padding: 4px 0 4px 22px;
  border-bottom: 1px dashed gray;
  background-position: 6px 50%;
  background-repeat: no-repeat;
  text-decoration: none;
  font: bold 11px Arial,Helvetica,sans-serif;
  color: #66B;
}

.navLocHead:hover {
  background-image: url('./images/submit_sqsm.gif');
}

/*For sub-level link items*/
a.navSubItem, div.navSubItem {
  display: block;
  margin: 0 6px;
  padding: 4px 0 4px 38px;
  border-bottom: 1px dashed gray;
  background-position: 22px 50%;
  background-repeat: no-repeat;
  color: #66B;
  text-decoration: none;
  font: bold 11px Arial,Helvetica,sans-serif;
}

a.navSubItem:hover {
  background-image: url('./images/nav/navsterisk.png');
}

/*************** Content Area *****************/

/* Content Area - site subsections */

div.contentSide {
  padding: 0;
  margin-left: 4px;
  float: right;
  height: 100%;
}

div.pageTitle {
  margin: 0;
  padding: 18px 0 0 30px;
  background: white url('./images/title.gif') no-repeat left top;
  height: 48px;
  /*width: 548px;*/
  color: #DE577B;
  font: 22px Arial,Helvetica,sans-serif;
}

div.main {
  margin-top: 4px;
  padding: 30px;
  width: 488px;
  min-height: 200px;
  background: #fdf3cc url("../images/cmainbg.gif") repeat-y bottom right;
}

div.mainbase {
  height: 15px;
  background: url("../images/bodybase.gif") no-repeat bottom right;
}

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

#footer {
  margin: 0 auto 25px auto;
  padding: 0;
  width: 730px;
  height: 23px;
}

#footer .footerleft {
  background: url("../images/footerleftbg.gif") no-repeat bottom left;
  width: 10px;
  height: 23px;
  display: table-cell;
  margin: 0;
}

#footer .footermid {
  width: 710px;
  height: 23px;
  padding: 0;
  text-align: right;
  vertical-align: middle;
  background: #fff;
  color: #53539E;
  font: italic 8pt Arial,Helvetica,sans-serif;
  text-decoration: none;
  display: table-cell;
  margin: 0;
}

#footer .footermid a {
  color: #53539E;
  font: italic 8pt Arial,Helvetica,sans-serif;
  text-decoration: none;
}

#footer .footermid a:hover {
  color: #E57995;
}

#footer .footerright {
  background: url("../images/footerrightbg.gif") no-repeat bottom right;
  width: 10px;
  height: 23px;
  display: table-cell;
  margin: 0;
}