/*
http://www.arema.org/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 ************************/

.tbl_header { 
	background: #FFFFFF;
	background-image:url(http://www.arema.org/images/header1_960.jpg);
	background-repeat:no-repeat;
	height:106px;
	padding: 0px 0px 0px 0px;
}
.tbl_sidebar {
	/*width: 169px; /* 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 */
	background-image:url(http://www.arema.org/images/sidebar_bkgrnd.jpg);
	background: #6C7596; /* the background color will be displayed for the length of the content in the column, but no further */
    /* margin: 10px 5px 0px 5px; */
}
.tbl_mainContent {
	background-image:url(http://www.arema.org/images/content_bkgrnd.jpg);
	background-repeat: repeat-y;
	/* margin: 10px 5px 0px 5px; */
}
.tbl_footer { 
	padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff;
	text-align:center;
} 
.tbl_footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 6px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	/* border-top: solid 1px #860138;*/
	font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 11px;
    color: #860138;
}
.sidebar_spacer {
    height: 10px;
}
.wrapper #tbl_container { 
	width: 960px;
	overflow:hidden;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 0px 0px 0px;
	text-align: center; /* this overrides the text-align: center on the body element. */
} 

.ads {
    width: 135px;
    text-align:center;
    vertical-align:middle;
    padding: 0px 0px 0px 0px;
    margin: 10px 17px 10px 13px;
    border: solid 3px #860138;
}
.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;
}
.bigtext {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 24px;
    font-weight: bold;
    font-style:italic;
    color: #3E4861;
    text-align:center;
    padding-bottom: 20px;
}
body {
	font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #3e4861;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	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 {
    width: 760px;
    padding: 10px 12px 10px 12px; /* Padding within white content area */
   margin: 8px 8px 8px 8px;
       /*position:relative; */
    /*background-color: #FFFFFF; */
    background-image:url(http://www.arema.org/images/content_white_bkgrnd.jpg);
	background-repeat: repeat-y;
	text-align: left;
}

.content_iframe {
	width: 760px;
	margin: 8px 8px 8px 8px;
	overflow: hidden;
	display:block;
	vertical-align:top;
}
.comm_content_iframe { /* Temporary style for legacy committee pages */
	width: 760px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	display:block;
	vertical-align:top;
	background-color: #FFFFFF;
}
#content .TwoColContent { /* Style for two column page content */
	float:left;
	position: relative;
	width: 500px;
	margin-bottom: 10px;
	padding: 0px 18px 0px 0px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	background-color: #FFFFFF;
}
#content .TwoColRightSide { /* Style for two column content right sidebar */ 
	margin-left: 480px;
	padding: 0px 0px 0px 10px;
	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: #FFFFFF;
}
#features {
    background-color:#3E4861;
    width:180px;
    padding: 5px 5px 5px 5px;
    margin: 10px 0px 10px 0px;
}
#features ul {
    list-style-type:none;
    text-align:right;
}
#features ul li {
    text-align: right;
    padding: 8px 5px 8px 0px;
    border-bottom: solid 1px #C0C0C0;
}
#features ul li a: {
    color: #FFFFFF;
    text-decoration: none;
}
#features ul li a:hover {
    color: #6C7596;
    text-decoration: underline;
}
#features ul li a:active {
    color: #6C7596;
    text-decoration: underline;
}
#features ul li a:visited {
    color: #FFFFFF;
    text-decoration: none;
}
.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;
}
.login_area {
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 11px 0px;
	width:200px;
	height:50px;
	/* border-left: solid 1px #666666; */
}
.logout_area {
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 31px 0px;
	width:200px;
	height:50px;
}
.TermDate 
{
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 12px; 
	color:#C0C0C0;
}
.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: #860138;
}
.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;
}
.wrapper #container { 
	width: 960px;
	overflow: hidden;
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0px 0px 0px 0px;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 
.wrapper #header { 
	background: #FFFFFF;
	background-image:url(http://www.arema.org/images/header1_960.jpg);
	background-repeat:no-repeat;
	height:131px;
	padding: 0px 0px 0px 0px;
}
.wrapper #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	/*position: relative; */
	/* top: -10px; */
	width: 169px; /* 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 */
	background-image:url(http://www.arema.org/images/sidebar_bkgrnd.jpg);
	background: #6C7596; /* the background color will be displayed for the length of the content in the column, but no further */
	margin: 10px 0px 0px 5px;
    padding: 0px 0px 0px 0px;
}
.wrapper #mainContent {
    position: relative; 
    /* top: -10px; */
    /* width: 776px; */
	margin: 10px 5px 5px 179px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	/* padding: 6px 6px 6px 6px; */
	/* background-color: #FFFFFF; */
	background-image:url(http://www.arema.org/images/content_bkgrnd.jpg);
	background-repeat: repeat-y;
}
.wrapper #mainContent #content a:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #860138;
}
.wrapper #footer { 
	padding: 0px 0px 0px 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#ffffff; 
} 
.wrapper #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 0px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	text-align: center;
	/* border-top: solid 1px #860138;*/
	font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 11px;
    color: #860138;
}

