@charset "UTF-8";
/* CSS Document */

/* ====================================================================================== */
/* STYLE PAGE: Common
/* ====================================================================================== */

/* styles that override the look and feel of the existing tags */
body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-color: #CCCCCC;
}



/* Styles for the logo and main title section */
.header_title {
	font-size:x-large;
	margin-right:10px;
	padding-left:100px;
}
.header_subtitle {
	font-size:medium;
	margin-left:150px;
	
	background-color:#660000;
	
}
.header_header3 {
	font-size: small;
	margin-right:10px;
	margin-left:200px;
	
}
.dd_header {
	height:90px;
	background-color: #9a0000;
	padding-top:10px;
	color: #FFFFFF;
	width:100%;
	background-image: url(dd_images/tinyredlogo.jpg);
	background-position: left;
	background-repeat: no-repeat;
}

.main_content {
	width:600px;
	height:900px;
	background-color:#FFFFFF;
	margin: 0 auto;
}

.menu {
	border:thin;
	width:100%;
	height:20px;
}

#long_information_content {
	width:100%;
	height:1200px;
	background
	padding-top:20px;
	
	background-color: #FFFFFF;
}

/* ====================================================================================== */
/* STYLE PAGE: Index ( Main Page )
/* ====================================================================================== */
#information_content {
	width:100%;
	height:350px;

	padding-top:20px;
}

#information_left_column {
width:47%;
padding-left:2%;
float:left;

}

#information_right_column {
width:47%;
padding-right:2%;
float:right;

}
#welcome_message {
	font-size: small;
	height:80px;
	margin-bottom:10px;
	padding-top:10px;
	width:96%;
	padding-left:2%;
	padding-right:2%;
	border: thin solid #DDDDDD;
	background-color: #EEEEEE;	
	
}

#dd_slideshow {
	font-size: x-small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	padding-left:10px;
	padding-top:10px;
	height:220px;
	background-color: #EEEEEE;
	border: thin solid #DDDDDD;
	background-position: center;	
}

#dd_news {
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	margin-bottom:10px;
	padding-top:10px;
	
	height:260px;
	padding-left:10px;
	padding-right:10px;
	background-color: #EEEEEE;	
	border: thin solid #DDDDDD;
	overflow:auto;
	
	
}

#newsletter {
	font-size: small;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	
	height:50px;
	background-color: #EEEEEE;	
	border: thin solid #DDDDDD;
	
	text-align:center;
}

#dd_classes {
	height:380px;
	
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border: thin solid #DDDDDD;
	width:96%;
	margin: 0 auto;
	overflow:auto;
	
}

.title {
	font-weight: bold;
	text-align: center;
	font-size:small;
	text-decoration: underline;
}

.class_preview {
	position: relative;
	height:100%;
	overflow: scroll;
	display:inline;
	
}
.class_link {
	font-size:x-small;
	padding-top:5px;
}
/* ====================================================================================== */
/* STYLE PAGE: Classes
/* ====================================================================================== */

/* top container for class section */
#class {
	padding:5px;
}

#class .name {
	font-size:large;
}

#class .instructor {
	
}

#class .label {
	font-weight:bold;
	padding-right:5px;
	
}

#class .date {
	font-size:smaller;
	
}

#class .time {
	font-size:smaller;
}

#class .cost {
	font-size:smaller;
}

#class .purchase {
	font-size:smaller;
}

#class .photo {
	float:left;
	padding-right: 10px;
}

#class .photo .copyright {
font-size:xx-small;
}

#class .description {
	font-size:small;
}

/* ====================================================================================== */
/* STYLE PAGE: Rentals
/* ====================================================================================== */
#rental_information_content {
	width:100%;
	height:1300px;
	background
	padding-top:20px;
	padding-bottom:20px;
	background-color: #FFFFFF;
}

.rental_content {
	font-size:small;
	padding-left:10px;
	padding-right:10px;
}

.rental_content .name {
	font-size:large;
	text-align:center;
}

.rental_content .photo {
	float:left;
	padding-right: 10px;
}

.rental_content .photo .copyright {
font-size:xx-small;
}