/*----------------------------------------------------------------



----------------------------------------------------------------*/

/* =BODY
-----------------------------------*/

* {
	margin:0;
	padding:0;
	}
	
body {
	margin:0;
	padding:0;
	font-size:62.5%;
	font-family:Verdana, "Lucida Grande", Tahoma, Arial, sans-serif;
	text-align:center;
	background:#bfba70;
	}
	


/* =LINKS
-----------------------------------*/
	
a:link,
a:visited,
a:hover,
a:active {
	text-decoration:none;
	border:none;
	}
	

/* =HEADERS
-----------------------------------*/
	
h1, h2, h3, h4, h5, h6 {
	margin:0 0 .5em 0;
	padding:0;
	font-weight:bold;
	color:#c66828;
	text-transform:uppercase;
	}
	
	
/* =COMMON
-----------------------------------*/

br {
	clear:both;
	}

hr {
	height:1px;
	color:#5a5503;
	background:#5a5503;
	border:none;
	}
	
	
/* =IMAGES
-----------------------------------*/

img, img a {
	display:block;
	margin:0;
	padding:0;
	border:none;
	}
	
	
/* =LISTS	
-----------------------------------*/

ul {
	list-style:none;
	display:block;
	margin:0 0 20px 0;
	padding:0;
	}
	

/* =TYPOGRAPHY	
-----------------------------------*/

p	{
	margin:0 0 1.1em 0;
	color:#5a5503;
	}
	
	
/* =STRUCTURAL ELEMENTS	
-----------------------------------*/

#outerWrap {
	margin:0;
	padding:0;
	}
	
#innerWrap {
	margin:0;
	padding:0;
	text-align:left;
	}
	
#container {
	width:900px;
	margin:25px auto 0 auto;
	padding:0;
	font-size:1.1em;
	line-height:1.6em;
	color:#5a5503;
	background:#f3f2ed;
	border:6px solid #5a5503;
	border-bottom:none;
	overflow:hidden; /* Equal Height Column Hack */
	}
	
	
	
	
	
	
#leftCol {
	width:175px;
	float:left;
	margin:0 0 -20000px 0; /* Equal Height Column Hack */
	padding:0 0 20000px 0;
	background:#fff;
	border-right:6px solid #5a5503;
	}

	



	
#primaryContent {
	width:488px;
	display:block;
	float:left;
	margin:0 0 -20000px 0; /* Equal Height Column Hack */
	padding:50px 25px 20025px 25px;
	border-right:6px solid #5a5503;
	}
	
#rightCol {
	width:155px;
	float:right;
	margin:0 0 -20000px 0; /* Equal Height Column Hack */
	padding:50px 10px 20025px 10px;
	background:#9f9c6b;
	}
	
#footer {
	width:912px;
	clear:both;
	margin:0 auto 25px auto;
	padding:10px 0;
	background:#5a5503 url("http://www.gracieva.com/images/logo-footer.gif") right center no-repeat;
	}
	




	
	
/*---------- Begin Block/Chunk Styling, Section by Section ----------*/





/* =COMMENTS
-----------------------------------*/

	
#comment { 
	width: 475px;
	}	






/* =MASTHEAD
-----------------------------------*/

h1#logo,
h1#logo a {
	width:175px;
	height:175px;
	display:block;
	margin:0;
	background:url(http://www.gracieva.com/images/logo.gif) left top no-repeat;
	border-bottom:6px solid #5a5503;
	text-indent:-37000px;
	}
	
ul#nav {
	width:175px;
	height:270px;
	margin:0;
	padding:20px 0;
	background:#F0EEDF;
	border-bottom:6px solid #5a5503;
	}
	
ul#nav li a {
	display:block;
	width:175px;
	height:30px;
	margin:0;
	padding:0;
	color:#c66828;
	line-height:30px;
	text-transform:uppercase;
	}
	
/*--- SITE NAV ---*/

ul#nav li.school a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
ul#nav li.school a:hover,
ul#nav li.school a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px 0 no-repeat;
	}
	
ul#nav li.programs a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -30px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.programs a:hover,
ul#nav li.programs a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -30px no-repeat;
	}
	
ul#nav li.schedule a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -60px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.schedule a:hover,
ul#nav li.schedule a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -60px no-repeat;
	}
	
ul#nav li.news a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -90px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.news a:hover,
ul#nav li.news a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -90px no-repeat;
	}
	