/**************************** AREMA_Video.aspx Styles *****************************/

#video table.events {
	border-style: none none none none;
}
#video table.events th {
	border-width: 0px 0px 1px 0px;
	padding: 5px 0px 10px 0px;
	border-style: none none solid none;
	border-color: rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0);
	background-color: white;
}
#video table.events td {
	border-width: 0px 0px 1px 0px;
	padding: 5px 0px 10px 0px;
	border-style: none none solid none;
	border-color: rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0);
	background-color: white;
	vertical-align: top;
}

/******************** 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;
}

/**************************** bog.aspx Styles *****************************/
/* #bog p {
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #860138;
    margin-bottom: 40px;
} */

#bog {
    padding: 0px 20px 10px 20px;/* Extra white space around content */
}
.bog_photo {
    padding: 0px 20px 10px 0px;
    float: left;
    position: relative;
    z-index:150;
}
#bog h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 3px;
    margin-bottom: 3px;
}
#bog h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    margin-bottom: 2px;
    font-style: italic;
}

/*********** /careers/index.aspx (Railway Careers Network Main Page) Styles ***********/

#careers {
    padding: 0px 20px 10px 20px;/* Extra white space around content */
}
#careers h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#careers h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-top: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    font-style: italic;
    text-align:center;
}
#careers .sponsor a:link {
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	font-style:italic;
	font-weight:bold;
	color:#691034;
	text-decoration:none;
}
#careers .sponsor a:hover {
	text-decoration:underline;
	color:#000066;
}

/**************************** /meetings/collaborative_events.aspx (Collaborative Events) Styles *****************************/

#c_events {
    padding: 0px 80px 0px 20px;/* Extra white space around content */
}
#c_events h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 1px;
    margin-bottom: 1px;
}
#c_events h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-style: italic;
}

/***************** /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 .commannrpt ul	
{
	list-style-image: urhttp://www.arema.org/images/tri.gif);
}
#committee .comm.annrpt li
{
	padding-bottom: 2px;
}
#committee .SubComm {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 12px 0px;
}
#committee .CommAssign {
	font-size: 11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 8px 20px;
}
/**************************** confdates.aspx Styles *****************************/

#confdate {
    padding: 0px 20px 0px 20px;/* Extra white space around content */
}
#confdate h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-bottom: 1px;
    margin-bottom: 1px;
}
#confdate h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-style: italic;
}

/*********************** Education Styles ****************************/

#edu {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#edu h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#edu h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    font-style: italic;
}
#edu li {
	padding-bottom: 8px;
	font-weight:bold;
}
#edu table.events {
	border-style: none none none none;
}
#edu table.events th {
	border-width: 0px 0px 1px 0px;
	padding: 5px 0px 10px 0px;
	border-style: none none solid none;
	border-color: rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0);
	background-color: white;
}
#edu table.events td {
	border-width: 0px 0px 1px 0px;
	padding: 5px 0px 10px 0px;
	border-style: none none solid none;
	border-color: rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0);
	background-color: white;
	vertical-align: top;
}
#edu .faq_q {
	font-size:12px;
	font-weight:bold;
	color:#900;
	padding-bottom: 8px;
}
#edu .faq_a {
	font-size: 12px;
	padding-bottom:15px;
}

