﻿/*@charset "UTF-8";*/

/*
	----------------------------------------
    AUTHOR/COPYRIGHT: 
	Chris Johnson (scientific.imaging@gmail.com).
    Copyright (c) 2009, Townsend Center.
    All Rights Reserved.

	DESCRIPTION:
	This file handles all of the primary styles (formatting and organization)
	found on each of the webpages.  Most styling is done herein.

    REVISIONS:
    9/09/09 - Document created.
    9/10/09 - Unused styles removed and combined duplicate items.
	9/14/09 - Added 3 pane layout and fixed footer.
	9/15/09 - Added comment styling, combined duplicated style declarations, 
			  removed unused source code.
	09/25/09 - Removed "@import url( undo.css );" from source code and replaced
			   with "@import url( reset.css );"
	10/19/09 - Cleared footerwrapper div left to prevent formatting issues.
	10/20/09 - Removed unused styles and reorganized document.
	11/02/09 - Added imagemap functionality to top banner so that it becomes clickable
			   (with somewhat of a hack).
	11/06/09 - Removed previous quotation blockquote code and replaced with an image-free,
			   pure css version of the same (renamed to "Testimonial" and implemented in 
			   the sections below).
	
	NOTE: 
	In this file, most lowercase styles are recent edits.
	----------------------------------------
*/

/* 
	----------------------------------------
	IMPORTS 
	----------------------------------------
*/
@import url( reset.css );
/* 
	----------------------------------------
	end IMPORTS 
	----------------------------------------
*/

