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

Author: Justin Kropp
Website: Capital Jiu-Jitsu
Email: justinkropp@gmail.com	
Media: Screen
Date Created: September 12, 2006
Date Modified: September 12, 2006

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

/* =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("../images/logo-footer.gif") right center no-repeat;
	}
	
	
	
/*---------- Begin Block/Chunk Styling, Section by Section ----------*/



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

h1#logo,
h1#logo a {
	width:175px;
	height:175px;
	display:block;
	margin:0;
	background:url(../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("../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("../images/bg-nav.gif") -175px 0 no-repeat;
	}
	
ul#nav li.programs a {
	background:url("../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("../images/bg-nav.gif") -175px -30px no-repeat;
	}
	
ul#nav li.schedule a {
	background:url("../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("../images/bg-nav.gif") -175px -60px no-repeat;
	}
	
ul#nav li.news a {
	background:url("../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("../images/bg-nav.gif") -175px -90px no-repeat;
	}
	
ul#nav li.training a {
	background:url("../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("../images/bg-nav.gif") -175px -120px no-repeat;
	}
	
ul#nav li.contact a {
	background:url("../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("../images/bg-nav.gif") -175px -150px no-repeat;
	}
	
ul#nav li.store a {
	background:url("../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("../images/bg-nav.gif") -175px -180px no-repeat;
	}
	
ul#nav li.multimedia a {
	background:url("../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("../images/bg-nav.gif") -175px -210px no-repeat;
	}	
	
ul#nav li.messageBoard a {
	background:url("../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("../images/bg-nav.gif") -175px -240px no-repeat;
	}		
	
#leftCol h3 {
	margin:20px 10px 5px 10px;
	}
	
h3.locations {
	padding: 20px 0 0 0;
	background:url("../images/h3-locations.gif") left center no-repeat;
	text-indent:-37000px;
	}	
	
h3.subscriptions {
	padding: 20px 0 0 0;
	background:url("../images/h3-subscriptions.gif") left center no-repeat;
	text-indent:-37000px;
	}		
	
h3.newsletterHeader {
	background:url("../images/h3-newsletter.gif") left center no-repeat;
	text-indent:-37000px;
	}
	
h3.contactHeader {
	background:url("../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;
	}
	





	
/* =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("../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("../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 .5em 0;
	border-bottom:3px solid #E0DDC2;
	}
	
#primaryContent h3 {
	margin-top:2em;
	font-size:1.1em;
	color:#5a5503;
	}
	
#primaryContent h2.welcomeHeader {
	background:url("../images/h2-welcome.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}

#primaryContent h2.newsHeader {
	background:url("../images/h2-newsHeader.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.indexContactHeader {
	margin: 1em 0 .5em 0;
	background:url("../images/h2-indexContactHeader.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}	
	
#primaryContent h2.theSchool {
	background:url("../images/h2-theschool.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.ourPrograms {
	background:url("../images/h2-ourprograms.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.multimediaHeader {
	background:url("../images/h2-multimedia.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.contactHeader {
	background:url("../images/h2-contactHeader.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.resourcesHeader {
	background:url("../images/h2-resources.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#primaryContent h2.articlesHeader {
	background:url("../images/h2-articlesHeader.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
p.welcome {
	width:488px;
	height:188px;
	background:url("../images/p-welcome.gif") left top no-repeat;
	text-indent:-37000px;
	}
	
#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;
	}


/* =Thai Rankings	
-----------------------------------*/
dl#muayThaiRankings {

}

dl#muayThaiRankings dd {
	margin: 0 0 12px 0;
}

dt#level1 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel1.jpg") ;
}

dt#level2 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel2.jpg") ;
}

dt#level3 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel3.jpg") ;
}

dt#level4 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel4.jpg") ;
}

dt#level5 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel5.jpg") ;
}

dt#level6 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel6.jpg") ;
}

dt#level7 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel7.jpg") ;
}

dt#level8 {
font-size: 1.1em;
line-height: 24px;
background-image: url("../images/PatchLevel8.jpg") ;
}
	
/* =SCHOOLS
-----------------------------------*/


div.beltRankings {
	width:100%;
	float:left;
	margin:20px 0 0 0;
	padding:0;
	}
	
div.adult,
div.youth {
	width:47%;
	display:block;
	float:left;
	margin:0;
	padding:5px;
	}
	
div.adult dl,
div.youth dl {
	display:block;
	}
	
div.adult dl dt,
div.youth dl dt {
	font-size:1em;
	font-weight:bold;
	display:block;
	margin:0 0 5px 0;
	padding:0 0 3px 0;
	border-bottom:3px solid #E0DDC2;
	}
	
