/* CSS Document */
html
{ scrollbar-base-color: #DBEDED;
  scrollbar-darkshadow-color: #87C6C6;
  scrollbar-shadow-color: #BADEDE; 
  scrollbar-arrow-color: #87C6C6;}

*
{ margin:0px; padding:0px;}

body 
{ background-image: url(i_pat31.jpg);
  background-color: #EAF4F3;
  text-align: center;
  font-family: "Century Gothic", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 93%;
  color: #333333;
  margin: 20px 0px;
  padding: 0px;
  overflow-x: auto;}

A:link
{color:#76BEBE; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }
A:visited
{color:#76BEBE; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }
A:hover 
{color:#939393; font-style: italic; cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur); }

img {cursor: crosshair; cursor: url(http://danny-and-mary.written-in-stars.net/cross_r.cur);}

#container 
{ background-color: #f2f2f2;
  width: 770px;
  text-align: left;
  border: 1px solid #CFD5D3;
  margin: 0px auto;}

#header 
{ position: relative;
  height: 257px;
  width: 770px;
  text-align: center;
  border-bottom: 1px solid #CFD5D3;
  padding: 0;}
  
#menu
{ width: 770px;
  font-family: "Century Gothic", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 130%;
  word-spacing: 35px;
  text-align: center;
  margin: 15px auto;}
  
div#menu a:link, div#menu a:visited
{ text-decoration: none; color: #939393;}

div#menu a:hover    
{ text-decoration: underline; color: #87C6C6;}
  
#main
{ width: 734px; 
  min-height: 700px;
  text-align: left;
  padding: 4px 4px 6px 4px;
  margin: 0px auto;}
  
* html body div#main
{ height: 700px;}

.disclaimer
{ font-size: 78%}

#footer
{ width: 650px;
  min-height: 1px;
  clear: both;
  font-size: 78%;
  padding: 0px;
  margin: 0px auto;}

h1
{ font-family: "Century Gothic", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: x-large;
  color: #76BEBE;}
  
h2, h3, h4
{ font-family: "Century Gothic", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 130%;
  color: #76BEBE;
  padding-left: 3px;
  margin: 0px 0px 3px 0px;}
  
h2, h3
{ border-bottom: 1px solid #76BEBE;}    

input, textarea, option, select
{ background: #FFFFFF;
  font-family: "Century Gothic", Tahoma, "Trebuchet MS", Arial, Helvetica, sans-serif;
  color: #333333; 
  font-size: 88%; 
  padding: 2px;
  margin: 0px 0px 0px 0px;}
  
.noborder
{ background-color: #f2f2f2;
  border: 0px solid #FFFFFF;
  padding-left: 0px;}

ul
{ margin: 0px 0px 0px 24px;
  color: #76BEBE;}

ul.rules, ul.credits
{ color: #333333;}

ul a:link, ul a:hover, ul a:visited
{ text-decoration: none;}

li
{ padding: 1.5px 0px;
  margin: 0px 0px 0px 12px;}

p
{ margin: 0px 0px 20px 20px;} 

p.center
{ text-align: center;}

p.noindent
{ margin-left: 20px;}

.credit
{ text-align: center;
  margin: 14px auto 0px auto;} 
  
.tinytext
{ font-style: italic;}

div.backlink
{ text-align: right;
  margin: 16px 0px 0px 0px;
  clear: all;}
  
.codesort ul
{ margin: 3px auto 3px 24px;}

.codesort p, p.indent
{ margin: 0px 0px 0px 20px;}

.codesort h2
{ margin: 0px 0px 4px 0px;}

.codesort h3 p
{ margin-bottom: 150px;}

.codesort h3
{ text-decoration: underline;
  border: none;
  margin-left: 18px;
  margin-top: 12px;}