/* this is a joliemama.css              */
/** General styles 
---------------------------------*/

body {
  margin: 0;
  font-size: 100%; /* Fixes exaggerated text resizing in IE6 and IE7 */
}

#page {
	/* Use a 12px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .75 = 12px */
  line-height: 1.286em; /* 14px x 1.286 = 18px */
	width: 800px; /* edit to change the width of the page */
	margin: 0 auto; /* remove 'auto' and the width to switch to a fluid width */
	padding: 0;
	border: 1px solid #250858;
}

#container {
padding: 20px 0 0 0;
}

body, caption, th, td, input, textarea, select, option, legend, fieldset {
	font-family: Arial, Helvetica, sans-serif;
}

/* When declaring Link states, remember: LoVe HA : Link | Hover | Visited | Active */

a:link, a:visited {
  color: blue;
  text-decoration: none;
}

a:hover, a:active {
  color: red;
  text-decoration: underline;
}

/* Titles  */

h1, h2, h3 {
	font-size: 1.6em;
	line-height: 1.3em;
	padding: 0 0 0.5em;
	margin: 0;
	color: #273981; background: #fff;
}
 
h2 { font-size: 1.5em; }
h3 { font-size: 1.4em; }

/* List Styles  */

ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

p {
margin: 0 0 1em 0;
background-color: #fff; color: #666;
font: 12pt Arial, Helvetica, sans-serif;
}

p.sitename { font-size: 30px; font-family: arial, sans-serif; padding: 40px 20px; }

#header {
background: #fff; color: #066;
height: 146px;
}

#main {
margin: 10px 20px;
}

.offline-msg { 
font: 1.2em/1.4em Arial, Helvetica, sans-serif; 
background: transparent; color: #033;
 }

#footer {  
clear: both;
margin: 0 auto;
text-align: center;
font: 11pt Arial, Helvetica, sans-serif;  
color: #666; background: transparent;
border-top: 0px solid #666;
}
		
.ftrtext {
font: 11pt Arial, Helvetica, sans-serif;  
color: #666; background: transparent;
}

