body { margin:0px; padding:0px; background-color:#FFFFFF }

body, table, p { 
font-size  :14px;
font-family:Verdana, Arial, sans-serif;
line-height:1.25em;
}

img      { border       :0px }
img.snap { margin-bottom:4px }

i {
font-family:Times New Roman, serif;
font-size  :120%;
}

td { vertical-align:top }

a {
color          :#400080;
text-decoration:none;
font-weight    :bold;
padding        :0px  1px;
margin         :0px -1px;
border-radius  :4px;      /* Border-radius may be overriden by more specific rules below */
}

a:hover { background-color:#F0D0FF }

.content a       { border-bottom:1px dashed #E0B0FF }
.content a:hover { border-bottom:1px solid  #E0B0FF } /* To override, must either specify :hover or .content */

.blocklinks a { display:block; margin:0px 4px 0px 0px; border:none }
.sitelinks  a { display:block; margin:0px 4px 0px 6px; border:none; border-radius:3px; padding:0px 2px }

.blocklinks a:hover { border:none }
.sitelinks  a:hover { border:none }

.content a.snapshot {
background-color:transparent;
border          :none;
border-radius   :0px;
}

a.btn32white,
a.btn32whiteblack, a.btn32whitered, a.btn32blackwhite, a.btn32blackred, a.btn32redwhite, a.btn32redblack {
display:block; width:128px; height:25px; margin:4px 0px 2px 0px; padding:7px 0px 0px 0px; text-align:center; overflow:hidden;
background-image :url(images/buttons32_wrbk_w.png);
background-repeat:no-repeat;

background-color:transparent;
border          :none;
border-radius   :0px;
}

a.btn32white,
a.btn32whiteblack, a.btn32whitered { background-color:white;   background-position:top;    color:black }
a.btn32blackwhite, a.btn32blackred { background-color:black;   background-position:bottom; color:white }
a.btn32redwhite,   a.btn32redblack { background-color:#E00000; background-position:center; color:white }

a.btn32white:hover                             { text-decoration :underline }
a.btn32whiteblack:hover, a.btn32redblack:hover { background-color:black;   background-position:bottom; color:white; border:none }
a.btn32blackwhite:hover, a.btn32redwhite:hover { background-color:white;   background-position:top;    color:black; border:none }
a.btn32whitered:hover,   a.btn32blackred:hover { background-color:#E00000; background-position:center; color:white; border:none }

.sitelinks { font-size:80%; font-weight:bold }

h1, h2, h3, h4, h5, h6 {
line-height   : normal;
font-family   : Arial, sans-serif;
font-weight   : bold;
margin-bottom : 0.15em;
margin-top    : 1.0em; /* H1 and H2.first are adjusted below */
}

h1 { font-size:32px }
h2 { font-size:24px }
h3 { font-size:19px }
h4 { font-size:16px }
h5 { font-size:13px }
h6 { font-size:11px }

h1, h2.first { margin-top:0.25em } /* used for page heading only */
h2.first     { font-size :28px   } /* ditto */

p, ul, ol, pre {
margin-top   :0.0em;
margin-bottom:0.5em;
}

ul ul, ul ol, ol ol, ol ul { margin-bottom:0px }

pre           { font-size    :16px}
td pre        { margin-bottom:0px }
pre.example   { color:#0000C0; font-weight:bold }
pre.example b { color:red }
.eg           { color:#0000C0; font-weight:bold; font-family:"Courier New", monospace; font-size:115% }
.eg b         { color:red }

p.hrule { margin:12px 0px; margin-top:0px; padding:0px; border-bottom:2px solid #808080; font-size:12px }
/* Create colored horizontal line - requires   */

hr { margin-top:24px }

p.faq {
font-family    :Arial, sans-serif;
font-style     :normal;
font-weight    :bold;
font-size      :18px;
/*color          :#000080; */
margin-bottom  :2px;
margin-top     :1.25em;
text-decoration:none;
}

p.release { font-family:Arial, sans-serif; font-weight:normal; font-size:12px; margin:0px 0px 16px 0px }

blockquote.nomargin { margin-top:0px; margin-bottom:0px }

.arialsmall     { font-family:Arial, sans-serif; font-size:87%;  line-height:normal }
.hotmailwarning { font-family:Arial, sans-serif; font-size:10px; line-height:normal }

.small { font-size:80% }
.vsmall{ font-size:60% }

.red  { color:#FF0000 }
.blue { color:#0000FF }
.green{ color:#008000 }
.gray { color:#808080 }
.mono { font-family:Courier New, monospace }
.code { font-family:Courier New, monospace; font-weight:bold; font-size:115% }

input.action,input.normal,textarea,select { border-width:1px; border-color:silver; padding:2px }

input.stdbutton { width:88px }

input.action { background-color:#FFD0D0 }
input.normal { background-color:#E0FFF0 }
textarea     { background-color:#E0FFF0 }
select       { background-color:#E0FFF0 }

#titleframe { background-color:#E8E8FF;
              background-image:url(images/cathonian48_blue.png);
			  background-repeat:no-repeat;
			  background-position:bottom right;
			  height:51px;
			  border-bottom:1px solid #D0A0FF;
			  white-space:nowrap }

#contentframe { top:52px } /* Also see FakeFrames.css */

#titleframe h1                { font-size:25px; margin:0px 0px 0px 8px }
#titleframe .links            { position:absolute; left:4px; top:32px; font-family:Arial, sans-serif; font-size:13px; margin:0px; line-height:normal }
#titleframe .links a          { text-decoration:none; font-weight:normal; color:black; border:0px; margin:0px; padding:0px 4px }
#titleframe .links a.homelink { font-style:italic }
#titleframe .links a:hover    { background-color:white }

#toplinks   { margin:2px 0px 12px 8px; font-size:10px; font-family:Arial, sans-serif }
#toplinks a { color:black; padding:0px 1px 1px 1px; border-radius:2px }

#navframe {
font-family  : Arial, sans-serif;
font-size    : 12px;
font-weight  : bold;
line-height  : normal;

position     : absolute;
left         : 0px;
top          : 51px;
width        : 160px;
padding      : 0px;
border       : none;
overflow     : hidden
}

#navframe a       { display    :block; margin:0px 4px; padding:0px 0px 0px 4px;
                    color      :black }
#navframe a:hover { background-color:white }

#navframe .small          { padding   :1px 0px 1px 12px; 
                            font-size :10px;  text-transform:uppercase }

#navframe .heading        { margin-top:4px;
                            font-size :16px }

#navframe .heading .small { display   :block; padding:0px; margin-top:-2px;
                            font-size :12px;
							color     :#202020; /* Dark gray is slightly less bold than black!! */
							text-transform : capitalize }

#navframe .subheading     { padding   :0px 0px 0px 12px; font-size :13px }

#navframe .intro          { padding   :1px 0px 1px 12px; font-size :12px; font-weight:normal }

#navigation,
#corner_navtitle          { background-color:#E8E8FF }

#navigation,
#corner_navtitle div      { border:1px solid #D0A0FF }

#navigation               { padding:8px 0px 12px 0px; border-left:none; border-top:none; border-radius:0px 0px 12px 12px }

#corner_navtitle          { position:absolute; top:51px; left:159px; width:12px; height:12px; overflow:hidden }

#corner_navtitle div      { background-color:white; line-height:12px; overflow:hidden;
                            border-right:none; border-bottom:none; border-radius:12px 0px 0px 0px }							


#keywordsandsitelinks     { margin-top:256px; border-top:2px solid gray }
#contentend               { margin-top: 64px } 
							
@media screen {
  #content { margin:16px 10% }

  ul.bloodredbullets {
  list-style-type:none
  }

  ul.bloodredbullets li {
  margin-left         :-15px;
  padding-left        : 15px;
  background-image    : url(images/bullet_bloodred7.gif);
  background-repeat   : no-repeat;
  background-position : 0px 4px;
  }
} /* media screen */

@media print {
  #content{ margin-top:8px }

  /* Hide various elements */
  a.btn32whiteblack, a.btn32whitered, a.btn32blackwhite, a.btn32blackred, a.btn32redwhite, a.btn32redblack,
  #keywordsandsitelinks,
  #navframe,
  #corner_navtitle { display:none }
  
  #contentend      { display:none } /* Don't waste paper */
}