/* freakin' IE */
img { behavior: url(iepngfix.htc);
		max-width: 580px;
		border:		0px;
	}
div { behavior: url(iepngfix.htc) }

/* tags or whatever */
body {
	background:		#424242;
	color:			#424242;

	font-family:	sans-serif, serif;
	font-size:		14px;
	line-height:	14px;
}

a, a:visited {
	color:			#ffffff;
	text-decoration: none;
}

a:hover {
	color:			#FFFFF;
	text-decoration:	underline;
}

h1 {
	padding:		0px 0px 4px;
	border-bottom:	2px solid #424242;
	font-size:		17px;
	text-align:		right;
	letter-spacing:	2px;
}

pre {
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */

	font-family:	sans-serif, serif;
	font-size:		14px;
	line-height:	14px;

}

/* classes */

/* parent classes for colors */
.c_content {
	background:		#FFFFFF;
}
.c_content a {
	color: #000000;
}
.c_advert {
	background:		#eaeaea;
}
.c_nav {
	background:		#3a7cbd;
}
.c_viewport {
	background:		#eaeaea;
}

.c_black {
	color:			#000000;
}

/* classes */
.viewport {
	width:			900px;
	margin:			0 auto;
}

.banner {
	background:		#d3dfe5
					no-repeat 
					left;
	width:			900px;
	height:			140px;
	text-align:		right;

	margin:			0px 20px 0px 0px;
}

.google_search {
	float:			right;
}

.banner_img {
	float:			left;
}

.login_window {
	padding:		10px;
	float:			right;
	height:			50px;
	width:			130px;
}

label.login {
	border:			0px;
	width:			10px;
	float:			left;
	text-align:		left;
	font-size:		10px;
	letter-spacing:	1px;

	margin:			5px;
}

.navmenu {
	width:			900px;
	height:			20px;
	text-align:		center;
}

.banner_left {
	margin:			0px 5px 5px 0px;
	padding:		5px 5px 5px 5px;
	width:			150px;
	float:			left;
}

.banner_left img {
	max-width:		150px;
}

/* container for the content down the middle */
.main_window {
	width:			580px;
	float:			left;
}

/* each little window of data down the middle */
.content {
	margin:			0px 5px 10px 5px;
	padding:		5px 5px 5px 5px;
	width:			580px;
	float:			left;
}

.archive_content {
	margin:			0px 5px 10px 5px;
	padding:		5px 5px 5px 5px;
	font-size:		9px;
	width:			580px;
	float:			left;
}

.archive_content a {
	font-size:		15px;
}

.fp_event {
	padding:		0px 5px 0px 5px;
	width:			100px;
	font-size:		11px;
	float:			left;
}

.fp_event p {
	font-size:		15px;
	margin:			0px 0px 3px 0px;
}

.fp_ident {
	padding:		0px 10px 0px 5px;
	width:			100px;
	font-size:		10px;
	float:			left;
}

.fp_ident p {
	font-size:		15px;
	margin:			0px 0px 3px 0px;
}

.banner_right {
	margin:			0px 0px 5px 5px;
	padding:		5px 5px 5px 5px;
	width:			120px;
	height:			600px;
	float:			right;
}

.banner_bottom {
	margin:			0 auto;
	padding:		5px 0px 5px 0px;
	width:			900px;
	height:			90px;
	text-align:		center;
}

.thumbnail {
	margin:			0px 5px 0px 2px;
}

/* for identities */
.ident_details {
	float:			left;
	width:			350px;
}

.ident_image {
	float:			right;
	vertical-align:	top;
}

.ident_flyer {
	float:			left;
	vertical-align:	top;
	padding:		5px 5px 5px 5px;
}

/* for events */
#google_map {
	float:			right;
	width:			300px;
	height:			170px;
}

.event_image {
	float:			left;
	vertical-align:	top;
}

.clear_both {
	clear:			both;
}

.float_right {
	float:			right;
}

.float_left {
	float:			left;
}

/* the dj index */
.dj_letters {
	margin:			0 auto;
	text-align:		center;
	background:		#3a7cbd;

}

.dj_index_nav_active {
	font-weight:	bold;
	color:			#990000;
	clear:			none;
	margin:			0px 2px 0px 2px;
}

.dj_index_nav {	
	font-weight:	lighter;
	margin:			0px 2px 0px 2px;
}

.dj_index table {
	width: 580px;
}

.dj_index td {
	width:			120px;
	height:			170px;
	vertical-align:	top;
}

.dj_index a {
	color:			#000000;
}

.dj_index img {
	border:			1px solid black;
}

/* the collection index */
.collection_letters {
	margin:			0 auto;
	text-align:		center;
	background:		#3a7cbd;

}

.collection_index_nav_active {
	font-weight:	bold;
	color:			#990000;
	clear:			none;
	margin:			0px 2px 0px 2px;
}

.collection_index_nav {	
	font-weight:	lighter;
	margin:			0px 2px 0px 2px;
}

.collection_index table {
	width: 580px;
}

.collection_index td {
	width:			120px;
	height:			170px;
	vertical-align:	top;
}

.collection_index img {
	border:			1px solid black;
}

.collection_index a {
	color:		#000000;
}

/* pagination stuff */
.pagination {
	background:		#3a7cbd;
	clear:			both;
	margin:			0 auto;
	padding:		1px;
	width:			580px;
	text-align:		center;
}

.pagination ul {
	margin:			0px 0px 6px 0px;
	padding:		3px 0px 3px 0px;
	list-style:		none;
}

.pagination ul li {
	border-left:	2px solid white;
	border-right:	2px solid white;
	border-bottom:	1px solid white;
	display:		inline;
	margin:			0;
	padding:		3px 5px 5px 5px;
}

.pagination ul li a {
	padding:		5px;
}

.pag_nav_active {
	font-weight:	bold;
	font-size:		17px;
	color:			#990000;
}

.pag_nav {
}

/* date picking calendar */
.calendar {
	width:			160px;
	font-size:		10px;
}

.calendar table {
	font-size:		10px;
}

.calendar_day_header {
	width:			22px;
}

.calendar_header {
	width:			100%;
}

.calendar_day_current {
	background:		#000000;
	color:			#ffffff;
}

.calendar_day_today {
	background:		#ffffff;
}

.event_calendar {
	background: #000000;
}