/* Navigation

    These rules cover all of the main types of navigation styling.

    The text content link styling as well as elements such as pagination or link 'buttons' are all
    defined here.

*/

#skip_to_content, #siteurl { display: none; }

/* General text navigation */
a {
    color: #333333;
    text-decoration: none;
    }
a:hover {
    text-decoration: underline;
    }
#body p a {
    color: #ED1C24;
    }

/* Main navigation bar */
#main_nav {
    padding: 0;
    width: 980px;
    position: relative;
    }
#main_nav ul {
    margin: 0;
    padding: 0;
    }
#main_nav ul.top_level {
    width: 100%;
    background: #333333;
    float: left;
    }
#main_nav li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    float: left;
    }
#main_nav li a,
#main_nav li.active {
    padding: 0 15px;
    line-height: 2;
    float: left;
    color: #fff;
    font-size: 1.4em;
    text-decoration: none;
    }
#main_nav li.active {
    background: #e81d25;
    }
#main_nav li a.main:hover,
#main_nav li:hover a.main,
#main_nav li.hover a.main  {
    background-color: #efefef;
    color: #333333;
    }

#main_nav li div.sub_surround {
    position: absolute;
    left: -4999em;
    top: 2.8em;
    background: #efefef;
    width: 940px;
    padding: 20px;
    }
#main_nav li div.sub_surround strong {
    color: #e81d25;
    }
#main_nav li div.sub_surround li {
    border: 0;
    }
#main_nav li div.sub_surround li a {
    display: block;
    width: 205px;
    font-size: 1em;
    padding: 3px 5px 3px 11px;
    background: transparent url("/media/media,30,en.png") 0 0.3em no-repeat;
    line-height: 1;
    color: #333333;
    }
#main_nav li div.sub_surround li a:hover {
    text-decoration: underline;
    }
#main_nav li:focus div.sub_surround,
#main_nav li:hover div.sub_surround,
#main_nav li.hover div.sub_surround {
    left: 0;
    display: block;
    }

/* Careers section main navigation */
/* The careers section has slightly differently styled naviagtion from the rest of the site.
These rules could have been added to sections.css but have been included here for completeness */
#careers #main_nav li {

	}
#careers #main_nav li div.sub_surround {
    top: 3.8em;
	}
#careers #main_nav li a,
#careers #main_nav li.active {
	padding: 0;
	text-align: left;
	line-height: 1;
	padding: 5px 20px;
	height: 2.2em;
	}
#careers #main_nav li div li a {
	height: auto;
	padding: 3px 5px 3px 11px;
	}
#careers #main_nav li#n_home {

	}
#careers #main_nav li#n_current {
	width: 180px;
	}
#careers #main_nav li#n_prospective {
	width: 150px;
	}
#careers #main_nav li#n_graduates {

	}
#careers #main_nav li#n_employers {

	}
#careers #main_nav li#n_staff {
	width: 120px;
	}
#careers #main_nav li#n_resources {

	}
#careers #main_nav li#n_news {

	}

/* Breadcrumb styling */
#breadcrumbs {
    font-size: 1em;
    color: #666666;
    height: 3em;
    line-height: 3em;
    }
#breadcrumbs a {
    color: #666666;
    }
#breadcrumbs a:hover {

    }
#breadcrumbs .active {
    color: #ed1c24;
    font-weight: bold;
    }

/* link buttons with arrows */
a.button_right,
a.button_left {
    float: left;
    color: #fff !important;
    border: 0;
    margin: 0;
    background-color: #333333;
    background-repeat: no-repeat;
    line-height: 1;
    }
a.button_right:hover,
a.button_left:hover {
    background-color: #ed1c24;
    text-decoration: none;
    }
a.button_right {
    background-image: url("/media/media,37,en.png");
    background-position: 96% 50%;
    padding: 4px 14px 4px 10px;
    margin-right: 10px;
    }
a.button_right:hover {
    background-image: url("/media/media,38,en.png");
    }
a.button_left {
    background-image: url("/media/media,35,en.png");
    background-position: 4% 50%;
    padding: 4px 10px 4px 14px;
    margin-right: 10px;
    }
a.button_left:hover {
    background-image: url("/media/media,36,en.png");
    }
a.FloatR {position:relative; left:0; top:0; width:10em; height:2em; padding:0; text-align:center; line-height:2em; float:right}

/* Pagination */
.pagination {
    clear: both;
    font-weight: bold;
    }
.pagination a {
    color: #e81d25;
    }