div.adult dl dd img,
div.youth dl dd img {
	display:inline;
	}
	
	
table#schools {
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #5a5503;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:1.3em;
	line-height:1.6em;
	background:#fff;
	}
	
table#schools th {
	padding:5px;
	font-weight:bold;
	border-bottom:1px solid #5a5503;
	color:#fff;
	background:#5a5503;
	}
	
table#schools th a {
	color:#fff;
			}
		
table#schools th a:hover {
	color:#f0eedf;
	
	}
	

	
	
table#schools td {
	padding:5px 15px 5px 15px;
	border-top:1px solid #5a5503;
	}
	
	
table#schools td a {
	color:#5a5503;
			}
		
table#schools td a:hover {
	color:#c66828;
	
	}
	
	
table#alexandria {
	margin:0 0 5px 0;
	padding:0;
	border:1px solid #5a5503;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:.7em;
	line-height:1.2em;
	background:#fff;
	}
	
table#alexandria th {
	padding:5px;
	font-weight:normal;
	border-bottom:1px solid #5a5503;
	color:#fff;
	background:#5a5503;
	}
	
table#alexandria td {
	padding:5px;
	border-top:1px solid #5a5503;
	}
	
	
	
table#schedules {
	margin:0 0 15px 0;
	padding:0;
	border:1px solid #5a5503;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	background:#fff;
	}
	
table#schedules th {
	padding:5px;
	font-weight:normal;
	border-bottom:1px solid #5a5503;
	color:#fff;
	background:#5a5503;
	}
	
table#schedules th a {
	color:#fff;
			}
		
table#schedules th a:hover {
	color:#f0eedf;
	
	}
	
table#schedules td {
	padding:5px;
	margin:0;
	border-top:1px solid #5a5503;
	}
	
	
table#schedules td a {
	color:#5a5503;
			}
		
table#schedules td a:hover {
	color:#c66828;
	
	}
	
	
	
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;
	}

#schedule {
	padding: 0;
	margin: 0px 0 20px 0;
	width: 100%;
	border-left: 1px solid #c1bfbf;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	}

#schedule th, #schedule td {
	margin: 0;
	padding: 5px 10px;
	text-align: center;
	border: 1px solid #e1e1e1;
	}
	

#schedule th {
	font-size: 105%;
	text-decoration: underline;
	}
	
#schedule tr.alt {	
	background: #ffffff;
	
	}	
	
h1.schedule {
	font-size: 130%;
	text-align: left;
	padding: 15px 10px;
	margin: 20px 0 0  0;
	color: #fff;
	border-bottom: 4px solid #9f9c6b;
	background: #65600a url(/images/sched_button.gif) no-repeat top left;
}	
	
/* =INSTRUCTORS
-----------------------------------*/

img.instructor {
	display:block;
	float:right;
	margin:0 0 20px 20px;
	padding:0;
	border:3px solid #9f9c6b;
	}

h3 span {
	font-weight:normal;
	font-style:italic;
	}
	
	
/* =RIGHT COLUMN
-----------------------------------*/

#rightCol h3 {
	height:20px;
	margin:2.6em 0 1em 0;
	padding:0 0 .5em 0;
	color:#fff;
	border-bottom:3px solid #F0EEDF;
	}
	
#rightCol h3.featuredvideo {
	background:url("/images/h3-featuredvideo.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.store {
	background:url("/images/h3-store.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.programs {
	background:url("../images/h3-programs.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.theinstructors {
	background:url("../images/h3-theinstructors.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}

#rightCol h3.thegalleries {
	background:url("../images/h3-thegalleries.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.classes {
	background:url("../images/h3-classoverview.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.friends {
	background:url("../images/h3-friends.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}
	
#rightCol h3.maps {
	background:url("../images/h3-map.gif") 0 0 no-repeat;
	text-indent:-37000px;
	}	
	
#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;
	}
	
#rightCol li a:hover,
#rightCol li a.active {
	color:#5a5503;
	
	}

	
#rightCol object {
border: 4px solid #757245;
border-bottom: 4px solid #5d5a33;
border-right: 4px solid #5d5a33;
}

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


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

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

#rightCol #Prognav li {
	height: 25px;
	line-height: 1.5em;
	padding: 0;
	
}


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

#rightCol #Prognav li a:hover  {
color: #5a5503;
}

#rightCol #Prognav li a.active  {
color: #5a5503;
}

#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("../images/jiujitsu-module.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

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

}

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

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

}

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

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

}


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

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

}

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

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

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

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

}

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

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

}

