html {overflow-y:scroll;}

/* @group Fonts */

body {
	font-family: Verdana, "Lucida Grande", Lucida, sans-serif;
}

em{
  font-style:italic;
}
strong{
	font-weight: bold;
}

p, label{
	color: #666666;
	font-size: 12px;
	text-align: justify;
	padding-bottom: 5px;

}

div#contentLeft p{
	line-height: 23px;
	margin-bottom: 23px;
	
}

div#contentRight p{
	line-height: 19px;
	text-align: left;
}

#contentLeft h1 {
	color: #666666;
	font: bold 20px/20px Georgia, "Times New Roman", Times, serif;
	padding-bottom: 10px;
}

#contentLeft h2 {
	color: #999999;
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 23px
}

#contentLeft h3, #contentRight h2 {
	color: #666666;
	font-size: 14px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(/images/smallArrow.gif);
	background-repeat:no-repeat;
	text-indent: 12px;
	background-position:  0px 5px;
}



#contentLeft h4 {
	color: #666666;
	font-size: 13px;
	padding-bottom: 10px;
	text-transform: uppercase;
	font-weight: bold;
	background-image: url(/images/smallArrow.gif);
	background-repeat:no-repeat;
	text-indent: 12px;
	background-position:  0px 5px;
}


a, a:hover, a:visited{
	color: #62081d;
}



/* @end */

/* @group Structure */

#topBar p {
	display: block;
	width: 400px;
	text-align: right;
	line-height: 20px;
	font-weight: normal;
	position: relative;
	top: 28px;
	left: 500px;
	color: #ffffff;
	font-size: 11px;
	text-transform: uppercase;

}
#topBar p a{
	color: #ffffff;	
}



body {
	background: url(../images/bg_repeat.png) repeat-x top;
	position: relative;
	background-color: #d2c9b4;
}


#wrapper {
	width: 900px;
	margin: auto;
	display: block;
	
}

/* @group Top Bar */

div#topBar {
	display: block;
	height: 54px;
	width: 1084px;
	background-image: url(../images/top_bg.png);
}

a#topLogo {
	display: block;
	position: absolute;
	background-image: url(../images/destudi_logo.png);
	width: 277px;
	height: 45px;
	text-indent: -9999px;
	top: 18px;
}

/* @end */

/* @group FlashBox */

div#flashBox {
	display: block;
	height: 232px;
	width: 900px;
}

/* @end */

/* @group NavBox */

div#navBox ul {
	padding-left: 8px;
	position: relative;
	z-index: 2;
}

div#navBox ul li {
	display: inline;
	font-weight:bold;
}

div#navBox ul li a {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 25px 0px 25px;
	text-transform: uppercase;
	color: white;
	text-decoration: none;
	font-size: 12px;
	line-height: 30px;
}

div#navBox ul li:hover a, div#navBox ul li.active a {
	background-color: #666666;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 0px 24px 2px 24px;
	line-height: 28px;
}

div#navBox ul:hover li.active a {
	background-color: inherit;
	border: none;
	padding: 0px 25px 2px 25px;
	line-height: 30px;
}

div#navBox ul:hover li.active a:hover {
	background-color: #666666;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 0px 24px 2px 24px;
	line-height: 28px;
}

/* @group Secondary Navigation */

div#navBox ul li ul {
	display: none;
	position: absolute;
	top: 31px;
	padding-top: 7px;
}

div#navBox ul li.active ul {
	display: block;
}

div#navBox ul:hover li.active ul {
	display: none;
}

div#navBox ul:hover li.active:hover ul {
	display: block;
}

div#navBox ul li ul li a {
	font-size: 11px;
	line-height: 20px;
	width: 121px;
	height: 50px;
	padding: 0px 0px 0px 0px;
	
}




div#navBox ul li:hover ul li a:hover {
	background: url(../images/secondary_nav_bg.png) no-repeat center top;
	color: #7f7e80;
}

div#navBox ul li ul li.active a {
	background: url(../images/secondary_nav_bg.png) no-repeat center top;
	color: #7f7e80;
}

div#navBox ul li:hover ul {
	display: block;
}

div#navBox ul li:hover ul li a,
div#navBox ul li.active ul li a,
div#navBox ul li.active ul li a:hover {
	background-color: inherit;
	border: none;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
}

div#navBox ul li.active:hover a{
	background-color: #666666;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	padding: 0px 24px 2px 24px;
	line-height: 28px;
}

div#navBox ul li.active:hover ul li a, div#navBox ul li.active:hover ul li a:hover{
	background-color:transparent;
	border: none;	
	padding: 0px;		
	line-height: 20px; 
	}


/* @end */

/* @end */

/* @group content */

div#content{
	background-color: #ffffff;
	position: relative;
	top: 58px;
	border-top-style: none;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #999999;
	z-index: 1;
	padding-top: 50px;
	width: 900px;
	
}
div#contentRight{
	display: block;
	width: 220px;
	position: absolute;
	right: 0px;
	border-left: 1px solid #dcdcdc;
	top: 90px;
	padding-left: 23px;
	padding-right:28px;
	


}