/*
These rules could have gone in the panels.css file but have been included here to keep them with the other navigation styling.
*/
/* sub navigation links */
.links ul.item_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
	width: 200px;
    }
.links ul.item_list li {
    padding: 3px 5px 3px 16px;
    display: block;
    background: transparent url("/media/media,30,en.png") 5px 0.6em no-repeat;
    font-size: 1.0em;
    }
/*
.links ul.item_list li a:hover,
.links ul.item_list li a.active,
.links ul.item_list li a.active_parent {
    color: #fff;
    background-color: #ed1c24;
    background-image: url("/media/media,31,en.png");
    text-decoration: none;
    }
.links ul.item_list li a.active_parent {
    background-image: url("/media/media,32,en.png");
    background-position: 5px 0.8em;
    }
.links ul.item_list li a.active_parent:hover {
    background-image: url("/media/media,32,en.png");
    }
   */
.subnav ul.item_list li.active_branch {
    background: #f5f5f5 !important;
    }
.subnav ul.item_list li.active_branch li a {
    padding-left: 30px;
    background-image: none;
    width: 185px;
    }
.subnav ul.item_list li.active_branch li a.active,
.subnav ul.item_list li.active_branch li a.active_parent,
.subnav ul.item_list li.active_branch li a:hover {
    background: transparent;
    color: #ed1c24;
    }
.subnav ul.item_list li.active_branch li.active_branch li a {
    padding-left: 35px;
    width: 180px;
    font-size: 1em;
    }


ul.item_list li span {
 font-weight: bold;
 color: #ed1c24;
}
#body a {
 color: #ed1c24;
}
#body img {
 border: 1px solid #CCCCCC;
 padding: 1px;
 margin: 5px;
}
/*
#body p strong {
 font-size: 1.3em;
}
*/
#body table td {
 border-right: 1px solid #DDDDDD;
 border-bottom: 1px solid #DDDDDD;
}
#body table td.HCell {
 font-weight: bold;
}
#body table {
 border: 1px solid #DDDDDD;
}
#banner {
 height: 100% !important;
}
#breadcrumbs {
 color: #e81d25;
 font-weight: bold;
}
#breadcrumbs span {
 color: #666666;
 font-weight: normal;
}
#breadcrumbs a {
 font-weight: normal
}
.sub_surround strong a {
 color: #ff0000 !important;
 font-size: 12px !important;
 padding: 0px !important;
 margin-top: 20px;
}


/* #############################################################
    Link icons
############################################################# */



    a[href$='.pdf'] {
    display:inline-block;
    padding-right:20px;
    line-height:18px;
    background:transparent url(/media/media,2060,en.gif) center right no-repeat;
    }
    
    a[href$='.ppt'] {
    display:inline-block;
    padding-right:20px;
    line-height:18px;
    background:transparent url(/media/media,3313,en.gif) center right no-repeat;
    }    

    a[href$='.rss'] {
    display:inline-block;
    padding-right:20px;
    line-height:18px;
    background:transparent url(/media/rss.png) center right no-repeat;
    }   

    a[href$='.xml'] {
    display:inline-block;
    padding-right:20px;
    line-height:18px;
    background:transparent url(/media/rss.png) center right no-repeat;
    }  
    
    a[href$='.xls'], a[href$='.csv'], a[href$='.xlt'], a[href$='.xlw'] {
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(/media/media,2062,en.gif) center left no-repeat;
    }


    a[href ^='mailto:'] {
       display:inline-block;
       padding-right:20px;
       line-height:18px;
       background:transparent url(/media/media,2059,en.gif) center right no-repeat;
    }


    a[href$='.doc'], a[href$='.rtf'], a[href$='.txt'], a[href$='.wps'] {
    display:inline-block;
    padding-left:20px;
    line-height:18px;
    background:transparent url(/media/media,2057,en.gif) center left no-repeat;
    }
	 
	 

/* AtoZ styling */
.AtoZ {
    font-size: 1.6em;
    color: #666666;
    }
.AtoZ a {
    color: #666666;
    }
.AtoZ a:hover, .AtoZ a:active {
    text-decoration: underline;
    }
.AtoZ a:visited {
 color: #660000;
} 

#AtoZ ul {
        list-style: none;
        margin-left: 0;
        padding-left: 0;
        }

#AtoZ ul ul {
        list-style: none;
        margin-left: 20px;
        }

#AtoZ li {
        line-height: 1.6em;
        } 
	 
/* #############################################################
    Link icons end
############################################################# */