ul#nav li.training a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -120px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.training a:hover,
ul#nav li.training a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -120px no-repeat;
	}
	
ul#nav li.contact a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -150px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.contact a:hover,
ul#nav li.contact a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -150px no-repeat;
	}
	
ul#nav li.store a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -180px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.store a:hover,
ul#nav li.store a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -180px no-repeat;
	}
	
ul#nav li.multimedia a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -210px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.multimedia a:hover,
ul#nav li.multimedia a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -210px no-repeat;
	}	
	
ul#nav li.messageBoard a {
	background:url("http://www.gracieva.com/images/bg-nav.gif") 0 -240px no-repeat;
	text-indent:-37000px;
	}
ul#nav li.messageBoard a:hover,
ul#nav li.messageBoard a.active {
	background:url("http://www.gracieva.com/images/bg-nav.gif") -175px -240px no-repeat;
	}		
	
#leftCol h3 {
	margin:20px 10px 5px 10px;
	}
	
h3.locations {
	padding: 20px 0 0 0;
	background:url("http://www.gracieva.com/images/h3-locations.gif") left center no-repeat;
	text-indent:-37000px;
	}	
	
h3.subscriptions {
	padding: 20px 0 0 0;
	background:url("http://www.gracieva.com/images/h3-subscriptions.gif") left center no-repeat;
	text-indent:-37000px;
	}		
	
h3.newsletterHeader {
	background:url("http://www.gracieva.com/images/h3-newsletter.gif") left center no-repeat;
	text-indent:-37000px;
	}
	
h3.contactHeader {
	background:url("http://www.gracieva.com/images/h3-contactcjj.gif") left center no-repeat;
	text-indent:-37000px;
	}
	
#leftCol form {
	width:150px;
	display:block;
	margin:10px 10px 0 10px;
	background:white;
	}
	
#leftCol form span {
	display:block;
	margin:0 0 7px 0;
	padding:1px;
	border:1px solid #bfba70;
	}
	
#leftCol form input.email {
	width:100%;
	margin:0;
	padding:0;
	border:none;
	background:#f3f2ed;
	}
	
#leftCol form input.email:hover {
	background:#fff;
	}
	
/*
#leftCol input.submitBttn {
	width:150px;
	height:20px;
	margin:0;
	padding:0;
	color:#fff;
	background:#c66828;
	border:1px solid #5a5503;
	border-top:none;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
	}
	*/
	
#leftCol p {
	margin:10px;
	padding:0;
	}
	


/*--- PROGRAMS NAV ---*/


ul#Prognav {
		width:159px;
		height:354px;
		margin:0;
		padding: 2px 0;
		background:#908d64;
		
	}
	
	ul#Prognav li a {
		display:block;
		width:159px;
		height:50px;
		margin:0;
		padding:0;
		color:#757245;
		line-height:50px;
		text-transform:uppercase;
	}
	


ul#Prognav li.rgjj a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 0 no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.rgjj a:hover,
ul#Prognav li.rgjj a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px 0 no-repeat;
	}
	
	
	
ul#Prognav li.muaythai a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -50px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.muaythai a:hover,
ul#Prognav li.muaythai a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -50px no-repeat;
	}
		
	
	
ul#Prognav li.mma a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -100px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.mma a:hover,
ul#Prognav li.mma a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -100px no-repeat;
	}	
	
	
	

ul#Prognav li.crossfit a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -150px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.crossfit a:hover,
ul#Prognav li.crossfit a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -150px no-repeat;
	}

	
ul#Prognav li.shesafe a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -200px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.shesafe a:hover,
ul#Prognav li.shesafe a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -200px no-repeat;
	}

ul#Prognav li.yoga a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -250px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.yoga a:hover,
ul#Prognav li.yoga a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -250px no-repeat;
	}

	
ul#Prognav li.kidjitsu a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -300px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.kidjitsu a:hover,
ul#Prognav li.kidjitsu a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -300px no-repeat;
	}
	
	
ul#Prognav li.cubs a {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") 0 -350px no-repeat;
	text-indent:-37000px;
	}
ul#Prognav li.cubs a:hover,
ul#Prognav li.cubs a.active {
	background:url("http://www.gracieva.com/images/programsmenu.jpg") -155px -350px no-repeat;
	}
	

	
	
	
	
	
/* =PRIMARY + SECONDARY CONTENT
-----------------------------------*/

ul#subnav {
	width:487px;
	float:left;
 	margin:0 0 20px 0;
	padding:0;
	border-bottom:1px solid #E0DDC2;
 	}
 
