html {
	height: 100%;
	margin: 0 0 1px;
}

body {
	font-family: "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	background: #968DB4 url(/images/layout/bg.jpg) left top repeat-x;
	margin: 0;
	padding: 0;
	font-size: 90%;
	line-height: 1.5;
	text-align: center; /* ie5 */
}

a {
	text-decoration: none;
	color: #9E6912;
}

a img {
	border: none;
}

img { margin: 0; }

p a:hover,
li a:hover
 {
	color: #C18016;
	border-bottom: 1px dotted #CDC1F3;
}

a:hover img {
	border-bottom: none !important;
}

p {
	margin: 0 0 .75em;
}

h1 {
	margin: .25em 0 .5em;	
}

h2, h3 {
	margin: .25em 0;
color: #c18016;
font-size: 1.1em;
}
h3 {
	font-size: 1em; 
}


table {
	clear: both;
    margin: .5em auto;
    border: 2px solid #FEDEB0;
padding: 4px 8px;
}
caption {
    font-weight: bold;
    font-style: italic;
}
tbody td {
    border-bottom: 1px solid #dedede;
text-align: center;
}
tbody td.text {
text-align: left;
}
tbody td.numeric {
text-align: right;
}
tr.last td {
    border: none;
}


abbr,
acronym {
	border-bottom: 1px dotted #999;
	cursor: help;
}

span.title {
font-weight: bold;
}

blockquote {
	border: 1px solid #eee;
	font-size: .9em;
	margin: 5px 0 10px 5px;
	padding: 24px;
	background: transparent url(/images/layout/left_quote.png) top left no-repeat;
	display: table;
}

blockquote.aside {
	float: right;
	clear: right;
	display: block;
	margin: 1em auto 1em 1em;
	width: 16em;
}

cite {
	font-style: italic;
	color: #666;
	display: block;
	text-align: right;
	margin-right: -24px;
	margin-bottom: -24px;
	padding: 0 24px 24px 0;
	background: transparent url(/images/layout/right_quote.png) bottom right no-repeat;
}

li cite {
	color: inherit;
	display: inline;
	margin: 0;
	padding: 0;
	background: none;
}
ul.columns li {
float: left;
clear: left;
width: 20em;
}
ul.columns li.even {
clear: none;
}


#content ul {
	margin: 0;
	padding: .5em 0 .5em 1em;
	clear: left;
}

#content li {
	list-style: none;
	margin: 0 0 .3em 1em;
	padding: 0 0 0 12px;
	background: transparent url(/img/layout/bullet_blue.gif) 0 .5em no-repeat;
}

#content ul.horizontal {
	margin: 0 auto;
	padding: .2em 0;
	display: block;
	text-align: center;
}

#content ul.horizontal li {
	padding: 0 1em;
	background: none;
	margin: 0;
	display: inline;
}



.structural {
    position: absolute;
    left: -999em;
}
.clearing {
    clear: both;
}
.printonly {
	display: none;
}

p.notice, 
p.construction {
	display: block;
	margin: .5em auto;
	padding: .2em .5em;
	text-align: center;
	border: 2px solid #fc3;
	width: 70%;
	background: #ffa;
}


#pagewrap {
	width: 936px;
	margin: 0 auto 20px;
	padding: 0 7px;
	background: #fff url(/images/layout/content_bg.jpg) right repeat-y;
	position: relative;
	text-align: left;
}

#masthead {
	background: url(/images/layout/masthead_bg.jpg) left bottom no-repeat;
	height: 124px;
}

#mastheadbottomedge {
	position: absolute;
	top: 124px;
	z-index: 10000;
}

#logo a {
	position: absolute;
	width: 230px;
	height: 0;
	overflow: hidden;
	padding-top: 120px;
}

/******************************* Navigation *********************************/
#navwrap {
	position: absolute;	
    top: 54px;
    right: 30px;
	padding: 0 11px;
	background: url(/images/layout/nav_endcap.png) no-repeat;
}