/******************************* contact.aspx Styles *******************************/

#contact{
    margin: 0;
}
#contact h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:14pt;
	color:#3A4972;
	font-weight:bold;
}
.contact_info {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 14px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
}
.contact_table {
	border-bottom: 2px solid #3A4972;
}
.contact_heading {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:13px; 
	color:#C0C0C0; 
	text-decoration:none;
	font-weight:bold;
}

/**************************** index.aspx (Home) Styles *****************************/



/**************************** overview.aspx (About) Styles *****************************/

#about {
     padding: 0px 40px 10px 30px; /* Extra white space around content */
     margin: 8px 0px 8px 0px; /**/
}

#about p {
    padding-top: 2px;
    margin-top: 2px;
}
#about h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    border-top: solid 1px #860138;
}

/***************** /meetings/pdh.aspx (PDH Page) Styles *****************/

#pdh {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#pdh h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#pdh h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    font-style: italic;
}
#pdh li {
	padding-bottom: 8px;
	font-weight:bold;
}

/***************** /membership/index.aspx (Membership Page) Styles *****************/

#membership {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#membership p {
    text-align: left;
    margin-top: 2px;
    padding-top: 2px;
    margin-bottom: 20px;
}
#membership .mbr_image {
    padding: 0px 30px 10px 0px;
    z-index: 150;
}
#membership 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;
}


/*********************** presenters.aspx (Presenters Page) Styles *******************************/

#present{
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#present table.deadlines {
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-right: 20px;
	margin-left: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}
#present table.deadlines tr.odd {
	background-color: #CCCCCC;
}
#present table.deadlines td {
	vertical-align: top;
	padding: 4px;
}
#present .big_link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	border: 1px solid #005699;
	letter-spacing: .5px;
	padding: 3px 3px 3px 3px;
	margin-top: 20px;
	margin-right: 120px;
	margin-bottom: 20px;
	margin-left: 120px;
	display: block;
}

#present .big_link a {
	font-weight: bold;
}

/****************** pgre/index.aspx (Practical Guide) ****************/

#pgre {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#pgre li {
	padding-bottom: 4px;
	margin-left: 12px;
}
#pgre table.vol {
	border-style: none none none none;
}
#pgre table.vol td {
	padding-bottom: 12px;
}
#pgre table.vol td.right {
	border-left: thin solid #691034;
}


/***************** /proceedings/index.aspx (Proceedings Page) Styles *****************/

#proceed {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#proceed h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#proceed h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    font-style: italic;
}
#proceed dd {
    font-size: 11px;
    font-style: italic;
    margin-left: 15px;
}

/************** /publications/index.aspx (Publications Main Page) Styles ***************/

#pubs {
    padding: 0px 20px 10px 20px; /* Extra white space around content */
}
#pubs forms {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color:#000000;
}
#pubs .pubs {
	border-width: 0px 0px 1px 0px;
	padding: 10px 0px 10px 0px;
	border-style: none none solid none;
	border-color: rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0) rgb(102, 0, 0);
	background-color: white;
	vertical-align: top;
}
#pubs .pub_title {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:12pt;
	font-weight:bold;
	font-variant:small-caps;	
	padding-bottom:5px;
	margin-bottom: 0px;
}
#pubs .pub_text {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8pt;
	font-weight:normal;
	margin-top: 2px;
	text-align:justify;
}
#pubs .forms_title {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:10pt;
	font-weight:bold;
	padding-bottom:5px;
	color:#BABFB7; 	
}
#pubs .forms_subtitle {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8pt;
	font-weight:bold;
	padding-bottom:5px;
	color:#BABFB7; 	
}
#pubs .forms_text {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8pt;
	font-weight:normal;
}
#pubs .forms:link {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8.5pt;
	font-weight:normal;	
	color:#860138; 
	text-decoration:none;
}
#pubs .forms:visited {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8pt;
	font-weight:normal;	
	color:#860138; 
	text-decoration:none;
}
#pubs .forms:active {
	font-family: "Trebuchet MS", Arial Sans-Serif;
	font-size:8pt;
	font-weight:normal;	
	color:#860138; 
	text-decoration:none;
}
#pubs forms:hover {
	font-family: "Trebuchet MS", Arial Sans-Serif; 
	font-size:8pt;
	font-weight:normal;	
	color:#3E4861; 
	text-decoration:underline;
}
.pub_image {
	padding-right: 8px;
	float: left;
}
#pubs ul	{
	list-style:none;
}
#pubs li {
	padding-bottom: 4px;
	margin-right: 4px;
	text-align:right;
}
#pubs .mre li {
	padding-bottom: 4px;
	margin-left: 12px;
}
#pubs .mre table.vol {
	border-style: none none none none;
}
#pubs .mre table.vol td {
	padding-bottom: 12px;
}
#pubs .mre table.vol td.right {
	border-left: thin solid #691034;
}

/***************** /seminar/index.aspx (Seminars Main Page) Styles *****************/

#seminar {
    padding: 0px 20px 10px 20px;/* Extra white space around contt */
}

#seminar h2 {
    font-family: "Trebuchet MS", Arial Sans-Serif;
    font-size: 18px;
    font-weight: bold;
    color: #666666;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
}
#seminar h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    font-style: italic;
}

/**************************** staff.aspx Styles *****************************/

#staff {
    padding: 0px 40px 10px 30px;/* Extra white space around content */
}
#staff p {
    text-align: justify;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #860138;
    margin-bottom: 40px;
}
#staff .staff_photo {
    padding: 0px 12px 10px 0px;
    float: left;
    position: relative;
    z-index: 150;
}
#staff h3 {
    font-family: "Trebuchet MS" , Arial Sans-Serif;
    font-size: 16px;
    font-weight: bold;
    color: #3E4861;
    padding-bottom: 2px;
    font-style: italic;
}
/*************************************** Navigation Styles ***************************************/

/****************************** Drop Down ULs CSS *****************************/

/************************* Styles for top Submenus ****************************/

.ddsubmenustyletop, .ddsubmenustyletop ul { /*topmost and sub ULs, respectively*/
font: normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #3e4861;
border: 0px solid white;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyletop li a {
display: block;
width: 240px; /*width of menu (not including side paddings)*/
color: #ffffff;
background-color: #3e4861;
text-decoration: none;
padding: 4px 5px;
text-align:left;
border-bottom: 1px solid #ffffff;
}

* html .ddsubmenustyletop li { /*IE6 CSS hack*/
display: inline-block;
width: 240px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyletop li a:hover {
background-color: #860138;
color: #FFFFFF;
}

/**************************** Neutral CSS  ******************************/

.downarrowpointer { /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

/* .rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items
position: absolute;
padding-top: 3px;
left: 10px;
border: 0;
} */

/*.ddiframeshim{
position: absolute;
z-index: 200;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}*/

/******************** Styles for Left Side Submenus *********************/


.ddsubmenustyle, .ddsubmenustyle ul { /*topmost and sub ULs, respectively*/
background-position: #666666;
font: normal 10pt "Trebuchet MS" , Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
position: absolute;
left: 0;
top: 0;
list-style-type: none;
background: #6C7596;
border: 1px solid #c0c0c0;
border-bottom-width: 0;
visibility: hidden;
z-index: 100;
}

.ddsubmenustyle li a {
display: block;
width: 250px; /*width of submenu (not including side paddings)*/
color: #ffffff;
background-color: #6C7596;
text-decoration: none;
padding: 4px 5px;
text-align:left;
border-bottom: 1px solid #c0c0c0;
}

* html .ddsubmenustyle li { /*IE6 CSS hack*/
display: inline-block;
width: 250px; /*width of submenu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover {
background-color: #860138;
color: #FFFFFF;
}

/************************** Neutral CSS ************************/

/* .downarrowpointer{ /*CSS for "down" arrow image added to top menu items
padding-left: 4px;
border: 0;
} */

.rightarrowpointer { /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
padding-top: 3px;
left: 160px;
border: 0;
}

.ddiframeshim {
position: absolute;
z-index: 500;
background: transparent;
border-width: 0;
width: 0;
height: 0;
display: block;
}

/********************** Top Main Menu Bar CSS *********************/

.topmenu ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 200px;
font: normal 10pt "Trebuchet MS", Arial, Helvetica, sans-serif;
list-style-type: none;
border-bottom: 0px solid #758bbb;
background: #3e4861;
overflow: hidden;
width: 960px;
height: 25px;
z-index: 100;
}

.topmenu li {
display: inline;
margin: 0;
}

.topmenu li a {
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 2px 26px 6px 2px; /*padding inside each tab*/
border-right: 0px solid white; /*right divider between tabs*/
color: #ffffff;
background: #3e4861;
}

.topmenu li a:visited {
color: #ffffff;
}

.topmenu li a:hover {
background: #860138; /*background of tabs for hover state */
color: #ffffff;
}

.topmenu a.selected {
background: #860138; /*background of tab with "selected" class assigned to its LI */
color: #ffffff;
}

/******************* Marker List For Left Vertical Menu ******************/

.markermenu {
width: 169px; /*width of side bar menu*/
clear: left;
position: relative; /*Preserve this for "right" arrow images (added by script) to be positioned correctly*/
padding-top:2px;
/* top: -18px; */
text-align:left;
top: 0px;
left: 0px;
}


.markermenu ul {
list-style-type: none;
margin: 2px 0;
padding: 0;
border: 0px solid #c0c0c0;
}

.markermenu ul li a {
background: #6C7596 url(bulletlist.gif) no-repeat 3px center;
font: normal 10pt "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #ffffff;
display: block;
width: auto;
padding: 3px 2px;
padding-left: 5px;
text-decoration: none;
border-bottom: 1px solid #c0c0c0;
}

* html .markermenu ul li a { /*IE6 hack*/
width: 169px;
}

.markermenu ul li a:visited, .markermenu ul li a:active {
color: #ffffff;
}

.markermenu ul li a:hover, .markermenu ul li a.selected {
color: #ffffff;
background-color: #860138;
}

/**** Customized Drop Down ULs CSS (inherits from ddlevelsmenu-base.css) ****/

.bluewhite li a {
background: #6C7596;
text-align:left;
}

.bluewhite li a:hover {
background: #860138;
color: #ffffff;
text-align:left;
}

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

/* Test asp menu */
#sidemenu_area {
    margin-top: 2px;
    border-top: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
}
.sidemenu 
{
    width: 150px; /*width of side bar menu*/
    background-color: #6C7596;
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    padding-top:1px;
    padding-bottom:1px;
    text-align:left;
    border-left: 0px;
 }
* html .sidemenu { /*IE6 hack*/
width: 160px;
}
.sidemenu a:link {
    color:#FFFFFF;
    text-decoration: none;
    background-color: #6C7596;
    font-size:10pt;
}
.sidemenu a:visited {
    color:#FFFFFF;
    text-decoration: none;
    background-color: #6C7596;
    font-size:10pt;
}
.sidemenu a:hover {
    color:#FFFFFF;
    text-decoration: none;
    background-color: #860138;
    font-size:10pt;
}
.sidemenu a:active {
    color:White;
    text-decoration: none;
    background-color: #860138;
}

.sidesubmenu {
    width: 240px; /*width of side bar menu*/
    background-color: #6C7596;
    color:#FFFFFF;
    text-decoration: none;
    margin-top:1px;
    margin-bottom:1px;
    margin-left:8px;
    margin: 0px;
    text-align:left;
    border-left: 0px;
    border-right: 0px;
    z-index: 100;
}

* html .sidesubmenu { /*IE6 CSS hack*/
display: inline-block;
width: 240px; /*width of menu (include side paddings of LI A*/
}
.sidesubmenu a:link {
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    background-color: #6C7596;
    font-size:10pt;
    padding-bottom:1px;
}
.sidesubmenu a:visited {
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    background-color: #6C7596;
    font-size:10pt;
    padding-bottom:1px;
}
.sidesubmenu a:hover {
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    background-color: #860138;
    font-size:10pt;
    padding-bottom:1px;
}
.sidesubmenu a:active {
    display: block;
    color:#FFFFFF;
    text-decoration: none;
    background-color: #860138;
    padding-bottom:1px;
}