/* global */
html{height: 100%;}

body
{ background: url('pattern.png');
  text-align:center
}

/* main container */
#main
{width: 764px;
 height: 610px; 
}

/* logo */      
#logo
{ position:relative;
  width: 764px;
  height: 30px;
  background: #FFF;
  text-align: center; 
  font-family: Comic Sans MS;
  color: #FF66CC;
  font-size: 160%;
  letter-spacing: 8px;
  padding: 0px 0px 4px 0px;
}

/* main content */
#site_content
{ width: 764px;
  height: 510px;
  background: #FFF;
  position:relative;

} 

#content
{ width: 764px;
  height: 510px;
  background: #FFF; 
  position:relative;
  text-align: left;
  
}

#contentshirt
{ width: 764px;
  height: 510px;
  background: #FFCCFF; 
  position:relative;
  text-align: left;
}

#contentscroll
{ float:left;
  width: 100%;
  height: 510px;
  background: #FFCCFF; 
  overflow: auto;
  padding: 0px;
  margin: 0px;
  position:relative;

}

#contentmail
{ width: 100%;
  height: 510px;
  background: #FFF; 
  position:relative;
}


#content a
{ text-decoration:none;
  border-bottom: 2px solid;
  color: #463E28;
}

#content a:hover
{ border-bottom: 4px dotted;
  color: #FF66FF;
}

#contentmail a
{ background:url('emailb.gif');
  display:block;
  height:250px;width:324px;
  text-decoration:none;
  margin-left: 20px;
}



#contentmail a:hover
{ 
text-decoration:none;
}

#contentmail a:hover img{visibility:hidden;}



/* bottom link */
#menubar
{ position: relative;
  width: 764px;
  height: 60px;
  background: url('menu.png');
} 

/* footer */
#footer
{ position: relative;
  width: 764px;
  height: 10px;
  background: #FFF ;
}

/* navigation menu */


ul#menu{margin: 0px;}

ul#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu li a 
{ width: 72px;
  display: block; 
  float: left; 
  height: 35px;
  text-decoration: none; 
  padding: 11px 11px 11px 11px;
  text-align: center;
  border-right: 1px solid;

} 

#menubar{background: #7B846E url('menu.png');} 

ul#menu li a 
{ background: transparent;
  color: #FF66CC;
  border-color: #898977;
} 

ul#menu li a:hover, ul#menu li a.current, ul#menu li a.current:hover
{ background: #646B5C url('menu_sel.png');} 

/* unordered list */
ul
{ margin: 2px 2px 2px 2px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 2px 2px 2px 2px; 
  padding: 0px;
}

/* navigation menu2 */

ul#menu2{margin: 0px;}

ul#menu2 li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

ul#menu2 li a 
{ width: 73px;
  display: block; 
  float: left; 
  height: 35px;
  text-decoration: none; 
  padding: 15px 1px 5px 1px;
  text-align: center;
  border-right: 1px solid;

} 

ul#menu2 li a 
{ background: transparent;
  color: #FF66CC;
  border-color: #898977;
} 

ul#menu2 li a:hover, ul#menu2 li a.current, ul#menu2 li a.current:hover
{ background: #646B5C url('menu_sel.png');} 



p
{ font-family: Comic Sans MS;
  margin: 4px;
}

h1, h2, h3, h4, h5, h6
{ font-family: Comic Sans MS;
  letter-spacing: 1px;
  padding: 2px 2px 2px 2px;
  margin: 0px 0px 0px 0px; 
}

h1
{ font-size: 58%;
}

h2
{ font-size: 110%;
}

h3
{ font-size: 110%;
}

h4
{  font-size: 170%; 
}

h5
{ 
  font-size: 230%; 
}

h6
{ font-size: 280%;
}

img
{ border: 0px; 
  margin: 0px; 
  padding: 0px;
}

/* image positioning - left, right and center */

#content-left
{position:absolute;
 top:0; left:0;
 width:382px;
}

#content-right
{ position:absolute;
 top:0; right:0;
 width:382px;
}

#contentmail-left
{position:absolute;
 top:0; left:0;
 width:380px;
}

#contentmail-right
{ position:absolute;
 top:0; right:0;
 width:380px;
}

.left
{ float: left; 
padding: 0px 0px 0px 20px;
   }

.right
{ float: right; 
padding: 0px 20px 0px 0px;
  }

.center
{ display: block;
  text-align: center;
  margin: 0 auto;

}


/* block quote */
blockquote
{ margin: 0px 10px 0px 10px; 
  padding: 0px 0px 0px 20px;
  border-left: 6px solid;
  border-color: #FF66CC;
}

/* margin lefts / margin rights - to centre content */
#main, #footer, #logo, #menubar, #site_content
{ margin-left: auto; 
  margin-right: auto;
}

a {
outline: none;
}