/***********************
 GENERAL HELPER STYLES
***********************/
.hidden {
	diplay: none;
	visibility: hidden;
	width: 0px;
	height: 0px;
}
.footer {
	clear: both;
}

/*********************
 GENERAL STYLES
*********************/

/* PAGE TITLE */
#mainContent .moduleHeader h2 {
	font-size: 1.8em;
	color: #f5eb00;
	padding: 10px 15px 0px 15px;
}

/* MAIN TEXT AND HEADERS */
#mainContent {
	margin-top: 10px;
	width: 608px;
}
#mainContent h1, #mainContent h2, #mainContent h3 {
	font-size: 1.4em;
	color: #f5eb00;
	text-transform: none;
	padding: 0px;
}  
#mainContent h4, #mainContent h5, #mainContent h6 {
	font-size: 1.2em;
	color: #f5eb00;
	text-transform: none;
}
#mainContent p {
	font-size: 1.1em;
	padding-bottom: 10px;
}

/* IMAGES */
#mainContent img {
	border: none 0px #fff;
}

/* MISC TEXT CLASSES */
#mainContent .smallText { font-size: 80%; }
#mainContent .Headline {
	font-size: 1.4em;
	color: #f5eb00;
	text-transform: none;
} /* SAME AS H3 - Legacy Inside Pages Code */
#mainContent .Text {
	font-size: 1.1em;
	color: #e1e1e1;
} /* SAME AS BODY - Legacy Inside Pages Code */

.TextWhite { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e1e1e1; }
.TextYellow { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f5eb00; }
.TextWhiteTwo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #e1e1e1; font-weight: bold; }
.TextYellowTwo { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #f5eb00; font-weight: bold;}
.TextWhiteThree{ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #e1e1e1; font-weight: bold; }
.TextYellowThree { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #f5eb00; font-weight: bold; }



/* LISTS */
#mainContent ul.inline li {
	display: inline;
}
#mainContent ul { list-style: none; } /* Optional for Custom List Styles */
#mainContent li { } /* Optional for Custom List Styles */


/*********************
 ARTICLE PAGE
*********************/

.standFirst {
	color: #f5eb00;
	font-weight: bold;
	padding-top: 10px;
}

/* Related Links */
#relatedLinksInsert {

	width: 300px;
	clear: both;
}
#relatedLinksInsert h3 {
	font-size: 1.8em;
	text-transform: uppercase;
	color: #f5eb00;
	padding: 10px 15px 0px 15px;
}
#relatedLinksInsert a {
	font-size: 1.1em;
	font-weight: bold;
}
#relatedLinksInsert li {
	list-style: none;
	padding: 3px 15px 0px 15px;
}
#relatedLinksInsert .moduleContainer {
	clear: both;
}
#relatedLinksInsert .module {
	clear: both;
	border: 1px solid #fff;
}

/* ARTICLE IMAGE STYLES */
#articleAdInsert {
	width: 300px;
	padding: 0px 10px 5px 0px;
}

.imageCaptionContainer { padding: 0px 0px 8px 0px; }
.imageCaption {
	font-weight: bold;
	font-size: 1.1em;
}


/*********************
 FORM STYLES
*********************/
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.em;
	color: #f5eb00;
	background: #000;
	padding-left: 2px;
} /* This style applies to all dropdown menus. */
input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #f5eb00;
	padding-left: 2px;
} /* Only specify font face, size and color. This applies to all buttons, single line text boxes (input fields), checkboxes, and radio buttons. */
.textBox {
	background: #333 !important;
	border: 1px solid #000;
	padding-left: 2px;
} /* Single-Line textboxes background and border colors */
#button, .button, #Submit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #f5eb00;
	background: #333;
	border: 1px solid #000;
	padding-left: 2px;
} /* This style applies to all multi-line comment areas. */
#mainContent .submitbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	color: #000;
}
#mainContent .warningMessage {
	color: #f00;
} /* Text displayed warning of Form problems/errors */

/* VARIOUS SIZED TEXBOXES */
input.short { width: 70px; padding-left: 2px;}
input.medium { width: 150px; padding-left: 2px;}
input.long { width: 300px; padding-left: 2px;}


/************************
 GENERIC TABLES
*************************/
#mainContent table { color: #e1e1e1; font-size: 11px; } /* Just set a default text color and size */

/************************
 FORMATTED TABLES
*************************/
#mainContent table.formattedTable {
	border: 2px solid #f5eb00;
} /* Background color or borders */
#mainContent table.formattedTable th {
	color: #fff;
	padding: 2px;
	text-transform: uppercase;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable th a {
	padding: 2px;
	text-transform: uppercase;
} /* Header cells and Header Font Info */
#mainContent table.formattedTable td {
	padding: 3px;
} /* Table body cells and body font info */

#mainContent table.fullWidth {
	width: 570px;
} /* specify the width to span the full content area */

/*********************
 MISC BACKGROUND AND SECTIONAL STYLES
	(Styles used for default sectionals and misc colors.)
*********************/
.CellBackground0 { background-color: #000; color: #FFF; } /* Background, Border, and Text color only */
.CellBackground1 { background-color: #333; color: #FFF; } /* 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 {
	font-weight: bold;
}
#mainContent .calendarTable td  {
	border: 2px solid #f5eb00;
	padding: 2px;
}
#mainContent .calendarTable td.calendarEmptyDay {
	border: 0px;
}
#mainContent .calendarTable td.calendarDayViewed {
	background: #333;
} /* Specify something to overwrite CellBackground1 */
#mainContent .calendarTable td.calendarCurrentDate {
	background: #f5eb00;
	color: #000;
}
#mainContent .calendarTable td.calendarCurrentDate a {
	color: #000;
}
#mainContent .calendarTable td.calendarCurrentDate a:hover {
	color: #555;
}

/*********************
 SEPARATOR STYLES
*********************/
hr { 
	color: #f5eb00;
	height:1px;
}
.sectSeparatorH { padding-top:10px; } /* Horizontal gaps between sections. */
.sectSeparatorV { padding-right:10px; } /* Vertical gaps between sections. */


/**************************/
/**** EDITS UNECESSARY ****/
/**************************/

/*********************
 FORM LAYOUTS
*********************/
#mainContent fieldset {
	border: none 0px #fff;
}
#mainContent legend { /* Specify a Color */
	font-weight: bold;
	color: #fff;
}
#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;
    height: 40px;
}
#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, #mainContent #formRowSubmit {
	margin-left: 153px; /* Probably the width of the label */
}
#mainContent .EmailForm label {
	width: 80px;
}
#mainContent .formRowSubmit, #mainContent #formRowSubmit {
	margin-left: 153px; /* Probably the width of the label */
}

/*********************
 ALIGNMENT STYLES
*********************/
.alignLeft { float: left; }
.alignCenter { text-align: center; }
.alignC { float: left;  }
.alignRight { float: right; }
#mainContent img.noFormat { border: none 0px; margin: 0px; }