ul#subnav li {
	float:left;
	margin:0;
	padding:0 16px;
	border-right:1px solid #E0DDC2;
	}
	
ul#subnav li a {
	display:block;
	float:left;
	margin:0;
	padding:4px 0;
	color:#c66828;
	font-size:.9em;
	text-align:center;
	text-transform:uppercase;
	background:none;
	}
	
ul#subnav li a:hover,
ul#subnav li a.active {
	color:#5a5503;
	background:url("http://www.gracieva.com/images/subnavHover.gif") center bottom no-repeat;
	}
	
ul#subnav li.last {
	border:none;
	}
	
	
#primaryContent a {
	color:#c66828;
	}
	
#primaryContent a:hover {
	color:#5a5503;
	}
	
#primaryContent ol {
	display:block;
	margin:0 0 10px 25px;
	padding:0;
	}
	
#primaryContent ol li {
	color:#c66828;
	}
	
#primaryContent a.more {
	padding-right:13px;
	background:url("http://www.gracieva.com/images/linkMore.gif") right center no-repeat;
	}
	
#primaryContent a.more:hover {
	background-color:#fff;
	}

#primaryContent h2 {
	height:20px;
	margin:2em 0 1em 0;
	padding:0 0 .2em 0;
	border-bottom:3px solid #E0DDC2;
	text-align: left;
	font-weight: 500;
	font-size: 1.3em;

	}
	
#primaryContent h3 {
	margin-top:2em;
	font-size:1.1em;
	color:#5a5503;
	}
	

	
#secondaryContent dl.news {
	background:;
	}
	
dl.news dt {
	font-weight:bold;
	}
	
dl.news dd {
	margin:0;
	padding:3px 0 20px 0;
	}
	
img.triangle {
	width:400px;
	margin:0 auto;
	}


	

	
span.note {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	color:#c66828;
	font-size:.9em;
	}
	
span.caption {
	display:block;
	margin:0 0 20px 0;
	padding:5px 0;
	font-style:italic;
	border-bottom:1px solid #9f9c6b;
	}
	

#primaryContent p {
	text-align: left;
	}
	


p.meta {
	text-align: left;
	color: #aaa04e;}


	
	
/* =RIGHT COLUMN
-----------------------------------*/

#rightCol h3 {
	height:20px;
	margin:2.6em 0 1em 0;
	padding:0 0 .5em 0;
	color:#fff;
	border-bottom:3px solid #F0EEDF;
	text-align: left;
	}
	

	
#rightCol h4 {
	height:20px;
	margin:2em 0 1em 0;
	padding:0;
	font-size:11px;
	color:#5a5503;
	border-bottom:1px solid #5a5503;
	}
	

.xfitjournal img {


	display:block;
	float:left;
	margin:0 0 20px 20px;
	padding:0;
	border: 4px solid #dfdec2;
	
	}

.module a {
	display:block;
	margin:0 0 20px 0;
	padding:0;
	}
	
.module a:hover {
	background:#fff;
	}
	
.modulel a {
	display:block;
	margin:0 0 20px 10px;
	padding:0;
	}
	
.modulel a:hover {
	background:#fff;
	}	
	
	
#rightCol li a {
	color:#fff;
	text-align: left; 
	}
	
#rightCol li a:hover,
#rightCol li a.active {
	color:#5a5503;
	text-align: left; 
	}
	
#rightCol ul {
	color:#fff;
	text-align: left; 
	}

#programsMain {
margin: 0;
padding: 0;
}

#programsMain li {
height: 90px;
width: 145px;
margin: 0;
padding: 0;
margin-bottom: 1.25em;
border: 4px solid #757245;
border-bottom: 4px solid #5d5a33;
border-right: 4px solid #5d5a33;
}

#programsMain li:hover {
border: 4px solid #1d1c11;
border-bottom: 4px solid #25241b;
border-right: 4px solid #25241b;
}

#programsMain li a {
height: 100%;
width: 100%;
display: block;
margin: 0;
padding: 0;
}

	

