body {
  background:#999;/*url(../images/site/swirl-background.png);/*black-and-white-stripes.png);*/
  background-position:center top;
  background-repeat:repeat-y;
  font-family:Georgia, Palatino Linotype, Book Antiqua, Palatino, serif;
}

.columns {
-moz-column-count: 2;
-moz-column-gap: 3em;
-moz-column-rule: none;
-webkit-column-count: 2;
-webkit-column-gap: 3em;
-webkit-column-rule: none;
/* future proof */
column-count: 3;
column-gap: 1.5em;
column-rule: none;

}




.container{
  min-height:200px;
  width:950px;
  background:url(../images/site/black-and-white-stripes.png) #fff;
  background-position:-1px;
  border:3px solid black;
  -moz-box-shadow: 0 0 10px 15px #000;
  -webkit-box-shadow: 0 10px 15px #000;
  box-shadow: 0 0 25px 10px #000;
  overflow:hidden;
}
/*
	-moz-box-shadow: 0 0 10px #000;
	-webkit-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
*/

#header{
  margin-top: 0em;
  /*background-image:url(../images/site/header-background.png);*/
  background-position:center bottom;
  background-repeat: repeat-x;
  height:15em;
  position:relative;
}
#cameo{
  display:table;
  
  background:url(../images/site/cartouche.png);
  width:400px;
  height:310px;
  margin-left:275px;
  margin-top:6px;
  float:left;
  
  z-index:2;
  position:relative;
}
#cameo div{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  
}

/*pink ffb8d8 
  red de0000
  blue 233ede
  light blue 95aade
  lavender b19bcf  
  dark purple 4d05b2
  slime green 80b205
  lime green bddc19 
  bronze f3a600
  Gold ffad00  
  orange ff7100
  clover 41ba6c
  mint green 3ad170
  Also, sparta etc.
  Watermelon FF3366
  Bubblegum fc7e8c
*/

#body-container
{
	background:url(../images/site/Real_Tile_Damask_by_Double_O_Nothing.jpg);
	background-position:center 140px;
	clear:none !important;
	padding:55px;
	min-height:600px;
}
#body {
	margin:10px auto;
	border:6px double #4d05b2;
	padding:40px;
	padding-top:20px;
	background:white;
	padding-top:50px;
}
#body-wrapper{
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 15px 5px #000;
margin-top:10px;
	padding:10px;
	background:white;
}
#body-header{
  text-align:center;
}



	a{
	
	text-decoration:none;
       }
    a:hover{
	text-decoration:underline;
	color:black;
    }
	
	
	
p:first-letter{
font-size:2em;

}
	
	#ie6{
	
	width:700px;
	background:#fff;
	text-align:left;
	}

#ie6 p:first-letter{
font-size:1em;

}
#column-wrapper{
  clear:none;
  float:left;
}



.clearing, #footer{
  clear:both;
}


#footer{
  margin-bottom:-40px;
  padding-top:60px;
}







/***********************************

Flyout menu exploits hover pseudoclasses like a boss.
requires a hover fix ie behavior (.htc) to work in ie6 like afore mentioned boss.

*************************************/

#top-navigation{
  background:#4d05b2;
  position:absolute;
  bottom:0;
  width:100%;
  box-shadow: 0 0 10px 5px #000;
  z-index:1;
  overflow:none;
  height:3em;
 
}
#top-navigation a{
color:white;
}
#top-navigation ul{
  padding:0px;
  margin:0px;
}
#top-navigation ul li a span{
    border-right:1px solid #ccc;
}

#top-navigation ul li{
  display:inline;
  text-align:center;
  vertical-align:middle;
  float:left;
  padding:0px;
  margin:0px;
}

#top-navigation ul li a, #side-navigation ul li a {
  display:table; 
  text-align:center;
  padding:0px;
  
}
#top-navigation ul li a span, #top-navigation ul li ul li a span,#top-navigation ul li ul li ul li a span{
  margin:0px;

  text-align:center;
  vertical-align:middle;
  display:table-cell;
  width:112px;

  
  
}
   
#top-navigation ul li,#top-navigation ul li ul li{
  display:inline-block;
}
#top-navigation ul li a span,#top-navigation ul li ul li a span, #nav-item-63{
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  height:3em;
  font-weight:bold;
}




/*Second level
Hide sub unordered lists
*/
#top-navigation ul li ul,#top-navigation ul li ul li ul li,#top-navigation ul li ul li ul{
display:none;
visibility:hidden;
}

#top-navigation ul li:hover ul,#top-navigation ul li ul li:hover li{
display:block;
visibility:visible;
position:absolute;
top:3em;
height:3em;
width:110px;

}

#top-navigation ul li:hover ul li, #top-navigation ul li ul li:hover ul li{
height:3em;
width:110px;

border:1px solid #ccc;
}
/*  Third level override */
#top-navigation ul li ul li:hover ul li
{
  
  left:111px;
  border:1px solid #ccc;
  width:111px;
}
#top-navigation ul li ul li ul{
  height:0em !important;
}

#top-navigation ul li:hover ul li a{
background-color: #4d05b2;
}

#top-navigation ul li a .last{
  border-right:none;
}
#top-navigation ul li ul li ul{
margin-top:5px;
}

#nav-item-63 {
min-width:495px;
border-right:1px solid #ccc;
height:3em;
}
#nav-item-63 a span{
  border-left:none;
  display:none;
  visibility:hidden;
}