#navwrap span.endcap {
	position: absolute;
	top: 0; right: 0;
	width: 11px;
	height: 27px;
	background: url(/images/layout/nav_endcap.png) no-repeat;
}

#nav {
	margin: 0;
    padding: 0;
    list-style: none;
}


#nav a.primary {
	display: block;
	height: 0;
	border: none;
    width: 0;
    height: 0;
    padding: 0 0 27px 140px; /* padding-left changes for each btn */
    overflow: hidden;
}

#nav li {
	float: left;
	margin: 0;
	padding: 0;
}

.sf-menu li ul {
	position: absolute;
	z-index: 99;
	left: -999em;
	background: #FDF1D4 url(/images/layout/nav/navbg.gif) bottom repeat-x;
}


ul#nav li#navourschool a.primary:hover,
ul#nav li#navprograms a.primary:hover,
ul#nav li#navadmissions a.primary:hover,
ul#nav li#navcommunity a.primary:hover,
ul#nav li#navcontact a.primary:hover {
	background-position: 0 -27px;
}

/******* Padding-left on all the primary nav A elements must be the same as
         the containing LI's width ******/

ul#nav li#navourschool {
	width: 133px;
}

ul#nav li#navourschool a.primary {
	background: url(/images/layout/btn_our_school.png) 0 0 no-repeat;
	padding-left: 133px; 
}

/*** == ***/

ul#nav li#navprograms {
	width: 118px;
}
ul#nav li#navprograms a.primary {
	background: url(/images/layout/btn_programs.png) 0 0 no-repeat;
	padding-left: 118px;
}

/*** == ***/

ul#nav li#navadmissions {
	width: 131px;
}

ul#nav li#navadmissions a.primary {
	background: url(/images/layout/btn_admissions.png) 0 0 no-repeat;
	padding-left: 131px;
}

/*** == ***/

ul#nav li#navcommunity {
	width: 135px;
}

ul#nav li#navcommunity a.primary {
	background: url(/images/layout/btn_community.png) 0 0 no-repeat;
	padding-left: 135px;
}

/*** == ***/

ul#nav li#navcontact {
	width: 103px;
}

ul#nav li#navcontact a.primary {
	background: url(/images/layout/btn_contact.png) 0 0 no-repeat;
	padding-left: 103px;
}

/*************** Content *****************/

div#content {
	padding-top: 4px;
	padding-bottom: 1em;
}

body#home div#content {
	max-height: 340px;
	overflow: hidden;
	padding-bottom: 0;
}
body.focus div#content,
body.application div#content {
	padding-top: 40px;
}


div#content_page_title {}
div#content_page_title h1 {
margin-top: 0;
font-size: 1em;
margin-left: 2em;
}

div#maincontent {
	margin: 2em 2em;
	clear: both;
}

body#home div#maincontent,
div.quoteblock {
	width: 320px;
	float: right;
	clear: none;
	margin: 0 40px 0 0;
	padding-top: 25px;
	overflow: hidden;
	max-height: 325px;
}
body#home div#maincontent{
width: 300px;
margin-right: 30px;
}


div.quoteblock {
	clear:right;
	float:right;
	margin-top:10px;
	width:260px;
}

div#quoteblock_waldorf_education_enables,
div#quoteblock_blessed_be_childhood { margin-top: 50px; }
div#quoteblock_all_children_are_artists { margin-top: 65px; }
div#quoteblock_understand_begins_with_wonder { margin-top: 90px; }
div#quoteblock_gracefully_meeting { margin-top: 0;}
div#quoteblock_our_highest_endeavor {
	margin-top: 25px;
	width: 250px;
}

div#maincontent p {}

div#centralimg {
width: 578px;
}
div#centralimg img {
float: left;
margin-bottom: 2em;
}

