@import url('http://paws.infamous.net/paws.css');

@font-face {
    font-family: 'open_sansregular';
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot');
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.woff') format('woff'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_regular_macroman/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'open_sansregular';
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot');
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_italic_macroman/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_italic_macroman/OpenSans-Italic-webfont.woff') format('woff'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_italic_macroman/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_italic_macroman/OpenSans-Italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: italic;

}




@font-face {
    font-family: 'open_sansregular';
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot');
    src: url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_bold_macroman/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_bold_macroman/OpenSans-Bold-webfont.woff') format('woff'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_bold_macroman/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('http://infamous.net/fonts/OpenSans/web%20fonts/opensans_bold_macroman/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bold;
    font-style: normal;

}

body { color: #000000;
       /*font-size: 100%; Fixes exaggerated text resizing in IE6 and IE7 */
       font-family: open_sansregular, sans-serif;
       /*font-family:  "Lucida Grande", "Lucida Sans", 
           "Lucida Sans Unicode", "Lucida", Verdana, "Bitstream Vera Sans", 
            Geneva, Arial, Helvetica, sans-serif;*/
       background: none repeat scroll 0% 0% rgb(51, 51, 102);
}


#all
{
  /*
 *    * To use a 12px font size on the page, delete the 14px declarations.
 *       * to use a 14px font size on the page, delete the 12px declarations.
 *          */

  /* Use a 12px base font size with a 16px line height */
  /* font-size: 0.75em;  16px x .75 = 12px */ 
  /* line-height: 1.333em;  12px x 1.333 = 16px */

  /* Use a 14px base font size with a 18px line height */
  font-size: 0.875em; /* 16px x .875 = 14px */
  /*line-height: 1.286em;  14px x 1.286 = 18px */
  line-height: 1.35em; /* 14px x 1.286 = 18px */

  /* font-size: 0.8125em; 16px x .875 = 14px */
  /* line-height: 1.3095em;  14px x 1.286 = 18px */

}


/* defined style classes:

   logotext, smlogotext, sans, serif, mono, quote, large,
   small, alert, warning, notice, note, fineprint, caption
   menucurrent runhead fancytext

   defined div ids

   all top bottom main

*/

/*
  Text Colors 
 */

.notice {color:blue}
.menucurrent {color: green}
h1, h2, h3, h4  {color: #333366}
.alert, .warning {color: red}
.note {color: #333366} 

.runhead {color:#336666}
.quote  {color: #333399}

/*
  Fonts 
 */


.logotext, .smlogotext {
  font-family:  Georgia, 'Times New Roman', Times, serif;
}

h1, h2, h3, h4, h5, h6, .runhead, .serif {
  font-family: Georgia, 'Times New Roman', Times, serif;
}

.mono, xmp {
  font-family: "Lucidia Typewriter", "Lucida Console", "Andale Mono",
               "monotype.com", "Bitstream Vera Sans Mono", monospace; 
}

.fancytext {
  font-variant: small-caps;
  font-family: Georgia, 'Times New Roman', Times, serif
}

/* -- style */

.quote {font-style: italic}

/* -- weight */

.alert, .logotext, .smlogotext, h1, h2, h3, h4, dt, .menucurrent, .runhead
{font-weight:bold}

/* -- size */
 
H1 {font-size: 1.3em}
H2 {font-size: 1.2em}
H3, .large, .logotext{font-size: 1.1em}
H5, .smlogotext, .caption {font-size: 0.9em}
.fineprint, H6 {font-size: 0.84em}
.small, .warning, .notice, .note, .callout {font-size: 0.9em}
.horizontalmenu {font-size: 0.86em} 
/* -- borders */
.callout {border: thin blue groove;}

/*
  General Layout 
 */
 
/* for center-justifying text in p and span */
p.centered, span.centered, h1.centered, h2.centered,
h3.centered, h4.centered, h5.centered, h6.centered, .caption {text-align: center}
  
/* for centering a block, or the whole body.
   Note: text-align: center, and the selectors that restore
   text-align: left, are for working around an IE 5 bug... */
 
body.centered, div.centered, .caption  {margin-left: auto; margin-right: auto;
                             text-align: center}
 
body.centered p {text-align: left}
body.centered table {text-align: left}
body.centered p.centered {text-align: center}
 
div.centered p {text-align: left}
div.centered table {text-align: left}
div.centered p.centered {text-align: center}
 

 
/* for tables and suchlike */
.groovy { border: thin blue groove}
 
/* for things that bump against the margins */
.floatleft {float: left; width: auto}
.floatright {float: right; width: auto}
.bumpleft {text-align: left; float: left; width: auto}
.bumpright {text-align: right; float: right; width: auto}
 
/* for centering vertically */
.vertical-center {vertical-align: middle}

.horizontalmenu {width: auto;} 

/*
  Page Parts 
 */

/* -- backgrounds */

.callout {
  background: #f4f4f4 url('http://infamous.net/images/bg4.gif')
}

/* -- widths and x-position */

#top {width:100%; padding-left: 1ex; padding-right: 1ex;}
#bottom {padding-left: 1ex; padding-right: 1ex;}



/*#main { max-width: 960px;
          padding-left: 2ex; padding-right: 2ex; float: none; margin-left: auto; margin-right: auto; }
*/
#main {
max-width: 960px;
          padding: 1em; float: none;

    margin-left: auto;
    margin-right: auto;
    background: none repeat scroll 0% 0% white;
    border-radius: 1em 1em 1em 1em;

}


/* -- heights and y-positions*/
#main {min-height: 45ex;}
#wrap {padding: 2ex;}

/* -- other decls */


/* #main { text-align: justify;  } */
.callout, li { text-align: left; }
ul {margin-left:0; padding-left:0}
li {list-style-type: none; list-style-position: inside; margin-bottom: 0.5em; }
li:before {content: " - "; }
#top { clear: both; margin-top:10px; margin-bottom: 0px;}

#bottom { /* clear handled by <br> in body - NS 4 work-around */
  margin: 0px;
}

main-footer {margin: 0px;}

.callout {padding: 5px; margin: 5px}

a.nav {text-decoration: none; border-bottom: none}
a {text-decoration: none; border-bottom: 1px #333366 dotted}}

a:link {color: #333366}
a:active {color: #FF00FF}
a:visited {color: #333366}

li {break-inside: avoid; -moz-break-inside: avoid; -webkit-break-inside: avoid;}