/* 
    Document   : styles.css
    Created on : August 11, 2006, 12:19 PM
    Modified on: January 16, 2007, 1:27 PM
    Author     : Frank Floyd
*/

/*  This stylesheet gives form to the skeletons in the NS Unified Portal Framework.               */
/*  The imported style sheets each controls specific elements of the site.                        */

@import url("home.css");
@import url("topmenu.css");
@import url("leftmenu.css");
@import url("widgets.css");         /* Covers - News Item, Site Search and Set Your NS Home Page. */
@import url("breadcrumb.css");
@import url("body.css");
@import url("contacts.css");
@import url("relatedlinks.css");
@import url("newsandarticles.css"); /* Deprecated - Styles for News Items are in widgets.css.     */
@import url("facilities.css");
 
@media print                        /* This section sets up overrides that apply when printing.   */
{
.layout {width: 630px;}
.header {width: 630px;}
.col1 {display: none;}
.footer {width: 630px;}
}


/* These are the main styles that serve as the defaults throughout the site.                      */

body
{
    font-family: Trebuchet MS;
    font-size: 9pt;
    margin: 0 0 0 0; /* All margins are zero so that each style can control its own margins.      */
}

a
{
	color: #1B3567;
	text-decoration: underline;
	font-weight: normal;
}

a:visited
{
    color: #1b3567;
}

a:hover {
	color: #800000;
	text-decoration: none;
	font-weight: normal;
}
/* ===============================================================     */
/* The following sytles define columns widths for body content.        */
/* ===============================================================     */

/* Setup the width of contextual content, e.g., breadcrumbs.           */

.contextualcontent
{
    width: 615px;
}

/* Setup the margin for the contextual image.                          */

.contextimage
{
    margin-left: 15px;
}

/* Setup the width of managed content, e.g., HTML publications.        */

.managedcontent
{
    width: 489px;
}


/* ===============================================================     */
/* The following sytles define columns widths used by the layouts.     */
/* ===============================================================     */

/* Setup the overall site width.                                       */

.layout
{
    width: 760px;
    padding: 0px 0px 0px 0px;
}

/* Setup the width of the left column, e.g., left navigation.          */

.col1
{
    width: 110px;          /* Reduced 1 pixel so that Working at Norfolk Southern would wrap on the Job Seekers page.*/
    margin-left: 10px;
/*  background-color: red; */
}

/* Setup the a full page width left column, for maps and large images. */

.col1-full
{
    width: 741px;
    margin-left: 10px;
/*  background-color: red; */
}

/* Setup the width of the left column on the Home page.                */

.col1-hm
{
    width: 126px;
    margin-left: 10px;
/*  background-color: red; */
}

/* Setup the width of the second column BELOW the contextual content.  */
/* This version allows for a third column, e.g. related links.         */

.col2
{
    width: 489px;
    margin-left: 15px;
/*  background-color: blue; */
}

/* Setup the width of the second column BELOW the contextual content.  */
/* This version DOES NOT allow for a third column, e.g. related links. */

.col2-lg
{
    width: 615px;
    margin-left: 15px;
    margin-right: 9px;
/*  background-color: blue; */
}

/* Setup the width of the right column on the Home page.               */

.col2-hm
{
    width: 615px;      /*Change from 489px to accomodate larger width image. */
    margin-left: 15px; /*Change from 126px to accomodate larger width image. */
    margin-right: 9px;
/*  background-color: purple; */
}

/* Setup the width of the third column, e.g., related links.           */

.col3
{
    width: 111px;
    margin-left: 15px;
    margin-right: 9px;
/*  background-color: purple; */
}


/* =================================================================   */
/* The following sytles define columns widths used by the skeletons.   */
/* The skeleton JSPs incorporate the global site header and footer.    */
/* =================================================================   */

.header
{
    width: 760;
    display: block;
}

.header div.site-contacts
{
    color: #333333;
    font-size: 8pt;
}

.header div.site-contacts a
{
    text-decoration: underline;
}

.footer
{
    width: 760px;
    font-size: 7pt;
    text-align: left;
    margin-top: 10px;
    clear: both;
    color: #666666;
}