#maincontent div.sidebar {
float: right;
width: 180px;
margin: 0 0 1em 1em;
padding: 0 10px;
border-left: 1px solid #ccc;
}
#maincontent div.sidebar ul,
#maincontent div.sidebar li {
margin: 0; padding: 0;
background: none;
}



#pagebottom {
background: transparent;
position: relative;
}
#pagebottom #schoolphoto {
float: right;
}
#pagebottom #watch_video {
position: absolute;
bottom: 10px;
right: 8px;
}
#pagebottom div.block {
width: 260px;
padding: 0 10px;
float: left;
min-height: 177px;
/* max-height: 177px;
overflow: hidden;*/
}
#pagebottom div.block h3 {
padding: 7px 0 6px;
}
#pagebottom #block1 {
background: url(/images/layout/med_vertical_bar.png) right top no-repeat;
width: 250px;
padding-right: 20px;
}
#pagebottom #block1 h3 {
padding-left: 0;
}
#block1 ul {
margin: 0; padding: 0;
list-style: none;
}
#block1 ul li {
margin-bottom: .5em;
line-height: 1.2;
}
#block1 ul li.last {
	text-align: right;
}

#block2 {
margin-left: 8px;
}

#footer {
clear: both;
border: 6px solid white;
border-width: 6px 0;
background: #968db4;
}
#footer address {
text-align: right;
margin: 14px 10px;
color: white;
font-style: normal;
}

p#awsnalogo {
	width: 45%;
	float: left;
	text-align: right;
}
p#awsnalogo img {
	margin-right: 30px;
}
p#networkforgood {
	width: 45%;
	float: left;
}
p#facebook {
	text-align: left;
	margin-left: 30px;
	clear: none;
	float: left;
}


/* photos are for images in the main content, and might be photos or paintings or whatever. */
div.photo {
	float: right;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
	margin: 0 0 0 1em;
	clear: right;
	border: 1px solid #ccc;
	background: white;
}

div.photo p {
	margin: .5em 0;
}

div.photo cite,
div.largephoto cite {
	font-weight: normal;
	font-size: 75%;
	color: #999;
	display: block;
	padding-top: .25em;
	text-align: center;
	margin: 0 0 0 .5em;
	padding: 0;
	background: transparent;
}
/* secondary class to make div.photo float left instead of right */
div.othersidephoto {
	float: left;
	margin: 0 1em 0 0;
clear: left;
}

div.largephoto {
	text-align: center;
	clear: both;
}

.term {
	font-weight: bold;
}
.small {
    font-size: 85%;
}

.tiny {
    font-size: 60%;
}

.structural {
position: absolute;
left: -9999em;
}
.documentnote {
color: #999;
font-style: italic;
}

div.righthalf,
div.lefthalf {
	width: 48%;
	float: left;
}
div.righthalf {
	float: right;
}
ul.booklist li {
margin-bottom: .5em;
color: #666;
}
cite.book {
    color: #000;
}
li span.comment {
	font-size: 90%;
	line-height: 1.2;
}

/********** form elements *********/
form {
	margin: .5em auto;
	text-align: center;
	border: none;
}
form.smallform,
body#contact form {
	width: 60%;
}
body#contact form {
	float: left;
}

fieldset {
	text-align: left;
	border: 1px solid #D9D7E4;
	border-width: 1px 0;
	margin-bottom: 1em;
	padding-bottom: .5em;
}

legend {
	font-size: 1.1em;
	font-weight: bold;
	color: #F19C4A;
}

form div {
	clear: both;
	padding-top: .3em;
}

form div div {
	padding-top: .2em;
}

div input,
div select {
	display: block;
	margin-left: 15em;
}

div.radiogroup input {
	margin-left: 1em;
}

textarea {
	width: 96%;
	height: 8em;
	margin: 0 auto;
	display: block;
	clear: left;
	float: none;
}

div.error {
	border: 1px solid red;
	background: #FFCFCF;
}

div.error p {
	margin: 0 0 .2em;
	text-align: center;
}

fieldset label,
fieldset p {
	margin-left: 1em;
	float: left;
}

.required {
	padding-right: 8px;
	background: url(/img/layout/tiny_star.gif) top right no-repeat;
	font-weight: bold;
}

.button {
	float: none;
	display: block;
	margin: .5em auto;
	width: 12em;
	border: 2px solid #859A95;
	background: #C8BDC0;
	font-family: "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-weight: bold;
}

.button:hover {
	background: #E0D9DA;
}

div.radiogroup {
	clear: right;
	margin-left: 15em;
}

div.checkboxgroup input,
div.radiogroup input {
	float: left;
	width: 2em;
	padding: 0;
	margin: 0;
}

div.radiogroup label {
	width: 8em;
	margin-right: 2em;
	float: left;
	font-weight: normal;
}

div.checkboxgroup {
	margin-left: 4em;
}

div.checkboxgroup div.checkboxitem {
	clear: left;
	display: block;
}

div.checkboxitem label {
	float: left;
	margin-right: 1em;
	font-weight: normal;
}

div.checkboxitem label {
	padding-top: 2px;
}



/* Faculty Bios */

ul#facultyBiosListing {
	margin-left: 3em;
	width: 80%;
}

ul#facultyBiosListing li {
	list-style: none;
	margin: 1em 0 1em 0;
	background: none;
	clear: left;
}
ul#facultyBiosListing li img {
	float: left;
	margin: 0 1em 1.5em 0;
}
ul#facultyBiosListing li a.editlink {
	font-size: 75%;
	float: right;
}


/* blog */
div#blog_index,
body.blog div.blog_entry,
body.blog div#entry_comments,
body.blog div#entry_comment_form {
width: 75%;
float: left;
}
body.blog a:hover img {
border: none !important;
}
#blog_index div.index_item {
clear: left;
padding-top: 1.5em;
}
#blog_index div.first{
padding-top: 0;
}
#blog_index div.index_item h2 {
border-bottom: 1px solid #D9D7E4;
}
body.blog img.entry_img {
float: left;
margin: 0 1em 1em 0;
}
#blog_sidebar {
float: right;
margin-left: 3em;
width: 20%;
}
#blog_sidebar div.item {
border-bottom: 1px solid #ccc;
padding: 1em .5em;
}
#blog_sidebar ul {
padding: 0;
margin-left: .75em;
margin-right: 0;
}
#blog_sidebar ul li {
padding: 0;
margin: 0;
background: none;
}
#blog_sidebar #blog_social_media {
border-bottom: none;
}
#blog_social_media li {
display: inline;
}

div.comment {
border-top: 1px solid #D9D7E4;
}

div.commenter_info {
float: left;
width: 15em;
}
div.commenter_info span.commenter_name {
display: block;
font-weight: bold;
}

/*****  Photo Gallery *******/

div.gallery_thumb {
width: 75px;
height: 75px;
padding: 3px;
margin-right: 1em;
border: 1px solid #ccc;
float: left;
background: white;
overflow: hidden;
}


/***** Calendar Styles *****/
div.calendar-add {
	width: 16px;
	height: 16px;
	float: right;
}

div.calendar-add a img {
	border: none;
}

div.calendar {
	font-size: .9em;
}

div.calendar-item {
	clear: both;
	margin-left: 20px;
	border-top: 1px dashed #ccc;
	padding: .5em 0;
}
div.calendar-item .itemtitle {
font-weight: bold;
}

div.calendar div.first {
	border: none;
}
p.eventtitle {
	font-weight: bold;
}
div.calendar h3 {
	font-size: 1.1em;
	clear: left;
	margin-top: 2em;
}
div.calendar h3.first {
margin-top: 0;
}

div.calendar h4 {
	font-size: 1.1em;
	float: left;
	margin-top: 0;
	margin-bottom: .2em;
	width: 15em;
}