/* 
	----------------------------------------
	PAGE STYLES 
	----------------------------------------
*/
HTML {
	MARGIN-BOTTOM: 0.01em;
	BACKGROUND: #fff;
	HEIGHT: 100%;
}
BODY {
	HEIGHT: 100%;
	/*background : #fff url(../images/body2.png) repeat-y;*/ /* Added 9-14-09 */
	MARGIN: 0px;
	FONT: 81%/1.7em Verdana, helvetica, arial, sans-serif;
	COLOR: #000;
}
.hidden {
	DISPLAY: none;
}
.clear {
	CLEAR: both;
}
EM {
	FONT-STYLE: italic;
}
HR {
	BORDER-TOP-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	MARGIN: 1.5em auto;
	HEIGHT: 2px;
	WIDTH: 95%;
	COLOR: #b03d1e;
	BACKGROUND-COLOR: #b03d1e;
}
HR.clear {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
	HEIGHT: 1px;
	WIDTH: 10px;
	COLOR: #fff;
	BACKGROUND-COLOR: #fff;
}
#head {
	HEIGHT: 145px;
}
#head A {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
.dashedborder {
	border-style: dashed;
}
/* 
	----------------------------------------
	end PAGE STYLES 
	----------------------------------------
*/
/* 
	----------------------------------------
	TEXT STYLES 
	----------------------------------------
*/
.caption {
	FONT-SIZE: 0.7em
}
.centertext {
	text-align: center;
}
.aboutus_text {
	padding-right: 30px;
	padding-left: 30px;
	color: black;
	font-size: 12px
}
.boldtext {
	font-weight: bold
}
/* 
	----------------------------------------
	end TEXT STYLES 
	----------------------------------------
*/
/*
	----------------------------------------
	QUOTE RELATED
	----------------------------------------
*/
/*blockquote {*/
	/*text-indent: 25px;*/
	/*background: url(../images/quotes1.png);*/
	/*background-position: 0 2px;*/
	/*background-repeat: no-repeat;
	margin-left: 3em;
	text-align: center;
}
blockquote p {
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(../images/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}*/
/* Left and right large quotes */
.lquote, .rquote {
	font-family: times new roman, georgia, serif;
	font-size: 32pt;
	font-weight: bold;
	color: #9ac;
	position: relative;
	top: .3em;
	line-height: .8em; /*0;*/
}
.rquote {
	font-size: 32pt;
	line-height: 0em;
}
/* Alternate quote color */
.qalt {
	color: #864;
}
/** Testimonial **/
/*#sidebar div#testimonial {
	background: url(../images/layoutnew/sidebar/testimonial-mid.jpg) repeat-y;
}
#sidebar div#testimonial h1 {
	background: url(../images/layoutnew/sidebar/testimonial-top.jpg) no-repeat;
	height: 33px;
}
#sidebar div#testimonial h1 span {
	display: none;
}
#sidebar div#testimonial h2 {
	background: url(../images/layoutnew/sidebar/testimonial-foot.jpg) no-repeat;
	height: 23px;
	margin: 0;
	padding: 0;
}*/
#sidebar div#testimonial p {
	line-height: 1.4em;
	letter-spacing: .01em;
	font-family: helvetia, arial;
	font-size: 10pt;
	padding: 0 17px 0 18px;
	margin: 0;
}
#sidebar div#testimonial p span#Author {
	font-size: 9pt;
}
#sidebar div#testimonial p span#aboutAuthor {
	font-size: 8pt;
}
#sidebar div#testimonial p a {
	font-weight: normal;
	font-size: 9pt;
}
/*
	----------------------------------------
	end QUOTE RELATED
	----------------------------------------
*/
/*
	----------------------------------------
	COLUMN RELATED
	----------------------------------------
*/
.innercol {
	padding: 0 12px 0 0
}
#top, #bottom, #left, #right {
	background: black;
	display: none;
}
#left, #right {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 88px;
}
#left {
	left: 0;
	background: url(../images/left.png) left center repeat-y;
}
#right {
	right: 0;
	background: url(../images/right.png) right center repeat-y;
}
#top, #bottom {
	position: fixed;
	left: 0;
	right: 0;
	height: 88px;
}
#top {
	top: 0px;
	background: url(../images/top.png) top center repeat-x;
}
#bottom {
	bottom: 0px;
	background: url(../images/bottom.png) bottom center repeat-x;
}
/*
	----------------------------------------
	end COLUMN RELATED
	----------------------------------------
*/
/* 
	----------------------------------------
	DIVS 
	----------------------------------------
*/
/*
	----------------------------------------
	#HEADER
	----------------------------------------
*/
#header {
	background-color: #001333;
	border: thin black solid;
	color: white;
	padding: 5px;
	text-align: left;
	/*text-decoration: underline;*/
	font-size: 18px;
	font-weight: bold
}
/*
	----------------------------------------
	end #HEADER
	----------------------------------------
*/
/*
	----------------------------------------
	#HEADER_TRANS
	----------------------------------------
*/
#header_trans {
	/*background-color: #001333;*/
	border: thin black solid;
	color: white;
	padding: 5px;
	text-align: center;
	/*text-decoration: underline;*/
	font-size: 18px;
	font-weight: bold
}
/*
	----------------------------------------
	end #HEADER_TRANS
	----------------------------------------
*/
/*
	----------------------------------------
	#BOX_CONTAINER
	----------------------------------------
*/
div[id=box_container] {
	border: none;
}
/*
	----------------------------------------
	end #BOX_CONTAINER
	----------------------------------------
*/
/*
	----------------------------------------
	#RIGHT_TEXT/#LEFT_TEXT
	----------------------------------------
*/
.right_text {
	border-left-width: thin;
	border-left-style: solid;
	border-left-color: #000000;
	padding: 5px 5px 5px 15px;/*float: right; 
    width: 48%; */
}
#left_text {
	padding: 5px;
	float: left;
	width: 48%;
}
/*
	----------------------------------------
	end #RIGHT_TEXT/#LEFT_TEXT
	----------------------------------------
*/
/*
	----------------------------------------
	#CENTER_PAGE/#CENTER_PAGE_MIDDLE
	----------------------------------------
*/
div[id=center_page] {
	width : 878px;
	/*margin-left: 27px;*/
	margin : 0 auto;
	clear: left;
	border: 1px solid #727377;
	/*border-top: none;*/
	padding-top: 0.1em;
	height: 100%;
	background-image: url(images/box_BG_repeater.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff
}
#center_page_middle {
	width: 789px; /* 800px */
	margin: 25px auto;
	margin-left: 36px;
	clear: left;
	text-align: center;
}
/*
	----------------------------------------
	end #CENTER_PAGE/#CENTER_PAGE_MIDDLE
	----------------------------------------
*/
/*
	----------------------------------------
	#MS_BOXES
	----------------------------------------
*/
.ms_boxes {
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	border-top:0 solid transparent;
	background-image:url('../images/box_BG_repeater.jpg');
	background-repeat:repeat-x;
	background-position:top;
	background-color:#fff;
	margin:0 0 10px 0;
	/*padding-top:10px;
	padding-left:20px;
	padding-right:15px;
	padding-bottom:10px;*/
	width: 98%; /*65.3em;*/
	clear: left;
}
.ms_boxes * {
	margin-top:0
}
.ms_boxes h1 {
	font-size: 120%;
	color:#000;
	text-decoration: underline;
}
.ms_boxes h3 {
	font-size: 90%;
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
/*
	----------------------------------------
	end #MS_BOXES
	----------------------------------------
*/
/*
	----------------------------------------
	#MAIN_WRAPPER
	----------------------------------------
*/
#main_wrapper {
	BACKGROUND: url(../images/topbanner2.jpg) no-repeat center top;
	WIDTH: 880px;
	MARGIN: 0px auto;
	POSITION: relative;
	DISPLAY: block;
	clear: both;
}
* HTML #main_wrapper {
	HEIGHT: 1px;
}
/*
	----------------------------------------
	end #MAIN_WRAPPER
	----------------------------------------
*/
/*
	----------------------------------------
	#IMAGEMAP
	----------------------------------------
*/
/*#imagemap {
	border: none;
	text-decoration: none;
}*/
#imagemap a {
	position: absolute;
	height: 38px;
	width: 88px;
	top: 31px;
	text-decoration: none;
	border: none;
}
#imagemap a em {
	visibility: hidden;
}
a#home {
	left: 675px;
	top: 36px;
	width: 172px;
	height: 107px;
}
/*
	----------------------------------------
	end #IMAGEMAP
	----------------------------------------
*/
/*
	----------------------------------------
	#TOOLBAR
	----------------------------------------
*/
#toolbar {
	HEIGHT: 38px;
}
#toolbar IMG {
	FLOAT: left;
	MARGIN: 2px 4px;
}
#toolbar UL {
	DISPLAY: inline;
	FONT-SIZE: 0.85em;
	FLOAT: right;
	MARGIN: 6px 4px;
}
#toolbar LI {
	LINE-HEIGHT: 1.1em;
	BORDER-RIGHT: #335073 1px solid;
	PADDING-RIGHT: 0.5em;
	PADDING-LEFT: 0.5em;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	DISPLAY: inline;
	FLOAT: left;
	MARGIN: 0.4em 0.5em 0px -0.5em;
	clear: right; /* Added 10-20-09 */
}
#toolbar LI.last {
	BORDER-RIGHT-STYLE: none;
}
#toolbar LI FORM {
	DISPLAY: inline;
}
#toolbar LI FORM INPUT {
	DISPLAY: inline;
}
#toolbar LI.search {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	MARGIN: 0px;
}
#toolbar LI A {
	COLOR: #fff; /* #335073; */
	BORDER-BOTTOM-STYLE: none;
}
#toolbar LI A:hover {
	COLOR: #9b6525;
}
/*
	----------------------------------------
	end #TOOLBAR
	----------------------------------------
*/

