/*
/styles/global.css
Global style sheet for AREMA Website
C. Emely, 06/21/09
*/

/***************************************** Website Colors ****************************************/
/*
AREMA Red - 860138
Dark Gray - 666666
Light Gray - C0C0C0
Blue - 3E4861
Light Blue - 6C7596
*/

/********************************** Global Styles in Alpha Order **********************************/
/*************************** Page Specific styles in Separate Sections ****************************/

.biglink {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #860138;
}
.biglink A:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;    
    text-decoration: none;
    color: #860138;
}
.biglink A:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #3E4861;
}
.biglink A:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    text-decoration: underline;
    color: #3E4861;
}
body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #ffffff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bold_text {
    font-weight: bold;
    padding-top: 2px;
}
#content {
    padding: 10px 12px 10px 12px; /* Padding within white content area */
    margin: 0;
    /*background-color: #FFFFFF; */
    background-image:url(/images/content_white_bkgrnd.jpg);
		background-repeat: repeat-y;
}
#content a:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #860138;
}
#content a:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #860138;
}
#content a:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #3E4861;
}
#content a:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #3E4861;
}
/*.content_iframe {
	width: 760px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	display:block;
	vertical-align:top;
}
.comm_content_iframe {
	width: 760px;
	height: 800px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	display:block;
	vertical-align:top;
	background-color: #FFFFFF;
}*/
#content .Comm_TwoColContent { /* Style for two column page content */
	float:left;
	position: relative;
	width: 490px;
	margin-bottom: 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 18px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#content .Comm_TwoColRightSide { /* Style for two column content right sidebar */
	margin-left: 505px;
	width: 200px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height: 100%;
	/* background: #FFFFFF;  the background color will be displayed for the length of the content in the column, but no further */
	text-align:left;
	background-color: #C0C0C0;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.h_line {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 2px solid #860138;
}
.h_line_b {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 2px solid #3E4861;
}
.h_thinline {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 1px solid #860138;
}
.h_thinline_b {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	border-bottom: 1px solid #3E4861;
}
h1 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    color: #3E4861;
    text-transform: uppercase;
    padding-bottom: 20px;
}
h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
}
h3 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
}
h4 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 0px;
}
.text8 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 8px;
    color: #000000;
}
.text10 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 10px;
    color: #000000;
}
.text11 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 11px;
    color: #000000;
}
.text11_red {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 11px;
    color: #860/******************** Form Styles *********************/
#forms .QText
{
	font-size:8pt; 
	color:#000000;
	text-decoration:none; 
	font-weight:bold;
}
#forms .QText_Req
{
	font-size:8pt; 
	color:#d75942;
	text-decoration:none; 
	font-weight:bold;
}
#forms .Heading
{
	font-size:10pt; 
	color:#000000;
	text-decoration:none; 
	font-weight:bold;
}
#forms .form_area {
	text-align:left;
	padding-left:15px;
}
138;
}
.text14 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 14px;
    color: #000000;
}
.text16 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 16px;
    color: #000000;
}


/***************** /committees/index.aspx (Committee Page) Styles *****************/

#committee {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#committee p {
    text-align: justify;
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 20px;
}
#committee .mbr_image {
    padding: 0px 30px 10px 0px;
    z-index: 150;
}
#committee h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 10px;
    padding-bottom: 1px;
    margin-bottom: 3px;
    border-bottom: solid 1px #860138;
}
#committee h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    margin-bottom: 0px;
    font-style: italic;
}
#committee ul {
    list-style-type: none;
       padding: 0px 0px 3px 0px;
    margin: 0;
}
#committee ul li {
    padding: 0px 0px 3px 0px;
    margin: 0;
    font-weight:bold;
}

/************************** (Committee Pages) Styles *************************/

#comm_page {
    padding: 0px 10px 5px 10px; /* Extra white space around content */
}
#comm_page p {
    text-align: justify;
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 20px;
}

#comm_page h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 2px;
    padding-bottom: 1px;
    margin-bottom: 3px;
}
#comm_page h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 4px;
    margin-bottom: 8px;
    font-style: italic;
}
#comm_page .SubComm {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}
#comm_page .CommAssign {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 20px;
}

#comm_page .Officer_Title {
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
	padding-bottom: 4px;
	margin-bottom: 4px;
}


/****************************** End of Style Sheet *******************************/
/*********************************************************************************/