div.calendar h4 span.time,
div.calendar h4 span.location,
div.calendar h4 a.editlink {
	display: block;
	font-weight: normal;
}
div.calendar h4 a.editlink {
font-size: 75%;
}

div.calendar-item p {
	margin: 0 0 0 16em;
	font-size: 1.2em;
}

body#calendar p.intro a {
	margin: 0 .5em;
}

div.calendar-item div.clearing {
	height: 1px;
}

div.calendar-item p.time {
	float: right;
	margin: 0;
}

div.calendar a.itemtitle {
	color: black;
}

div.calendar a.itemtitle:hover {
	color: #806000;
}

/* Connect page */

#maincontent ul.links li {
	margin-left: .5em;
	padding-left: 0;
	background: none;
	clear: left;
	padding-bottom: 16px;
	padding-top: 4px;
}
#maincontent ul.links li img {
	float: left;
	margin-right: .5em;
	margin-top: -4px;
}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	border-left:	1px solid #fff;
	border-top:		1px solid #CFDEFF;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#13a;
}
.sf-menu li {
	background:		#BDD2FF;
}
.sf-menu li li {
	background:		#AABDE6;
}
.sf-menu li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#CFDEFF;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url('../images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar {
	background:		#BDD2FF;
	height:			2.5em;
	padding-bottom:	2.5em;
	position:		relative;
}
.sf-navbar li {
	background:		#AABDE6;
	position:		static;
}
.sf-navbar a {
	border-top:		none;
}
.sf-navbar li ul {
	width:			44em; /*IE6 soils itself without this*/
}
.sf-navbar li li {
	background:		#BDD2FF;
	position:		relative;
}
.sf-navbar li li ul {
	width:			13em;
}
.sf-navbar li li li {
	width:			100%;
}
.sf-navbar ul li {
	width:			auto;
	float:			left;
}
.sf-navbar a, .sf-navbar a:visited {
	border:			none;
}
.sf-navbar li.current {
	background:		#BDD2FF;
}
.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background:		#BDD2FF;
}
.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active {
	background:		#D1DFFF;
}
ul.sf-navbar li li li:hover,
ul.sf-navbar li li li.sfHover,
.sf-navbar li li.current li.current,
.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active {
	background:		#E6EEFF;
}
ul.sf-navbar .current ul,
ul.sf-navbar ul li:hover ul,
ul.sf-navbar ul li.sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
}
ul.sf-navbar .current ul ul {
	top: 			-999em;
}

.sf-navbar li li.current > a {
	font-weight:	bold;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}/* Modify Superfish for EWS */

/* Make the submenu a bit shorter, and more spacing */
.sf-navbar ul a {
    padding: .25em .5em .25em 1.25em;
}

/* Nudge submenu closer to primary */
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	top: 33px; /* match top ul list item height to avoid overlap */
}

/* nudge the rightmost two nav menus toward the right side */
.sf-navbar li#navcommunity ul {
	margin-left: 20px;
    width: 45em;
}
.sf-navbar li#navcontact ul {
    margin-left: 150px;
    width: 38em;
}


/**********************************
 *Override the default superfish menu background colors
 **********************************/

.sf-navbar,
.sf-navbar li,
.sf-navbar li.sfHover,
.sf-navbr li li.current,
.sf-navbar a, .sf-navbar a, .sf-navbar a,

.sf-navbar li li,

.sf-navbar ul li:hover,
.sf-navbar ul li.sfHover,
ul.sf-navbar ul li:hover li,
ul.sf-navbar ul li.sfHover li,
.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active,

.sf-navbar li:hover,
.sf-navbar li.sfHover,
.sf-navbar li li.current,
.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active {
	background-color: transparent;
}

/* White links in submenu! */ 
.sf-navbar li li a,
.sf-navbar li li a:visited {
    color: white;
}
/* Slight color change and bullet-point dot on hover */ 
.sf-navbar li li a:hover {
    color: #FFF6E1;
    background: transparent url(/images/layout/lil_dot.png) left center no-repeat;
}