/*
	----------------------------------------
	#BREADTOP
	----------------------------------------
*/
DIV#breadTop {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	MARGIN-BOTTOM: 2px;
	PADDING-BOTTOM: 0px;
	OVERFLOW: hidden;
	COLOR: #666;
	LINE-HEIGHT: 2.3em;
	PADDING-TOP: 0px;
	BORDER-BOTTOM: #ddd 3px solid;
	HEIGHT: 2.4em;
	clear: left; /* clear elements following menu; added 9-9-09 */
	border-top: 1px solid #727377;
}
/*
	----------------------------------------
	end #BREADTOP
	----------------------------------------
*/

/*
	----------------------------------------
	#BREADCRUMBS
	----------------------------------------
*/
DIV.breadcrumbs A {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	FLOAT: left;
	OVERFLOW: hidden;
	FONT-STYLE: normal;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	HEIGHT: 30px;
}
DIV.breadcrumbs EM {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	FLOAT: left;
	OVERFLOW: hidden;
	FONT-STYLE: normal;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
	HEIGHT: 30px;/*text-align: right;*/
}
DIV.breadcrumbs SPAN {
	PADDING-RIGHT: 8px;
	PADDING-LEFT: 8px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	FLOAT: left;
	OVERFLOW: hidden;
	FONT-STYLE: normal;
	HEIGHT: 30px;
	WIDTH: 0px;
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
/*
	----------------------------------------
	end #BREADCRUMBS
	----------------------------------------
*/

/*
	----------------------------------------
	#CONTENT
	----------------------------------------
*/
#content {
	MARGIN: 0px;/*	text-align: left;
	float: left;
	clear: left;*/
}
/*
	----------------------------------------
	end #CONTENT
	----------------------------------------
*/