#contentRight a.button img {
	margin-top: 11px;
	margin-bottom: 16px;
}

div#contentLeft{
	display: block;
	width: 572px;
	position: relative;
	padding-left:33px;
	padding-right:19px;
	
}

div#contentLeft div.twoThirds{
	display: block;
	width: 360px;
	
}

div#contentLeft div.oneThird{
	width: 205px;
	display: block;

}

div#contentLeft div.right{
	position: relative;
	float: right;
	
}

div#contentLeft div.left{
	position: relative;
	float: left;
	
}

/* @end */

/* @end */

/* @group Lists */

#contentLeft ul{
	margin-bottom: 10px;
}	

li{
	color: #666666;
	font-size: 12px;
	text-align: justify;
	padding-bottom: 5px;
	list-style: disc;
	list-style-position: inside;
}

ul.latestNews{
	margin-left: 14px;
	padding-top: 10px;
	margin-bottom: 0px;
}

ul.latestNews li{
	list-style: none;
	
}

div#contentLeft ul.latestNews li p{
	margin-bottom:10px;
}



/* @end */

img.classImage {
	padding: 10px 0px 15px 0px;
}


/* @group classCal */

ul.classList {
	display: block;
	border: none;
	width: 700px;
	position: relative;
	
}

div.classCal {
}

ul.classList li.classItem{
	list-style: none;
	display: block;
	width: 350px;
	
}

ul.classList li.classItem.left{
	position: relative;
}


ul.classList li.classItem.right{
	position: relative;
	float: right;
}

/* @group Class Items */

div.classCal ul li ul{
	width: 300px;
	border: #cccccc 1px solid;
}

div.classCal ul li ul li{
	list-style: none;
	padding: 0px;
	text-align: left;
	text-indent: 0px;
font-size:11px;
	
}

div.classCal ul li ul li a{
	display: block;
	padding: 5px 5px 5px 5px;
	display: block;
}

div.classCal ul li ul li a:hover{
	background-color: #eeeeee;
}

/* @end */





/* @end */

div#photoBox {
	padding: 20px 10px 10px 0px; 
	
}

div#photoBox img{
	margin-right: 10px;
	border: 2px solid maroon;
}

/* @group Contact Form */

#contentLeft form.contactForm p.validationBox {
	display: none;
}

#contentLeft form.contactForm div.errors{
	font-size: 12px;
	text-align: justify;
	padding-bottom: 5px;
	color: red;
	border: 2px solid red;
	padding: 10px;
}

#contentLeft form.contactForm p textarea {
	width: 535px;
}


#contentLeft form.contactForm div {
	width: 500px;
	
}



#contentLeft form.contactForm p {
	display: block;
	width: 260px;
	margin: 0px 15px 0px 0px ;
	float: left;
}

#contentLeft form.contactForm p label {
display: block;
width: 260px;
font-weight: bold;
}
#contentLeft form.contactForm p input.textInput {
display: block;
width:  250px;
line-height: 16px;
padding: 5px;
border: 1px #aaaaaa solid;
}

#contentLeft form.contactForm p input.textInput.required ,#contentLeft form.contactForm p textarea.required {
	border: 1px red solid;
}



#contentLeft form.contactForm div p input.button {
	
	margin-top: 10px;
	border: none;
	
}

#contentLeft form.contactForm {
	height: 630px;
}





/* @end */

/* @group Newsletter Signup form */


#contentLeft .newsletterForm form {
	width: 300px;
	color: #666666;
	font-size: 12px;
	text-align: justify;
	padding-bottom: 25px;
}
#contentLeft .newsletterForm form input{
	margin-right: 4px;
}

#contentLeft .newsletterForm form input.textInput {
	width: 300px;
	display: block;
width:  250px;
line-height: 16px;
padding: 5px;
border: 1px #aaaaaa solid;
margin-top: 5px;

}

#contentLeft table.newsletterForm tbody tr td form input.button {
	margin-top: 15px;
}



/* @end */


.button{
	display:block;
	background-image: url('/images/buttonBG.gif');
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 20px;
	padding-right: 20px;
	line-height: 34px;
	height: 34px;
	text-align:center;
	border: none;
}
a.button{
text-decoration:none;
color:#ffffff;
}
.button:hover{
	cursor: pointer;
	color: #ffffff;	
}

div.footer{
	display: block;
	width: 900px;
	padding-bottom: 10px;	
	z-index: 400;
	margin-left: auto;
	margin-right: auto;
	margin-top: 70px;
}
 p.footer {
	text-align: center;
}



div #fc_checkout_container{
padding-left:35px
}


div #fc_checkout_cart{
padding-right:35px;
float:right;
width:400px;
}



abutton:visited, abutton:visited:hover, a.button:visited{
	color: #ffffff;
}