/** Reset browser defaults */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;}

/** FireFox hacks */
img,a img{border:0;} /* otherwise FireFox will draw a blue border around linked images */
a,a:link,a:active{outline:none;} a:focus{-moz-outline-style:none;} /* stop Firefox from outlining links with dotted borders */

/** Typography */
html>body{font:12px/1.34 "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;}
h1{font-size:1.5em;}
h2{font-size:1.34em;}
h3{font-size:1.166em;}
h4{font-size:1.00em;}
p{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;margin:0 0 0.34em 0;text-align:left;}
h1,h2,h3,h4{font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;font-weight:bold;text-align:left;line-height:1em;margin:0 0 0.34em 0;}
strong,b{font-weight:bold;}
em,i{font-style:italic;}
code{font-family:Consolas,"Andale Mono WT",Monaco,"Andale Mono",monospace;font-size:12px;} /* -- have marked zeros */
pre{font-family:Consolas,"Andale Mono WT","Lucida Sans Typewriter",Courier,"Courier New",monospace;font-size:12px;} /* -- have italics */
acronym,abbr{letter-spacing:0.067em;border-bottom:1px dotted black;cursor:help;}
option{padding-left:0.34em;}
cite,blockquote{font-style:italic;}
blockquote{margin:0 0 0.66em 1.34em;}

/**------------------------------------------------------------------------------*/
body {
	color:#000000;
	background:#ffffff;
}

a, a:link {
	color:#666666;
	text-decoration:none;
	padding-bottom:0;
}
a:hover {
	color:#000000;
}

.columns {height:100%;min-height:100%;}

/** Basic Layout Settings */

#wrapper {
	position: relative;
	width:960px; height:100%;
	margin:0 auto; padding:0;
	background-color:#ffffff;
}

#header {
	position: relative;
	width:960px;
	height:80px;
	margin:0 auto;
	
}

#site-title {display:none;}

#content {
	position: relative;
	float:left;
	/*width:px; --see x-content-column below-- */
	height:100%;
	padding:10px;
	background:#ffffff;
}

.wide-content-column {width:940px;}
.narrow-content-column {width:820px;}

#sidebar {
	position: relative;
	float:right;
	width:120px; height:100%;
	background:#ffffff;
}

#footer {
	position: relative;
	clear:both;
	width:960px;
	height:20px;
	margin:0 auto;
}

/** Navigation Menubar */

#menubar {
	position:relative;
	float:right;
	width:auto;
	margin:-52px 1em 0 0;
	font:bold 12px/20px "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	width:auto; /*960px;*/
	height:20px;
	border:1px solid #cccccc;
	border-left:none;
border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
behavior:url(http://www.suzannesillery.com/wp-content/themes/artsite-studio/library/iehacks/border-radius.htc);
	z-index:9;
}

#menubar ul {float:right;}

#menu-pages li.current_page_item a
 {color:#222222;background-color:#fcfcfc;}
#menu-pages li.current_page_item a:hover
 {color:#222222;background-color:#fcfcfc;cursor:default;}

.menu, .menu ul { 
	list-style: none;
	margin:0; padding:0;
}
.menu {
  z-index: 100;
  position: relative;
}
.menu ul { /* sub menu */
	background-color:#fcfcfc;
	border-bottom: 1px solid #cccccc;
	border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;
behavior:url(http://www.suzannesillery.com/wp-content/themes/artsite-studio/library/iehacks/border-radius.htc);
	list-style: none;
	margin: 0;
	width: auto;
	position: absolute;
	top: -999em;
	left: -1px;
}

.menu li {
  border-left:1px solid #cccccc;
  float: left;
  margin:0; padding:0;
  position: relative;
}
.menu li a, .menu li a:link, .menu li a:active, .menu li a:visited {
  background-color:#fcfcfc; /* main menu */
  color:#222222;
  display: block;
  padding:0 1em;
  text-decoration: none;
}

.menu li a:hover {
  	background-color:#e0e0e0;  /* main menu */
	color:#000000;
}

.menu li:hover ul,
.menu li.sfHover ul {
  top: 20px; /* sub menu */
}
.menu ul li {
  border: 0;
  float: none;
}
.menu ul a { /* sub menu */
  border: 1px solid #cccccc;
  border-bottom: 0;
  width: auto;
  white-space: nowrap;
}

#menu-pages li:hover a, 
#menu-pages li.sfHover a {
  background:#e0e0e0;  /* main menu */
  color:#000000;
}
#menu-pages li:hover ul a, 
#menu-pages li.sfHover ul a {
  background:#fcfcfc; /* sub menu*/
  color:#222222;	
}
#menu-pages li:hover ul a:hover, 
#menu-pages li.sfHover ul a:hover {
  background:#e0e0e0; /* sub menu*/
  color:#000000;	
}

/** End Layout Settings */


/**************************************
	Usefull text formatting classes
**************************************/

.alignright{float:right;}
.alignleft{float:left;}
p.indent{text-align:left;text-indent:2em;}
p.dropcap{text-align:left;line-height:1.25;}
p.dropcap:first-letter{font-size:4em;line-height:0.8em;font-weight:bold;text-transform:uppercase;float:left;margin-top:0.3ex;margin-right:0.2em;overflow:visible;}
.smallcaps{letter-spacing:0.15em;text-transform:uppercase;font-size:0.825em;padding:0 1px;}
.caps{letter-spacing:0.1em;text-transform:uppercase;font-size:1em;padding:0 1px;}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE [http://www.positioniseverything.net/easyclearing.html] */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:block;}