/*
	----------------------------------------
	#BANNER_HOLDER
	----------------------------------------
*/
#banner_holder {
	MARGIN-BOTTOM: 5px;
	WIDTH: 633px;
	HEIGHT: 111px;
	text-align: center; /* Added 9-9-09 */
	margin-left: 130px; /* Added 9-9-09 */
	margin-right: 100px; /* Added 9-9-09 */
}
/*
	----------------------------------------
	end #BANNER_HOLDER
	----------------------------------------
*/

/*
	----------------------------------------
	#CONTACT_CONTAINER
	----------------------------------------
*/
#contact_container {
	PADDING-BOTTOM: 8px;
	MARGIN: 0px;
	PADDING-TOP: 8px;
	/*BORDER-BOTTOM: #ddd 3px solid;*/
	TEXT-ALIGN: center; /* left */
}
#contact_container UL {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	FONT-SIZE: 0.85em;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	COLOR: #000;
	LINE-HEIGHT: 1.5em; /*0.9em*/
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
#contact_container UL A {
	COLOR: #000;
	BORDER-TOP-STYLE: none;
	BORDER-BOTTOM: #000 1px solid;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
}
#contact_container UL A:hover {
	BORDER-BOTTOM-STYLE: none;
}
#contact_container UL LI {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 0px;
	LIST-STYLE-TYPE: none;
}
/*
	----------------------------------------
	end #CONTACT_CONTAINER
	----------------------------------------
*/

/*
	----------------------------------------
	#DEMOGRAPHIC
	----------------------------------------
*/
#demographic #address, #demographic #telephone {
	LIST-STYLE-TYPE: none; /* Added 9-15-09 */
}
/*
	----------------------------------------
	end #DEMOGRAPHIC
	----------------------------------------
*/

