body {
	background-color: #d5d5d5;   /*light-gray background color*/
	margin: 0;
	padding: 0;
	font: normal small Verdana, Arial, Sans-serif;
	text-align: left;   /*default text align is left*/
	color: #231f20;   /*default font color is CMCNB logo black*/
}

h1 {
	font-size: 1.4em;
	text-align: center;
	padding: 1em;
}

h2 {
	font-size: 1.5em;
	text-decoration: underline;
	color: #32b44a;  /*CMCNB logo green*/
}

h3 {
	text-align: left;
	font-weight: bold;
	color: #32b44a;   /*CMCNB logo green*/
}

h3, .elink {
	font-size: 0.8em;
}

h4 {
	font-size: 1.3em;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.maintable {  /*used in testing of new user pages: will not be used in rebuild of website--this was not changed to reflect new look*/
	background-color: #ffffff;
	height: 100%;
	width: 634px;
	border: 1px solid #F1F1F1;
}

/********TABLE STRUCTURE - PAGE LAYOUT********/
.tablebody {   /*table style for main table holding all data on page*/
	background-color: #ffffff;
	width: 800px;	/*previously- width: 634px;width: 700px;*/
	height: 100%;
	margin-left: auto;
	margin-right: auto;	
	border-left: 1px solid #231f20;  /*CMCNB logo black*/
	border-right: 1px solid #231f20;	/*CMCNB logo black*/
}

.centertable {  /*IE version to center the main page table*/
	text-align: center;
}

.headercell { /*top banner image, which includes new CMCNB Logo*/
	height: 146px;
	background: url('../images/banner_2011_2.jpg') no-repeat #fff;
}

.menucell {  /*navigation bar holder - for full menu style see menustyle.css*/
	height: 16px;
	background-color: #231f20;	/*CMCNB logo black*/
}

.h1row { /*welcome message holder row*/
	height: 16px;
}

.h1Cell { /*welcome message data style*/
	color: #a53e97;	/*CMCNB logo magenta*/
	font-size: 0.85em;
}

.h1Cell span { /*span for cmc mission statement*/
	font-size: .65em;
	font-weight: normal;
	color: #231f20;		/*CMCNB logo black*/
}

.titlerow { /*page title holder row*/
	vertical-align: middle;
}

.titleText {  /*page title label style*/
	font-weight: bold;
	font-size: 1.6em;
	color: #c02026;   /*CMCNB Logo Red*/
	margin:0px auto;
	padding: 0em 0em 0em 1.5em;
}

.infoRow { /*main content row holder*/
	height: 100%;
}

.infoText { /*main content style*/
	vertical-align: top;
	font-size: 0.85em;
	padding: 1em 2.6em 1em 2.6em;
}

.footercell { /*footer row*/
	background-color: #231f20;	/*CMCNB logo black*/
	height: 32px;
}

.subText {   /*footer text style*/
	text-align: center;
	color: white;
	font: normal xx-small Verdana, Arial, Sans-serif;
}

.subText:first-line {
	font-weight: bold;
	text-decoration: underline;
}

.listText {  /*list text styling - align text with list items*/
	vertical-align: top;
	font-size: 0.9em;
	padding: 1em;
}

/********IMAGE LAYOUT FORMATS********/
iframe.vidselector {		/*guide_schedule container*/
	text-align: center;
	width: 98%;
	height: 275px;
}

.vidRightSelector {		/*link to videos image*/
float: right;
padding: 0em 0em 0.4em 0.4em;
}

.vidLeftSelector {		/*link to videos image*/
float: left;
padding: 0em 0.4em 0.4em 0em;
}

.imageLeft {  /*float image to the left*/
	float:left;
	margin: 1em 1em 1em 0em;	
}

.imageRight{	/*float image to the right*/
	float:right;
	margin: 1em 0em 1em 1em;
}

.imageTopLeft{	/*float image to the left and top--not used any longer*/
	float:left;
	margin: 0em 1em 1em 0em;
	vertical-align: top;
}
.imageTopRight{	/*float image to the right and top--not used any longer*/
	float:right;
	margin: 0em 0em 1em 1em;
	vertical-align: top;
}

.cardImage{	/*float image to the left -- used for candidate statements & staff images*/
	float:left;
	margin: 0em 0.2em 0.2em 0em;
	vertical-align: top;
	width: 80px;
	height: 80px;
}

/********LINK FORMATS & DEFINITIONS********/
a {  /*default links*/
	text-decoration: none;
	color: #2d409a;   /*CMCNB logo blue*/
	font-weight: bold;
}
a:hover {color:#19bcbd;}  /*CMCNB logo teal*/

a img {border: none;}

a.whiteStyle{   /*footer links*/
	text-decoration: none; 
	color: #fff;   /*white*/
}
a.whiteStyle:hover {color: #bfc131;}   	/*CMCNB logo yellow*/
a.whiteStyle:active {color: #bfc131;}	/*CMCNB logo yellow*/

a.greenStyle {  /*login links*/
	text-decoration: none; 
	color: #32b44a;   /*CMCNB logo green*/
}
a.greenStyle:hover {text-decoration: none; color: #19d13b;}	/*CMCNB logo teal*/
a.greenStyle:active {text-decoration: none; color: #19d13b;}	/*CMCNB logo teal*/

a.sortTableText {	/*Sort Table links*/
	text-decoration: none;
	color: #c1c0c0;	/*CMCNB logo gray*/
	text-align: center;
}

a.cmcLinkText { /*user login page links*/
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	color: #bfc131;		/*CMCNB logo yellow*/
}
a.cmcLinkText:hover {color: #80bb3c}		/*yellow-green*/

/********BORDERS********/
.outlineElement, .thinGreenBox {
border: 1px solid #231f20;	/*CMCNB logo black*/
}

.thinBlackLeft, .thinGreenLeft, .darkGreenBorderLeft {
border-left: 1px solid #231f20;	/*CMCNB logo black*/
}

.thinBlackRight, .thinGreenRight, .darkGreenBorderRight {
border-right: 1px solid #231f20;	/*CMCNB logo black*/
}

.thinBlackTop, .thinGreenTop {
border-top: 1px solid #231f20;	/*CMCNB logo black*/
}

.thinBlackBottom, .thinGreenBottom {
border-bottom: 1px solid #231f20;	/*CMCNB logo black*/
}

/********BUTTONS********/
.clear { /*generic container (i.e. div) for floating buttons*/
	overflow: hidden;
	width: 100%;
}

a.linkbutton { /*city live stream & site buttons on tv for the web page*/
    background: transparent url('../images/GreenbuttonRight.gif') no-repeat scroll top right;
    color: green;
    display: block;
    float: left;
    font-size: 12px;
	font-weight: bold;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.linkbutton span {
    background: transparent url('../images/GreenbuttonLeft.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.linkbutton:hover {
    background-position: bottom right;
    color: green;
    outline: none; /* hide dotted outline in Firefox */
}

a.linkbutton:hover span {
    background-position: bottom left;
    padding: 5px 0 5px 18px; /* push text down 1px */
}

/********CLASS CALENDAR DISPLAY********/
.calendarMonthName, .calendarImageCell {  /*class schedule calendar*/
	text-align: center;
	border-top: 1px solid #c1c0c0;		/*CMCNB logo gray*/
	border-left: 1px solid #c1c0c0;		/*CMCNB logo gray*/
	border-right: 1px solid #c1c0c0;	/*CMCNB logo gray*/
}

.calendarMonthName{		/*class schedule calendar*/
	background-color: #231f20;	/*CMCNB logo black*/
	color: #c1c0c0;		/*CMCNB logo gray*/
}

.calendarImageCell{		/*class schedule calendar*/
	vertical-align: top;
}

/********SUBMISSION CALENDAR DISPLAY********/
.monthIsDay, .monthIsRedDay, .monthIsStartDay, .monthNotDay { 
	font-variant: small-caps;
	width: 64px;
	height: 64px;
	border: 1px solid #272c51;   /*very dark blue gray*/
	vertical-align: top;
}

.monthIsRedDay {
	background: url('../images/cal_isRedDay.gif') no-repeat;
}

.monthIsStartDay {
	background: url('../images/cal_isStartDay.gif') no-repeat;
}

.monthNotDay {
	background-color: #f5f4f4;  /*almost white*/
}

.schedMonthDays, .schedMonthName {
	text-align: center;
	color: #c1c0c0; 	/*CMCNB logo gray*/
	border-bottom: 1px solid #c02026;	/*CMCNB logo red*/
	background-color: #231f20;	/*CMCNB logo black*/
	font-weight: bold;
}

.schedMonthDays {
	width: 64px;
	font-size: 0.9em;
}

.schedMonthName {
	width: 100%;
	font-size: 1.5em;
}

.seriesDeadline:first-line {
	font-weight: bold;
	color: #c02026;	/*CMCNB logo red*/
}

.seriesDeadline {
	text-align: center;
	font-size: 0.9em;
	vertical-align: top;
}

/********USER & ADOPT-A-PROGRAM PAGES STYLING********/
.sqlDataName, .sqlDataSubject, .sqlDataDescription, .sqlDataContactName, .sqlDataContactNumber, .sqlDataDate {
	vertical-align: top;
	font-size: 12px;
	padding: 1px;
	
}

.sqlDataName, .sqlDataSubject, .sqlDataDescription, .sqlDataContactName, .sqlDataContactNumber {
	max-width: 10em;
}

.sqlDataName, .sqlDataSubject, .sqlDataDescription, .sqlDataContactName {
	white-space: normal;
}
.sqlDataSubject, .sqlDataContactName, .sqlDataContactNumber, .sqlDataDate {
	text-align: center;
}

.sqlDataContactNumber, .sqlDataDate {
	white-space: nowrap;
}

.sqlDataName {
	font-weight: bold;
}

.sqlDataDate {
	min-width: 10em;
}

.messageHead {
	color: #fff;
	font-size: 1em;
	font-weight: bold;
	border-bottom: 1px solid #c02026;   /*CMCNB logo red*/
}

.profileBGND {   /*not found used anywhere*/
	background-color: #231f20;   /*CMCNB logo black*/
}

/********TABLE SORT STYLINGS & DEFINITIONS********/
.sortTableText, .rowTableText, .sortTableNORM, .sortTableASC, .sortTableDESC {
	color: #c1c0c0; 	/*CMCNB logo gray*/
	font-size: 12px;
}

.sortTableText, .rowTableText {
	white-space: nowrap;
	margin-left: auto;
	margin-right: 1px;
}

.sortTableText, .rowTableText {
	vertical-align: top;
	text-align: -moz-left;
}

.sortTableBGND {
	background-color: #231f20;   /*CMCNB logo black*/
}

.rowTableText {
	text-align: right;
}

.sortTableNORM, .sortTableASC, .sortTableDESC {
	min-width: 16px;
	text-align: center;
	border-left: 1px solid #231f20;   /*CMCNB logo black*/
}

.sortTableNORM {
	background: url('../images/greenSort-link.jpg') repeat;
}

.sortTableASC {
	background: url('../images/greenSort-ASC.jpg') repeat;
}

.sortTableDESC {
	background: url('../images/greenSort-DESC.jpg') repeat;
}