/* Right Col. Maps
------------------------------------*/
#rightCol #mapLinks {
	width:159px;
	font-size: .9em;
	background: transparent;
	line-height: 1.5em;
}




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

#rightCol #mapLinks li a:hover  {
color: #5a5503;
}

#rightCol #mapLinks li a.active  {
color: #5a5503;
}

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

#mapLinks 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;
}

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

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

#alexandriaMap {
background:url("../images/map-alexandria.jpg") 0 0 no-repeat;
text-indent:-37000px;

}

#alexandriaMap:hover {
background:url("../images/map-alexandria.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

#loudounMap {
background:url("../images/map-loudoun.jpg") 0 0 no-repeat;
text-indent:-37000px;
}

#loudounMap:hover {
background:url("../images/map-loudoun.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}

#takomaMap {
background:url("../images/map-takoma.jpg") 0 0  no-repeat;
text-indent:-37000px;
}

#takomaMap:hover {
background:url("../images/map-takoma.jpg") 0 -90px no-repeat;
text-indent:-37000px;

}



/* 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("../images/alexandria-module.jpg") top left no-repeat;
text-indent:-37000px;
}

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

}

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

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

}

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

#takomaModule :hover {
background:url("../images/roda-module.jpg") 0 -90px 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;
}
	
	
/* =CONTACT
-----------------------------------*/

div.locations {
	width:100%;
	display:block;
	float:left;
	margin:0 0 20px 0;
	border-bottom:3px solid #E0DDC2;
	}
	
div.academy {
	width:48%;
	display:block;
	float:left;
	}
	
div.c2 {
	width:48%;
	display:block;
	float:right;
	}

div.contactForm {
	display:block;
	
	margin:20px auto;
	padding:0;
	border-bottom:3px solid #E0DDC2;
	}
	
.contactForm dl dt {
	margin:0 0 3px 0;
	padding:0;
	font-weight:bold;
	}
	
.contactForm dl dd {
	margin:0 0 10px 0;
	padding:0;
	font-weight:bold;
	}
	
.contactForm dl dd input {
	width:400px;
	margin:0;
	padding:1px;
	background:#fff;
	border:1px solid #5a5503;
	}
	
.contactForm dl dd textarea {
	height:120px;
	width:400px;
	margin:0;
	padding:1px;
	background:#fff;
	border:1px solid #5a5503;
	}
	
.contactForm dl dd input.bttn {
	width:70px;
	color:#fff;
	background:#5a5503;
	border:none;
	cursor:pointer;
	}
	
p.note {
	font-style:italic;
	color:red;
	border-top:1px solid #E0DDC2;
	}
	
	
/* =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;
	}
	
	
/*****SCHEDULES TABLE**********************************/	
	
	
table.scheduleWide {
	table-layout: fixed;
	width: 660px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	padding: 0;
	font: 10px helvetica, arial sans-serif;

	}


	
.scheduleWide tr th{
font-size: 10px;
font-weight: normal;
text-align: center;
background-color: #494724;
border-bottom: 4px solid #5a5503;
color: #d5d097;
padding: 16px 0;
}

.scheduleWide tr th {
width: 85px;
}

.scheduleWide tr td {
width: 90px;
padding: 2px;
line-height: 1.325em;
margin:0;
text-align: center;
border: 1px solid #edece7;
font-size: 10px;
letter-spacing: 0px;
}
		
.scheduleWide tr th.scheduleprogram {
width: 100px;
font-size: 12px;
padding: 2px;
font-weight: bold;
background-color: #434121;
color: #f3f2ed;
}
	
.scheduleWide tr td.classTitle{
font-weight: bold;
width: 110px;
padding: 5px;
}
	
.scheduleWide tr td em {
color: #d58d60;
display: block;
margin-top: 5px;
}

.scheduleWide tr td em.alt {
color: #a6a494;
}

.scheduleWide tr.alt {
background-color: #eae9e3;
}

.scheduleWide tr:hover {
background-color: #ebe9e2;
}
	

	
body.schedulepage #primaryContent {
width: 665px;
border-right: none;
}

body.schedulepage #primaryContent p {

}
	
body.schedulepage #primaryContent h4 {
text-transform: none;
color: #5a5503;
}

body.schedulepage #primaryContent h3 {
font-size: 1.25em;
color: #c97134;
}


body.schedulepage ul#subnav {
	width:665px;
	
 	}






table.scheduleNarrow {
	table-layout: fixed;
	width: 480px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0;
	padding: 0;
	font: 10px helvetica, arial sans-serif;
}

	
.scheduleNarrow tr th{
font-size: 10px;
font-weight: normal;
text-align: center;
background-color: #494724;
border-bottom: 4px solid #5a5503;
border-right: 1px solid #5a5503;
color: #d5d097;
padding: 16px 2px;
}