/*
	----------------------------------------
	#CONTENTBODY
	----------------------------------------
*/
#contentBody {
	border: 1px solid #727377;
	/*border-bottom-style: none;*/
	/*padding: 1em;*/
	float: left; /* Added 9-14-09 */
	WIDTH: 100%; /*65.8em;*/
}
#contentBody H1 {
	COLOR: #9b6525;
	MARGIN-BOTTOM: 0.2em;
	FONT: 2em Georgia, serif;
	text-align: center;
}
/*#contentBody H3 {
	COLOR: #9b6525;
	MARGIN-BOTTOM: 0.5em;
	FONT: 1.7em Georgia, serif;
}
#contentBody H4 {
	COLOR: #9b6525;
	MARGIN-BOTTOM: 0.5em;
	FONT: 1.4em Georgia, serif;
}
#contentBody H5 {
	COLOR: #9b6525;
	MARGIN-BOTTOM: 0.5em;
	FONT: 1.2em Georgia, serif;
}*/
#contentBody OL {
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: decimal;
}
#contentBody OL LI {
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: decimal;
}
#contentBody UL {
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: disc;
}
#contentBody UL LI {
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: disc;
	MARGIN-BOTTOM: 0.5em;
	MARGIN-LEFT: 0.75em;
}
/*
	----------------------------------------
	end #CONTENTBODY
	----------------------------------------
*/
/* 
	----------------------------------------
	end DIVS 
	----------------------------------------
*/

/* 
	----------------------------------------
	LINKS 
	----------------------------------------
*/
A {
	COLOR: #666; /*#333;*/ /*#062044;*/
	BORDER-BOTTOM: #cccccc 1px solid;
}
A:hover {
	COLOR: #9b6525;
}
.no_link_style {
	display: inline;
	text-decoration: none;
	clear: both;
}
/* 
	----------------------------------------
	end LINKS 
	----------------------------------------
*/

/*
	----------------------------------------
	ORDERED/UNORDERED LIST STYLES
	----------------------------------------
*/
UL.alt {
	BACKGROUND: #e7e7e7;
}
LI.alt {
	BACKGROUND: #e7e7e7;
}
/*
	----------------------------------------
	end ORDERED/UNORDERED LIST STYLES
	----------------------------------------
*/

/*
	----------------------------------------
	FOOTER DIVS
	----------------------------------------
*/
#footerwrapper {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-TOP: 1em;
	clear: left;
}
#footer {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 15px;
	MARGIN: 5px auto;
	WIDTH: 860px;
	COLOR: #666666;
	PADDING-TOP: 0px;
	POSITION: relative;
}
#footer A {
	COLOR: #666666;
	TEXT-DECORATION: none;
}
#footer A:hover {
	COLOR: #345173;
}
#footerNav2 LI.first {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
#footerNav1 LI.first {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
#footerNav1 LI {
	PADDING-RIGHT: 0.5em;
	DISPLAY: inline;
	PADDING-LEFT: 0.5em;
	FLOAT: left;
	PADDING-BOTTOM: 0.1em;
	MARGIN: 0px 0.5em 0.5em -0.5em;
	BORDER-LEFT: #97acc5 1px solid;
	LINE-HEIGHT: 1.1em;
	PADDING-TOP: 0px;
	clear: right; /* Added 10-20-09 */
}
#footer ADDRESS {
	CLEAR: left;
	LEFT: 0px;
	FLOAT: left;
	MARGIN-RIGHT: 0.39em;
	HEIGHT: 1.08em;
}
#footer #phone {
	PADDING-LEFT: 0.39em;
	FLOAT: left;
	BORDER-LEFT: #97acc5 1px solid;
	MARGIN-RIGHT: 0.39em;
	HEIGHT: 1.39em;
}
#footer #fax {
	PADDING-LEFT: 0.39em;
	FLOAT: left;
	BORDER-LEFT: #97acc5 1px solid;
	HEIGHT: 1.39em;
}
#footer #email {
	PADDING-LEFT: 0.39em;
	FLOAT: left;
	BORDER-LEFT: #97acc5 1px solid;
	HEIGHT: 1.39em;
}
#footer #copyright {
	CLEAR: left;
	DISPLAY: block;
}
#footerNav2 {
	RIGHT: 0px;
	POSITION: absolute;
	TOP: 0px;
	HEIGHT: 1.08em;
}
#footerNav2 LI {
	PADDING-RIGHT: 0.5em;
	DISPLAY: inline;
	PADDING-LEFT: 0.5em;
	FLOAT: left;
	PADDING-BOTTOM: 0px;
	MARGIN: 0px 0.5em 0px -0.5em;
	BORDER-LEFT: #97acc5 1px solid;
	LINE-HEIGHT: 1.1em;
	PADDING-TOP: 0px;
	clear: right; /* Added 10-20-09 */
}
/*
	----------------------------------------
	end FOOTER DIVS
	----------------------------------------
*/

