/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {
	diplay: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}
.footer {
	clear: both;
}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader h2 {
	background:url(/images/moduleHeader-bg.gif) repeat-x;
	background-position:center top;
	height:25px;
	text-align:center;
}

/* MAIN TEXT AND HEADERS */
#mainContent {
	width: 525px;
}
#mainContent .containerPadding { 
	padding:10px 10px 30px 10px;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
	padding-bottom: .9em;
	font-size: 1.2em;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	font-size:1.1em;
} 
#mainContent p { 
	font-size:1.1em;
	line-height:1.36em;
	padding-bottom:1em;
	
}
#mainContent .moduleFooter {
	clear: both;
}
/* CONTENT AREA LINKS */
#mainContent a { }
#mainContent a:hover { }
#mainContent a:visited { }

/* IMAGES */
#mainContent img {
	border:2px solid #00A07D;
}

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 90%; }
#mainContent .Headline {
	font-size:12px;
	color:#000;
	font-weight:bold;
} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {
	font-size:11px;
	line-height:1.36em;
} /* SAME AS BODY - Legacy Inside Pages Code */

/* LISTS */
#mainContent ul.inline li {
	display: inline;
}
#mainContent ul { } /* Optional for Custom List Styles */
#mainContent li { } /* Optional for Custom List Styles */


/*********************
 ARTICLE PAGE
*********************/

.standFirst {
	font-weight:bold;
}

/* RELATED LINKS */
#relatedLinksInsert {
	float: left;
	padding: 4px 8px 4px 0px;
}
#relatedLinksInsert .moduleContainer {
	width: 300px;
}
#relatedLinks {
	padding:7px 10px 30px 10px;
}
#relatedLinks li{
	list-style:none;
	font-size:1.1em;
	font-weight:bold;
}

/* ARTICLE IMAGE STYLES */
#articleAdInsert { padding: 0px 10px 5px 0px; }
.imageCaptionContainer {
	padding: 0px 8px 4px 0px;
	float:left;
}
.imageCaption { 
	padding-top:5px;
	font-size:1em;
	color:#000;
}


/*********************
 FORM STYLES
*********************/
select {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
} /* This style applies to all dropdown menus. */
input {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {
	background:#fff;
} /* Single-Line textboxes background and border colors */
button, .button {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
}
textarea {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
}
#mainContent .warningMessage {
	color:#FF393B;
	font-weight:bold;
} /* Text displayed warning of Form problems/errors */

/* VARIOUS SIZED TEXBOXES */
input.short { width: 70px; }
input.medium { width: 150px; }
input.long { width: 300px; }


/************************
 GENERIC TABLES
*************************/
#mainContent table { color: #000; font-size: 10px; } /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable {
	border:2px solid #009269;
	background:#9FD6C3;
} /* Background color or borders */
#mainContent table.formattedTable th, table.formattedTable th a {
	background:#004D37;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	font-size:1.2em;
	padding:2px;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {
	background:#fff;
	color:#000;
	font-size:1.1em;
	padding:3px;
} /* Table body cells and body font info */
#mainContent table.formattedTable td a {
	color:#000;
} /* Table body links */
#mainContent table.formattedTable tr.rowOdd {} /* Table Odd Row for a separate background-color for every other row */
#mainContent table.formattedTable tr.rowEven {} /* Table Even Row for a separate background-color for every other row */
/* You may need to specify a specific link color for each row depending on the background colors */

#mainContent table.fullWidth {
	width:490px;
} /* specify the width to span the full content area */

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 { 
	background:#B2DDCB;
	border:1px solid #008F66;
} /* Background, Border, and Text color only */
.CellBackground1 {
	background:#00573E;
	border:1px solid #008F66;
} /* Background, Border, and Text color only */
#mainContent .CellContent0, #mainContent .CellContent1 { padding: 5px; } /* Define padding so running copy doesn't hit edge of background. */

/*********************
 CALENDAR STYLES
*********************/
#mainContent .calendarTable {
	border: none;
}
#mainContent .calendarTable td, #mainContent .calendarTable td a  {
	border: none;
}
#mainContent .calendarTable td.calendarDayCell {
} /* Specify something to overwrite CellBackground0 */
#mainContent .calendarTable td.calendarEmptyDay {
}
#mainContent .calendarTable td.calendarDayViewed {
	background-color: #fff;
} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarDayViewed a{
	color: #000;
} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate{
	color: #fff;
}
#mainContent .calendarTable td.calendarCurrentDate a{
	font-weight: bold;
}

/*********************
 SEPARATOR STYLES
*********************/
hr {
	height:1px;
}
.sectSeparatorH {
	width:15px;
} /* Horizontal gaps between sections. */
.sectSeparatorV {
	height:20px;
} /* Vertical gaps between sections. */


/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 FORM LAYOUTS
*********************/
#mainContent fieldset {
	border: none 0px #fff;
}
#mainContent legend { /* Specify a Color */
	font-weight: bold;
}
#mainContent .formRow {
	clear: both;
	margin: 5px 0px;
}
#mainContent label {
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font-weight: bold;
	margin-top: 2px;
	margin-right: 3px;
}
#mainContent label .labelDetails {
    font-weight: normal;
    font-size: 0.9em;
}
#mainContent .formRowMultiFields {
	margin-left: 153px; /* !! Should be the width of the label !! */
}
#mainContent .formRowMultiFields img { /* Used for Captcha */
	padding: 0px;
}
#mainContent label.spanWidth {
	width: auto;
	display: block;
	text-align: left;
}
#mainContent label.inline {
	float: none;
	display: inline;
	width: auto;
	text-align: auto;
}
#mainContent .formRowSubmit {
	margin-left: 153px; /* Probably the width of the label */
}
#mainContent .EmailForm label {
	width: 80px;
}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft { float: left; }
.alignCenter { text-align: center; }
.alignC { text-align: center; width: 90%; }
.alignRight { float: right; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }
