/* CSS Document */ 

/* RYERSON - template for most site pages */

/* HEADER AND FOOTER AND GENERAL ELEMENTS. */







BODY {
    font-family: Arial,sans-serif;
    background-color: #525252;
    background-image:  url("../images/new/tile.gif");
}

p, td, th, h1, h2, h3, h4, h5, li {
    font-family: Arial,sans-serif;
}

td, th {
    /*font-size: 11px;*/
}

.contentArea ul {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: 0px;
    margin-left: 20px;
    /*padding-top: 10px;*/
    padding-bottom: 1px;
    /*padding-right: 0px;*/
    padding-left: 0px;
    list-style-position: outside;
    text-indent: 0px;
}

.contentArea ul ul {
    margin-top: .5em;
    margin-bottom: .5em;
}

.contentArea ol ul {
    margin-top: .5em;
    margin-bottom: .5em;
}

.contentArea ul li {
    margin-top: .5em;
    margin-bottom: .5em;
    list-style-position: outside;
    list-style-image: url("../images/new/bullet.gif");
}

.contentArea ol li {
    margin-top: .5em;
    margin-bottom: .5em;
    list-style-position: outside;
}



/* the global positioning context for the window ************************************** */
#viewport {
    text-align: center;
    width: 100%;
}


/* TOOLBAR ************************************** */
/*add by Simon to fix the title display problem.*/
#toolbar_tmp {
width:auto;
height: 50px;
background-color:#f1f1f1;
border-top:1px solid #d6d6d6;
padding:4px;
padding-left:5px;
margin-bottom: 12px;
font-size:10px;
}

#toolbar {
width:auto;
height: 15px;
background-color:#f1f1f1;
border-top:1px solid #d6d6d6;
padding:4px;
padding-left:5px;
margin-bottom: 12px;
font-size:10px;
}
#toolbar img {
border:0px;
padding:0px;
margin: 0px;
vertical-align: top;
}

#print {
float:left;
}

#print_version {
float:left;
width:11px;
height:11px;
}

#print_version_text{
float:left;
height:auto;
}

#textsize {
}

#text_size_plus {
float:left;
width:11px;
height:11px;
}

#text_size_indicator {
float:left;
width:22px;
height:11px;
}

#text_size_minus {
float:left;
width:11px;
height:11px;
}

#text_size_text {
float:left;
height:auto;
}

#bookmarks {
float:left;
margin-top:30px; 
height:20px; 
position: relative;
width:95%;
background-color:#f1f1f1;
border-top:1px solid #d6d6d6;
padding:4px;
padding-left:5px;
margin-bottom: 12px;
font-size:10px;
}

#bookmark_icon_area {
float:left; 
vertical-align:top;
}

#bookmark_icons {
float:left;
width:auto; 
height:20px;
}

#bookmark_icons span {
padding-top:1px;
vertical-align: middle;
}

#bookmark_icons a img {
vertical-align: middle;
margin-left: 4px;
border:0px;
}

#bookmark_whatis_area {
float:right; 
width:auto; 
height:20px;
}

#bookmark_whatis_area span {
padding-top:1px;
vertical-align: middle;
}

#bookmark_whatis_area img {
vertical-align: middle;
}


/* FOOTER ********************************************** */

#footer_area {
    position: relative; top: 0px; left: 0px;
    height: 60px; width: 750px;
    background-color: #FFFFFF;
    
}

#footer_area a {
    COLOR: #005a9c;
    text-decoration: underline; 
}

#footer_area a:hover {
    COLOR: #005a9c;
    text-decoration: none;  
}

.footer div{
   color: #757575;
   
}

#footer_blurb {
    position: absolute; top: 15px; /*left: 8;*/
    width: 98%; 
    text-align:center;
    color: #757575;
    font-family: Arial,sans-serif;
    font-size: 10px;
    float: left;
    line-height: 12pt;
}

#footer_copyright {
    font-weight:bold;
    font-size: 11px;
}

#footer_address {
    font-size: 11px;
}


/* A elements ********************************************** */

.sidebar_itemtext A {
    color: black;
    text-decoration: none;
}

.sidebar_itemtext A:hover { 
    color: black;
    text-decoration: underline;
}

A.searchlink {
    color: #CCCCCC;
    text-decoration: none;
}

A.searchlink {
    color: #333333;
    text-decoration: none;
}

A.searchlink:hover {
    color: #333333;
    text-decoration: underline;
}

.footer_blurb A {
    COLOR: #005a9c;
    text-decoration: underline;
    margin-left: 10px;
}

.footer_blurb A:hover {
    COLOR: #005a9c;
    text-decoration: none;
    margin-left: 10px;
}

.contentArea A {
    COLOR: #005a9c;
    text-decoration: underline;
}

.contentArea A:hover {   
    COLOR: #005a9c;
    text-decoration: none;
}


/* CONTENT AREA ELEMENTS */

/* the  main content area ************************************* */
#contentarea {
    position: relative; top:0px; left: 0px; height: auto; width: 750px;
    background-color: #FFFFFF;
}

/* left sidebar */

#sidebar {
    width: 151px; height: auto;
    background-color: #d1d1d1;
    float: left;
    margin: 0px;
    padding-bottom: 1px;
}

.sidebar_itemholder {
    width: 150px;
    background-color: #CCCCCC;
    margin-right: 1px;
}   

.sidebar_itemholder_selected {
    width: 150px;
    background-color: #a6a6a6;
    margin-right: 1px;
}   

.sidebar_item {
    width: 138px;
    background-color: #FFFFFF;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 11px;
    margin:0px; margin-left: 12px;
}

.sidebar_item_sub {
    width: 138px;
    background-color: #EAEAEA;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 11px;
    margin:0px; margin-left: 12px;
}

.sidebar_item_sub2 {
    width: 138px;
    background-color: #D1D1D1;
    color: #333333;
    font-family: Arial,sans-serif;
    font-size: 11px;
    margin:0px; margin-left: 12px;
}

.sidebar_itemtext {
    padding: 5px;
}

.sidebar_item_indented {
    text-indent: -0.4em; margin-left: 0.4em;
}

.sidebar_divider {
    margin: 0px;
    display: block;
}


div.title{
margin-bottom:10px; 
}

form div.section{
margin-bottom:10px; 
}

/* textimage component */
div.textimage div.image { 
    float: left;
    margin: 0 8px 8px 0;
}
.image_left {
    float: left;
}
.image_right {
    float: right !important;
}

/* varying dynamic content area */
/* different versions of area that holds the actual content, depending on whether there is a sidebar, a right panel, etc */
#left_content_both {
}

#left_content_right {
     display: none;
}

#left_content_left {
}

#left_content_none {
      display: none;
}
#right_content_both {
}

#right_content_right {

}

#right_content_left {
     display: none;
}

#right_content_none {
      display: none;
}

#main_content_both {
     background-color: #ffffff;  FLOAT: left;  MARGIN: 0px; width: 422px; padding: 0px; overflow-x: hidden;
}

#main_content_right {
     background-color: #ffffff;  FLOAT: left;  MARGIN: 0px; width: 569px; padding: 0px; overflow-x: hidden;
}

#main_content_left {
     background-color: #ffffff;  FLOAT: left;  MARGIN: 0px; width: 584px; padding: 0px; overflow-x: hidden;
}

#main_content_none {
     background-color: #ffffff;  FLOAT: left;  MARGIN: 0px; width: 744px; padding: 0px; overflow-x: hidden;
}

#main_content_future {
     background-color: #ffffff;  FLOAT: left;  MARGIN: 0px; PADDING: 0px; width: 745px; overflow-x: hidden;
}

.contentArea {
    /*padding: 5px;
    margin: 10px;*/
    font-size: 12px;
    COLOR: #3D3C3C;
    FONT-FAMILY: Arial,sans-serif;
    BACKGROUND-COLOR: #ffffff;
}


.contentArea P {
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px;
    font-size: 12px;
    COLOR: #3D3C3C;
    FONT-FAMILY: Arial,sans-serif;
    /* BACKGROUND-COLOR: #ffffff; */
}


/* left-hand feature panel (optional) ****************************************** */

#leftfeature {
    width: 151px;
    FLOAT: left;
    margin-top: 1px;
}

.leftfeature_title_panel {
    width: 151px; 
    background-color: #CCCCCC;
    margin: 0px;
}


.leftfeature_title_text {
    font-family: Arial,sans-serif; font-weight: bold; font-size: 1.2em;
    color: #000000; 
    padding-top: 17px; padding-left: 12px; padding-bottom: 9px;
}

.leftfeature_sub_title_text {
    font-family: Arial,sans-serif; font-weight: bold; font-size: 1.2em;
    color: #000000; 
    padding-top: 1em; padding-left: 0px; margin-bottom: 0px;
}

.right_feature_image {
    margin: 0px;
}

.leftfeature_content_panel {
    width: 151px;
    background-color: #f1f1f1;
    margin:0px;



}

.leftfeature_content_text {
    margin: 0px; 
    font-family: Arial,sans-serif; color: #000000; font-size: 1.1em;
    padding-top: 1em; padding-left: 1em; padding-bottom: 1em; padding-right: 1em;
    /* padding-top: 0px; */
}

.leftfeature_content_text a {
    COLOR: #005a9c;
    text-decoration: underline;
}

.leftfeature_content_text a:hover {
    COLOR: #005a9c;
    text-decoration: none;
}

.old_leftfeature_content_text  ul {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 15px;
    text-indent: 2px;
    list-style-position: outside;
}

.old_leftfeature_content_text  li {
    margin-top: .5em;
    margin-bottom: .5em;
    list-style-position: outside;
    list-style-image: url("/CMSAssets/content/dam/images/new/bullet.gif");
}


.leftfeature_content_title {
    color: #005a9c; 
    font-weight: bold;
}

.leftfeature_content_body {
    margin-top: 5px; margin-bottom: 10px;
}

.leftfeature_content_link {
    color: black;
}

.leftfeature_content_link a {
    text-decoration: underline;
    color: black;
}

.mt_leftNav {
    max-width:200px;
    word-wrap:break-word;
    }


/* right-hand feature panel (optional) ****************************************** */

.mt_rightFeature {
    margin: 0px;
    border-collapse: collapse;
    overflow: hidden;
    /* display: compact; */
    max-width:250px;
    word-wrap:break-word;
    
}

table.mt_rightFeature tr td.rightfeature_wrapper {
    padding-right: 0px;
    padding-left: 0px;
}

.rightfeature_title_panel {
    background-color: #CCCCCC;
    margin: 0px;
}


.rightfeature_title_text {
    font-family: Arial,sans-serif; font-weight: bold; font-size:12px;
    color: #000000; 
    padding-top: 17px; padding-left: 12px; padding-bottom: 9px;
}

.rightfeature_sub_title_text {
    font-family: Arial,sans-serif; font-weight: bold; font-size:12px;
    color: #000000; 
    padding-top: 1em; padding-left: 0px; margin-bottom: 0px;
}

.right_feature_image {
    margin: 0px;
}

.rightfeature_content_panel {
    background-color: #f1f1f1;
    margin:0px;
}

.rightfeature_content_text {
    margin: 0px; 
    font-family: Arial,sans-serif; color: #000000; font-size:11px;
    padding-top: 1em; padding-left: 1em; padding-bottom: 1em; padding-right: 1em;
    /* padding-top: 0px; */
}

.rightfeature_content_text a {
    COLOR: #005a9c;
    text-decoration: underline;
}

.rightfeature_content_text a:hover {
    COLOR: #005a9c;
    text-decoration: none;
}




.rightfeature_content_title {
    color: #005a9c; 
    font-weight: bold;
}

.rightfeature_content_body {
    margin-top: 5px; margin-bottom: 10px;
}

.rightfeature_content_link {
    color: black;
}

.rightfeature_content_link a {
    text-decoration: underline;
    color: black;
}

#rightfeature_inside_table { 
    table-layout: fixed;
    border-collapse:collapse;
    width: 100%;
    max-width: 171px;
    overflow: hidden;
}

.rightfeature_inside_table { 
    table-layout: fixed;
    border-collapse:collapse;
    width: 100%;
    max-width: 171px;
    overflow: hidden;
}

.rightfeature_title_table_cell { 
    font-size:12px;
}

.rightfeature_content_table_cell { 
    font-size:11px;
}

.rightfeature_table_container_outside { 
    text-align:right; 
    float:right; 
    margin-top:1px;
}

.rightfeature_table_container_inside { 
    width:171px;
    overflow:hidden;
}

/* STYLES USED IN INDIVIDUAL SECTIONS */

/* Ask Ryerson form ****************************************** */

FORM.askryersonform {
    width: auto;
    margin: 0px; 
    margin-top: 1px;
    border: 0px; 
    vertical-align: bottom;
}

TABLE.askryersontable {
    border: none; padding: 0px; width: 422px;
}


TABLE.askryersontable TR TD A {
    COLOR: #005a9c; TEXT-DECORATION: underline
}
TABLE.askryersontable TR TD A:hover {
    COLOR: #005a9c; TEXT-DECORATION: none
}

.askryersonlabel {
    margin-left: 2px;
}

.askryersoninput {
    /*margin-left: 10px; */
    width: 240px; 
    font-size: 11px; 
    /*border: solid 1px black; */
    height: 20px;
}


.askryersonsubmit {
    /*margin-left: 10px;*/
}

.askryersonsubtext {
    color: #999999
}

/* BIO SPECIFIC STYLES */
.bio_fullstory {
    MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 95%; FONT-FAMILY: Arial, sans-serif; COLOR: #3e3e3e;
}

.bio_teaser_item {
    width: 95%;
    margin-bottom: 10px;
}

/* replaced by new css 
.bio_thumb {
    margin: 0px;
    width: 100px;
    text-align: right;
}
*/

.bio_thumb {
    margin: 0px;
    width: 100px;
    text-align: right;
    position: relative;
    float: right;
}

.bio_teaser {
    float: left;
    width: 95%;
}

.bio_teaser_blurb {
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #3E3E3E;
}
/* NEWS SPECIFIC STYLES */

.news_teaser_item {

    margin-bottom: 10px;
}

.news_thumb {
    margin: 0px;
    margin-right: 10px;
    width: 86px;
}

.news_teaser {



    
}

.news_teaser_headline {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #3E3E3E;
}

.news_teaser_dateline {
    font-family: Arial, sans-serif;
    font-size: 11px;
    /*font-style: italic;*/
    color: #3E3E3E;
}

.news_teaser_link {
    text-indent: -10px; margin-left: 10px;  color: #006697;
}
.news_teaser_link a {
    color: #006697;
}

.news_teaser_blurb {
    font-family: Arial, sans-serif;
    color: #3E3E3E;
}

#recent_news {
    margin-bottom: 10px;
    margin-top: 10px;

}

#recent_news_header {
    font-family: Arial, sans-serif;
    font-size: 12px;
    color: #3E3E3E;
    font-weight: bold;
    margin: 0px; margin-bottom: 5px;
}

.recent_news_blurb {
    margin: 0px;
    margin-bottom: 5px; 
}

.recent_news_link {
    text-indent: -10px; margin-left: 10px;  color: #006697;
}
.recent_news_link a {
    color: #006697;
}

.news_rightfeature_title_text {
    font-family: Arial,sans-serif;  font-size: 14px;
    color: #000000; 
    padding-top: 12px; padding-left: 12px; padding-bottom: 12px; padding-right: 12px;
}

.news_right_feature_image {
    margin: 0px;
}

.news_rightfeature_content_panel {
    width: 171px;
    background-color: #f1f1f1;
    margin:0px;
}

.news_rightfeature_content_text {
    margin: 0px; 
    font-family: Arial,sans-serif; font-size: 10px; color: #000000;
    padding-top: 12px; padding-left: 12px; padding-bottom: 12px; padding-right: 10px;
}

.news_rightfeature_content_text a {
    COLOR: #005a9c;
    text-decoration: underline;
}

.news_rightfeature_content_text a:hover {
    COLOR: #005a9c;
    text-decoration: underline;
}

.news_rightfeature_content_title {
    color: #00599B; font-weight: bold;
}

.news_rightfeature_content_body {
    margin-top: 5px; margin-bottom: 10px;
}

.news_rightpanel_link {
    color: #00599B;
    margin-bottom: 6px;
}

.news_rightpanel_link a {
    text-decoration: underline;
    color: #00599B;
}


#news_rightfeature {
    font-size:11px !important;
    width: 171px;
    FLOAT: right;
    margin-top: 1px;
}

#news_rightfeature div table {
    font-size:11px !important;
}

.news_rightfeature_title_panel {
    width: 171px; 
    background-color: #CCCCCC;
    margin: 0px;
}

.news_mediacontact_panel {
    width: 171px;
    background-color: #ffffff;
    margin:0px;
}

.news_mediacontact_text {
    margin: 0px; 
    font-family: Arial,sans-serif; font-size: 10px; color: #000000;
    padding-top: 12px; padding-left: 12px; padding-bottom: 12px; padding-right: 10px;
}


.news_mediacontact_title {
    margin: 0px; 
    font-family: Arial,sans-serif; font-size: 12px; color: #000000;
    font-weight: bold;
    margin-bottom: 5px;
}


.news_fullstory {
    MARGIN-TOP: 10px; MARGIN-BOTTOM: 10px; WIDTH: 380px; FONT-FAMILY: Arial, sans-serif; COLOR: #3e3e3e;
}

.news_fullstory_title {
    FONT-SIZE: 18px; MARGIN: 0px 0px 5px;
}

.news_fullstory_subtitle {
    FONT-SIZE: 14px; MARGIN: 0px 0px 5px;
}
.news_fullstory_author {
    FONT-SIZE: 11px; font-style: italic; MARGIN: 0px 0px 5px; COLOR: #3e3e3e;
}


.news_fullstory_story {
    margin-top: 20px; FONT-SIZE: 12px;
}

.news_fullstory_dateline {
    font-size: 12px; font-weight: bold;
}



.news_fullstory_image {
    float: right; margin-left: 5px; margin-bottom: 5px;
}

.newslist_category {
    color: #666666 !important;
    font-size: 10px;
    font-weight: bold;
}



/* EVENTS PAGE STYLES */

#events_currentdate_header {
    FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN: 0px 0px 5px; COLOR:  #3e3e3e; FONT-FAMILY: Arial,sans-serif
}

#events_upcoming_header {
    clear: both; text-align: right;   FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN: 20px 0px 5px; COLOR:  #3e3e3e; FONT-FAMILY: Arial,sans-serif
}


#events_calendar_panel {
    MARGIN: 0px; WIDTH: 171px; BACKGROUND-COLOR: #f1f1f1; text-align: center;
}


/*********************** Events Page Calendar ************************************************/

#events_calendar_panel {
    MARGIN: 0px; WIDTH: 171px; BACKGROUND-COLOR: #f1f1f1; text-align: center;
}

TABLE.events_calendar_table {
    margin: 5px; background-color:#FFFFFF;
    border: solid 0px #999999;
    width: 161px;
}

TD.events_calendar_header {
    text-align: center;
    background-color:#f1f1f1;
    padding: 2px;
    COLOR:  #3e3e3e; FONT-FAMILY: Arial,sans-serif; font-size: 11px; font-weight: bold;
}

TD.events_calendar_date {
    width: 23px;
    padding: 1px;
    text-align: center;
    font-size: 10px;
}

TD.events_calendar_date A {
    text-decoration: none;
    COLOR:  #005A9C;
}

TD.events_calendar_date A:hover {
    text-decoration: underline;
    COLOR: #005A9C
}

.month, .nav{
    background-color: #EFEFEF;
    color: #3D3C3C;
    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
}
.nav{
    cursor: pointer;
}
.dayHeader{
    color: #3D3C3C;
    font-size: 10px;
    font-family:Arial, Helvetica, sans-serif;
}
.empty{
    background-color: white;
}
.days{
    background-color: #EFEFEF;
    color: #3D3C3C;
    font-size: 9px;
    font-family:Arial, Helvetica, sans-serif;

}
.date{
    color: #3D3C3C;
    font-size: 9px;
    font-family:Arial, Helvetica, sans-serif;
}
/********************************************************************************/

/* full event listing */

.news_fullevent_coordinates {
    clear: both; margin-top: 20px; 
}

.news_fullevent_coordinates TD {
    COLOR: #3e3e3e; FONT-FAMILY: Arial, sans-serif; font-size: 12px;
}

.news_fullevent_label {
    font-weight: bold;
}


/* EVENTS PAGE STYLES */

#mediaroom_header {
    FONT-WEIGHT: normal; FONT-SIZE: 16px; MARGIN: 0px 0px 5px; COLOR:  #3e3e3e; FONT-FAMILY: Arial,sans-serif
}


/* FUTURE STUDENTS PAGE STYLES */

#futurestudents {
    width: 715px; 
    background-color: white; 
    margin-top: 15px; 
    margin-bottom: 15px;
}

.future_panel_left {
    clear: both;
    width: 365px; 
    background-color: white; 
    float: left; 
    margin-top: 15px; margin-bottom: 15px;
}

.future_panel_right {
    width: 350px; background-color: white; float: right; margin-top: 15px; margin-bottom: 15px;
}

.future_panel_image {
    width: 98px; float: left;
}


.future_panel_copy {
    width: 250px; margin-left: 1px; float: left;
}

.future_panel_title {
    background-color:#CCCCCC; color: #000000; padding: 3px; padding-left: 0px; padding-right: 0px; font-size: 13px; width: 249px; 
}

.future_panel_title_text {
    margin-left: 15px;
}

.future_panel_blurbage {
    padding: 10px; padding-left: 16px; font-size: 12px; 
}




/**********************************************************************************************************************/
/* various default styles to be enforced on or applied to the main content ****************************************** */
/**********************************************************************************************************************/


/************************************************************************** */
/* STYLES FORCED BY THE main_content_panel SELECTOR *********************** */
/************************************************************************** */

.contentArea P {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 0px;
    /* font-size: 11px !important; */
    COLOR: #3D3C3C;
    FONT-FAMILY: Arial,sans-serif;
    /* BACKGROUND-COLOR: #ffffff; */
}

.contentArea em {
    font-style: italic;
}

.contentArea strong {
    font-weight: bold;
}

.contentArea hr {
    color: #D6D6D6;
    border: none;
    border-top: solid 1px #D6D6D6;
    height: 0px;
    /* margin-top: 5px; */
    /* margin-bottom: 5px; */
    /* padding: 0px; */
}

.contentArea form {
    display: block;
    width: auto;
    /* margin-top: 10px; */
    /* margin-bottom: 10px; */
    background-color:  #F0F5F8; 
    padding: 10px 20px 10px 10px;
    font-size: .9em;
    color: #3D3C3C;
    /* border: solid 1px #666666; */

}

.contentArea form input {
    /*height: 1.6em;*/
    color: #3D3C3C;
    font-family: Arial, sans-serif;
}


.contentArea form table {
    vertical-align: top;
    padding: 2px;
}

.contentArea form textarea {
    /* width: 100%; */
    height: 9em;
    color: #3D3C3C;
    font-family: Arial, sans-serif;
}

.contentArea form td {
    /* padding: 2px; */
    background-color:  #F0F5F8; 
}

.contentArea td {
    COLOR: #3D3C3C;
    FONT-FAMILY: Arial,sans-serif;
}

.contentArea form p {
    background-color:  #F0F5F8; 
}

/************************************************************************** */
/* STYLES TO BE APPLIED BY USERS ****************************************** */
/************************************************************************** */

H1 {
    text-decoration: none; margin-top: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.45em; COLOR: #005a9c; FONT-FAMILY: Arial,sans-serif; position: relative
}
H1 a {
    text-decoration: none! important;
}

H1 a:hover {
    text-decoration: none! important;
}

H2 {
    MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.27em; COLOR: #3D3C3C; FONT-FAMILY: Arial,sans-serif
}
H3 {
    MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.2em; COLOR: #3D3C3C; FONT-FAMILY: Arial,sans-serif
}
H4 {
    MARGIN-TOP: 1em; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1.1em; MARGIN-BOTTOM: 0px; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}
H5 {
    MARGIN-TOP: 1em; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}
H6 {
    MARGIN-TOP: 0px; margin-bottom: .5em; DISPLAY: block! important; FONT-WEIGHT: bold; FONT-SIZE: 1em; COLOR: #000000; FONT-FAMILY: Arial,sans-serif
}

/* table containing an image and its caption ******************************** */

.image_caption {
    margin: inherit;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
    text-align: left;
    font-size: .82em;
    COLOR: #3D3C3C; 
}

.image_left {
    margin: inherit;
    /* padding: 10px; */
    /* text-align: left; */
    font-size: .82em;
    COLOR: #3D3C3C;
    float: left;
    padding-right: 10px;    
}

.image_right {
    margin: inherit;
    /* padding: 10px; */
    /* text-align: left; */
    font-size: .82em;
    COLOR: #3D3C3C;
    float: right;
    padding-left: 10px; 
}

.contentArea form .ryecon_formtitle {
    display: block !important;
    COLOR: #3D3C3C;
    FONT-FAMILY: Arial,sans-serif;
    font-weight: bold;
    font-size: 1.0875em;
    /* margin-top: 20px; */
    margin-bottom: 10px;
}


.contentArea form .ryecon_formlabel {
    vertical-align: top;
    font-family: Arial, sans-serif;
    font-size: .9em; 
    text-align: right;
    padding-top: 4px;
    padding-right: 4px;
    color: #3D3C3C;
}

.contentArea form .ryecon_formbuttons {
    height: 20px;
    font-family: Arial, sans-serif;
    /* font-size: 1.0875em; */
    /*font-style: bold;*/
    text-align: center;
    color: #3D3C3C;
}

.main_content_excel {
    line-height: 1.5em;
}

.main_content_excel a {
    background-image:  url("../images/new/icon_excel.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 1em;
    background-position: 0 -1px;
}

.main_content_general {
    line-height: 1.5em;
}

.main_content_general a {
    background-image:  url("../images/new/icon_general.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 1em;
    background-position: 0 -1px;
}

.main_content_pdf {
    line-height: 15px;
}

.main_content_pdf a {
    /* background-image:  url("/servlet/nexus/preview/Ryerson.ca%20Production::latest:7710:../images/new/logo_ryerson.gif"); */
    background-image:  url("../images/new/icon_pdf.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 1em;
    background-position: 0 -1px;
}

.main_content_ppt {
    line-height: 1.5em;
}

.main_content_ppt a {
    background-image:  url("../images/new/icon_ppt.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 1em;
    background-position: 0 -1px;
}

.main_content_word {
    line-height: 1.5em;
}

.main_content_word a {
    background-image:  url("../images/new/icon_word.gif");
    background-repeat: no-repeat;
    padding-left: 23px;
    padding-bottom: 1em;
    background-position: 0 -1px;
}


/* CUSTOM TABLE STYLE 1 */

TABLE.tableStyle1 {
    caption-side: top;
    border-bottom: dotted 1px #666666;
}

TABLE.tableStyle1 caption {
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background-color: #015A9C;
    color: #ffffff;
    border-bottom: solid 1px white;
}

TABLE.tableStyle1 tr {
    border-top: dotted 1px #666666;
    background-color: #F1F1F1;
}

TABLE.tableStyle1 td {
    margin-top: 1px;
    border-top: dotted 1px #666666;
    background-color: #F1F1F1;

}



/* CUSTOM TABLE STYLE 2 - similar to #1 but no dotted lines between rows */

TABLE.tableStyle2 {
    caption-side: top;
}

TABLE.tableStyle2 caption {
    padding: 3px;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    background-color: #015A9C;
    color: #ffffff;
    border-bottom: solid 1px white;
}

TABLE.tableStyle2 tr {
    background-color: #F1F1F1;
}

TABLE.tableStyle2 td {
    background-color: #F1F1F1;

}


/* CONTACT PAGE FORMS */

.contactPageTitlebar {
    background-color: #999999; color: #ffffff; 
    padding: 4px; 
    font-weight: bold; font-size: 12px; 
    margin-bottom: 1px;
}

.contactPageInquiriesSelect {
    width: 180px;
}

.contactPageInquiriesText {
    width: 180px;
}

.contactPageInquiriesTextarea {
    width: 300px;
}

.contactPageLookupText {
    width: 240px;
}

.contactPageDirectorySelect {
        width: 310px;
}


#searchwrapper .searchbox {
    height: auto !important;
    top: 3px !important;
}


/* PAGE TITLES */

.defaultPageTitle {
font-weight: bold;
font-size: 16px;
color: #005a9c !important;
text-decoration: none !important;
}

.pageTitleBlack {
font-weight: bold;
font-size: 16px;
color: #000000 !important;
text-decoration: none !important;
}

.pageTitleGrey {
font-weight: bold;
font-size: 16px;
color: #666666 !important;
text-decoration: none !important;
}

.defaultSubTitle {
font-weight: bold;
font-size: 14px;
color: #005a9c !important;
text-decoration: none !important;
}

.subTitleBlack {
font-weight: bold;
font-size: 14px;
color: #000000 !important;
text-decoration: none !important;
}

.subTitleGrey {
font-weight: bold;
font-size: 14px;
color: #666666 !important;
text-decoration: none !important;
}