/*
	----------------------------------------
	IMAGE RELATED STYLES
	----------------------------------------
*/
.floatimgleft {
	float:left;
	margin-top:10px;
	margin-left:10px;
	margin-bottom:3px;
}
.floatimgright {
	float:right;
	margin-top:10px;
	margin-right:10px;
	margin-bottom:3px;
	padding: 3px;
}
.floatimgtopright {
	float:right;
	margin-right:10px;
	margin-bottom:3px;
}
#xhtmlcss {
	RIGHT: 0.9em;
	POSITION: absolute;
	TOP: 2.31em;
	HEIGHT: 1.19em;
}
#xhtmlcss A {
	BORDER-TOP-STYLE: none;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	BORDER-BOTTOM-STYLE: none;
}
/*
	----------------------------------------
	end IMAGE RELATED STYLES
	----------------------------------------
*/

/*
	----------------------------------------
	TABLE RELATED STYLES
	----------------------------------------	
*/
.forums {
	background: #919191;
}
table caption {
	margin: 0;
	padding: 8px 20px;
	text-align: left;
	border: 1px solid #000;
	border-bottom: none;
	background: #fff;
}
table th, table td {
	margin: 0;
	/*padding: 8px 20px;*/
	/*text-align: center;*/
	/*border-bottom: 1px solid #b5b5b5;*/
	color: #666;
}
table .name {
	text-align: left;
	padding: 8px 20px; 
	border-bottom: 1px solid #b5b5b5; 
}
table tr {
	background: #ffffff; /*#e6e6e6*/
}
table tr.alt {
	background: #e6e6e6; /*#f1f1f1;*/
}
table td a {
	display: block;
	font-weight: bold;
}
table th {
	color: #999;
}
/*
	----------------------------------------
	CALENDARS
	----------------------------------------	
*/
table.calendar {
    width: auto;
    padding: 0.5em;
}
table.calendar td {
    padding: 0.5em;
    font-size: 0.8em;
}
table.calendar td .time {
    margin-left: 0.4em;
}
table.calendar td.date {
    white-space: nowrap;
}
/*
	----------------------------------------
	SMALL SCREEN STYLES
	----------------------------------------	
*/
/*@media only screen and (max-device-width: 480px) { 
 #test-block { 
   background: red; 
 } 
}*/
/*
	----------------------------------------
	BREADCRUMBS
	----------------------------------------	
*/
div#breadTop, div#breadBot  {
    overflow:hidden;
    padding:0;
    height:2.4em;
    line-height:2.3em;
    color:#666;
    border-bottom:3px solid #ddd;
    margin-bottom:2px;
}
div.breadcrumbs a, div.breadcrumbs em, div.breadcrumbs span {
    float:left;
    overflow:hidden;
    height:30px;
    padding:0 8px;
    font-style:normal;
	border:none;
	clear: right;
}
div.breadcrumbs span {
    background: url(/images/img_breadcrumb.gif) no-repeat left center;/*BREAD IMAGE*/
    overflow: hidden;
    padding: 0 0 0 12px; /*Shows ONLY BACKGROUND IMAGE*/
    width: 0px;
    /*filter:alpha(opacity=100);
    opacity:0.100;*/
}