#jiujitsuModule {
background:url("http://www.gracieva.com/images/jiujitsu-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

#jiujitsuModule:hover {
background:url("http://www.gracieva.com/images/jiujitsu-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}

#muaythaiModule {
background:url("http://www.gracieva.com/images/muaythai-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#muaythaiModule:hover {
background:url("http://www.gracieva.com/images/muaythai-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}

#mmaModule {
background:url("http://www.gracieva.com/images/mma-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#mmaModule:hover {
background:url("http://www.gracieva.com/images/mma-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}


#crossfitModule {
background:url("http://www.gracieva.com/images/crossfit-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#crossfitModule:hover {
background:url("http://www.gracieva.com/images/crossfit-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}

#shesafeModule {
background:url("http://www.gracieva.com/images/shesafe-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#shesafeModule:hover {
background:url("http://www.gracieva.com/images/shesafe-module.jpg") 0 0px no-repeat;
text-indent:-37000px;
}

#yogaModule {
background:url("http://www.gracieva.com/images/yoga-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#yogaModule:hover {
background:url("http://www.gracieva.com/images/yoga-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}

#kidsModule {
background:url("http://www.gracieva.com/images/kids-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;
}

#kidsModule:hover {
background:url("http://www.gracieva.com/images/kids-module.jpg") 0 0 no-repeat;
text-indent:-37000px;

}
	
	
	
	
/* =MULTIMEDIA SECTION
-----------------------------------*/

div.galleries {
	margin:0;
	padding:0;
	}
	
div.galleries h3 {
	clear:both;
	}
	
div.galleries a img {
	display:block;
	float:left;
	margin:0 18px 18px 0;
	padding:3px;
	border:1px solid #bfba70;
	}
	
div.galleries a.last img {
	margin:0;
	}
	
div.galleries a:hover img {
	background:#bfba70;
	border:1px solid #bfba70;
	}
	
div.flickr {
display:block;
margin:0;
padding:0;
}

div.flickr a img {
float:left;
display:block;
margin:0;
padding:0;
border:1px solid #9f9c6b;
}

div.flickr a:hover img {
border-color:#fff;
}

h3.recentphotos {
width:155px;
height:20px;
background:url("http://www.gracieva.com/weblog/images/h3-recentphotos.gif") left center no-repeat;
text-indent:-20000px;
}
	
	

	
	
/* =FOOTER
-----------------------------------*/

#footer p {
	text-align:left;
	color:#9f9c6b;
	margin:0;
	padding:3px 0 3px 16px;
	}

#footer ul {
	margin:0;
	padding:3px 16px;
	}
	
#footer ul li {
	display:inline;
	margin-right:10px;
	}
	
#footer li a,
#footer a {
	position:relative;
	color:#d8d097;
	}
	
#footer a:hover {
	color:#F0EEDF;
	}  

/* Left Column Locations Menu
---------------------------------*/

#leftCol #locationsMain {
	width:159px;
	font-size: .9em;
	background: transparent;
	line-height: 1.5em;
}

#leftCol #locationsMain li {
	height: 25px;
	line-height: 1.5em;
	padding: 0;
	
}


#leftCol #locationsMain li a {
	color: #f0eedf;
	line-height: 1.5em;
	padding: 0;
	display:block;
	text-transform:uppercase;
	
}

#leftCol #locationsMain li a:hover  {
color: #5a5503;
}

#leftCol #locationsMain li a.active  {
color: #5a5503;
}

#locationsMain {
margin: 0;
padding: 0 0 0 10px;
}

#leftCol #locationsMain li {
height: 90px;
width: 145px;
margin: 0;
padding: 0;
margin-bottom: 1.25em;
border: 4px solid #e0ddc2;
border-bottom: 4px solid #e0ddc2;
border-right: 4px solid #d2cfb7;
}

#leftCol #locationsMain li:hover {
border: 4px solid #9f9d89;
border-bottom: 4px solid #a5a38e;
border-right: 4px solid #a5a38e;
}

#leftCol #locationsMain li a {
height: 100%;
width: 100%;
display: block;
margin: 0;
padding: 0;
}

#alexandriaModule {
background:url("http://www.gracieva.com/images/alexandria-module.jpg") top left no-repeat;
text-indent:-37000px;
}

#alexandriaModule:hover {
background:url("http:/www.gracieva.com/images/alexandria-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

#loudounModule {
background:url("http://www.gracieva.com/images/loudoun-module.jpg") 0 0 no-repeat;
text-indent:-37000px;
}

#loudounModule:hover {
background:url("http://www.gracieva.com/images/loudoun-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

#takomaModule {
background:url("http://www.gracieva.com/images/roda-module.jpg") 0 0 no-repeat;
text-indent:-37000px;
}

#takomaModule :hover {
background:url("http://www.gracieva.com/images/roda-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}