.scheduleNarrow tr td {
padding: 2px;
line-height: 1.325em;
margin:0;
text-align: center;
border: 1px solid #edece7;
font-size: 10px;
letter-spacing: 0px;
}
		
.scheduleNarrow tr th.scheduleprogram {
width: 140px;
font-size: 12px;
padding: 2px;
font-weight: bold;
background-color: #434121;
color: #f3f2ed;
}
	
.scheduleNarrow tr td.classTitle {
width: 140px;
padding: 10px;
}


.scheduleNarrow tr td em {
color: #d58d60;
display: block;
margin-top: 5px;
}



.scheduleNarrow tr td em.alt {
color: #a6a494;
}

.scheduleNarrow tr.alt {
background-color: #eae9e3;
}


body.scheduleNarrow #primaryContent h4 {
text-transform: none;
color: #5a5503;
}

body.scheduleNarrow #primaryContent h3 {
font-size: 1.25em;
color: #c97134;
}

body.scheduleNarrow #primaryContent em {
font-weight: bold;
}

/*****INDEX CONTACT FORM**********************************/




#contactBox { 
		width: 488px;	
		display: block;
		background: url('http://www.gracieva.com/images/indexContactBG.gif') no-repeat 0 0; 
		margin: 0; 
		padding: 0;
		overflow: hidden;
		/*border-bottom: 2px solid #E0DDC2; */
}


#contactBox .hoverfocus { 
	
	}


#contactBox  :focus { 
	outline: none; 
	} 



#contactBox form { 
	width: 280px;
	margin: 0 0; 
	padding:0;
	background: transparent;
	} 
	
#contactBox fieldset { 
	margin:0; 
	padding:0;
	border:none;
	
} 



#contactBox legend { 
	padding-bottom: 2px; 
	font-size:1.4em; 
	margin-left:30%;
	color:#FFCC00;
	}

#contactBox form .formInput { 
	width: 280px;
	height: 34px;
	padding: 2px 0 0 0;
	border-top:1px solid #E8E6DA;
	margin: 0;
	vertical-align: middle;	
} 

#contactBox form .formInputTop {
	 border: none;
	 width: 280px;
	height: 34px;
	padding: 2px 0 0 0;
	margin: 0;
	vertical-align: middle;	
}


#contactBox label {
	float: left;
	width: 66px; 
	line-height: 34px;
	padding: 0 0; 
	margin: 0;
	overflow: hidden;
	vertical-align: middle;
	} 
	
#contactBox input { 
	width:166px;
	border:1px solid #9F9C6B;
	padding:0; 
	margin: 0;
	font-size:1em; 
	background:#E0DDC2; 
	color:#8E8D83; 
	} 
	
#contactBox .button input { 
	margin: 4px 0 0 40%; 
	font-size: 1em; 
	color:#9F9C6B;
	cursor:pointer; 
	width:auto;
	padding: 2px 25px;
	background: #F0EEDF;
	border: 2px solid #E0DDC2;
	}
	
#contactBox .button input:hover { 	
	border: 2px solid #9F9C6B;
	background: #F4F2E9;
	color: #5a5503;
	}	

#contactBox .hoverfocus { 
	border:1px solid #5a5503;
	}

#contactBox ul#error, #contactBox ul#response { 
	float: right;
	display: block;
	width:175px; 
	padding: 2.5em 1em; 
	background: #F3F2ED; 
	
	}

#contactBox #response ul { 
	margin-top:12px; 
	padding-top:12px; 
	
	}

#contactBox #error li, #contactBox #response li {
	margin:0 0 12px 0; 
	padding:0 0 12px 0px; 
	background: #F3F2ED; 
	
	}

#contactBox #working { 
	padding:3em; 
	background:url(loading.gif) no-repeat left center;
	}

#contactBox #location, #contactBox #program  {
	display: block;
	line-height: 30px;
	width: 164px;
	height: 20px;
	border: 1px solid #E0DDC2;
	color: #5a5503;
	margin: 8px 0 0 0;
	padding: 0;
	
}

#contactBox #telephone_Tel, #contactBox #contact_Req_Email, #contactBox #name_Req {
	display: block;
	width: 166px;
	margin: 8px 0 0 0;
	padding: 2px;
	overflow: hidden;
	vertical-align: middle;
	
	
}


#preventor {
	display: none;
	height: 0;
	width: 0;
	border: none;
}

#preventor to_address {
	display: none;
	height: 0;
	width: 0;
	border: none;
}