.credits {  
clear: both;
margin: 1em auto;
padding: 0;
text-align: center;
font: 11pt Arial, Helvetica, sans-serif;  
color: #666; background: transparent;
border-top: 0px solid #666;
}
 
                  
/* header link settings ****************************************************************************** */

      a.hdr:link, a.hdr:active, a.hdr:visited  { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                  text-decoration: underline; font-style: normal; font-weight: bold; color: #333399 }
						
      a.hdr:hover   { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                  text-decoration: underline; font-style: normal; font-weight: bold; color: #333399  }                  

/* footer link settings ****************************************************************************** */
   a.ftr:link,a.ftr:visited { font-family: Arial, Helvetica, sans-serif;  color: #ffffff; font-size: 12pt;
   			background-color: transparent; text-decoration: none; font-style: normal; font-weight: normal }

   a.ftr:hover,a.ftr:active   { font-family: Arial, Helvetica, sans-serif;  color: #ffffff; font-size: 12pt;
   			background-color: transparent; text-decoration: underline; font-style: normal; font-weight: normal }
   			
/* credit link settings ****************************************************************************** */
   a.credit:link,a.credit:visited { font-family: Arial, Helvetica, sans-serif;  color: #333399; font-size: 11pt;
   			background-color: transparent; text-decoration: none; font-style: normal; font-weight: normal }

   a.credit:hover,a.credit:active   { font-family: Arial, Helvetica, sans-serif;  color: #333399; font-size: 11pt;
   			background-color: transparent; text-decoration: underline; font-style: normal; font-weight: normal }   			

/* regular link settings ****************************************************************************** */

      a:link, a:active, a:visited  { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 12pt;
                  text-decoration: none; font-style: normal; font-weight: normal; color: #333399 }
						
      a:hover   { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 12pt;
                  text-decoration: underline; font-style: normal; font-weight: normal; color: #0000ff }


/* ad link settings ****************************************************************************** */

      a.ad:link, a.ad:active, a.ad:visited  { font-family: Arial, Helvetica, sans-serif; background-color: transparent;
      				font-size: 12pt; text-decoration: none; font-style: normal; font-weight: bold; color: #333399 }
						
      a.ad:hover   { font-family: Arial, Helvetica, sans-serif; background-color: transparent; font-size: 12pt;
                  text-decoration: underline; font-style: normal; font-weight: bold; color: #0000ff }

/* top nav and bottom text links *********************************************************************************** */

     .curpg     { font-family: Arial, Helvetica, sans-serif; background-color: transparent; font-size: 12pt;
                  font-weight: bold; font-style: normal; color: #99CCFF }

     .bar      { font-family: Arial, Helvetica, sans-serif; background-color: #333399; font-size: 10pt;
                    font-style: normal; font-weight: bold; color: #ffffff }

     .ctxt      { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                    font-style: normal; font-weight: normal; color: #333399 }

   a.nav:link,a.nav:visited { font-family: Arial, Helvetica, sans-serif; background-color: #333399; font-size: 12pt;
                    text-decoration: none; font-style: normal; font-weight: bold; color: #ffffff }

   a.nav:hover,a.nav:active   { font-family: Arial, Helvetica, sans-serif; background-color: #333399; 
   					font-size: 12pt; text-decoration: none; font-style: normal; font-weight: bold; color: #33FFFF }

   a.blue:link,a.blue:visited { font-family: Arial, Helvetica, sans-serif; background-color: #000099; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: normal; color: #ffffff }

   a.blue:hover,a.blue:active   { font-family: Arial, Helvetica, sans-serif; background-color: #000099; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: normal; color: #99ffff }

   a.nav2:link,a.nav2:visited { font-family: Arial, Helvetica, sans-serif; background-color: #333399; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: normal; color: #ffffff }

   a.nav2:hover,a.nav2:active   { font-family: Arial, Helvetica, sans-serif; background-color: #333399; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: normal; color: #00ccff }

   a.txt:link,a.txt:visited { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: bold; color: #333399 }

   a.txt:active,a.txt:hover { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: bold; color: #333399 }

   a.sub:link,a.sub:visited { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: bold; color: #333399 }

   a.sub:active,a.sub:hover { font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: bold; color: #333399 }
/* side navigation on sub pages with content **************************************************************** */

   a.side:link,a.side:visited { font-family: Arial, Helvetica, sans-serif; background-color: #d7ebff; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: bold; color: #333399 }

   a.side:hover,a.side:active   { font-family: Arial, Helvetica, sans-serif; background-color: #d7ebff; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: bold }

   .side_curpg  { font-family: Arial, Helvetica, sans-serif; background-color: #d7ebff; font-size: 10pt;
                  font-weight: normal; font-style: normal; color: #333399; }

   a.side_email:link,a.side_email:visited { font-family: Arial, Helvetica, sans-serif; background-color: #0000cc; font-size: 10pt;
                    text-decoration: none; font-style: normal; font-weight: normal; color: #ffffff }

   a.side_email:hover,a.side_email:active   { font-family: Arial, Helvetica, sans-serif; background-color: #0000cc; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: normal }

   .side_curpg  { font-family: Arial, Helvetica, sans-serif; background-color: #d7ebff; font-size: 10pt;
                  font-weight: bold; font-style: normal; color: #333399; }

/* **************************************************************************************************************** */
   a.email:link,a.email:visited { font-family: Arial, Helvetica, sans-serif; background-color: transparent; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: normal; color: #333399 }

   a.email:hover,a.email:active   { font-family: Arial, Helvetica, sans-serif; background-color: transparent; font-size: 10pt;
                    text-decoration: underline; font-style: normal; font-weight: normal;  color: #333399 }