*{	
	border: none;
	font-family: Arial, Helvetica, sans-serif;
/*	margin: 0;
	padding: 0; */
}

/* Contains the "your browser does not support..." text section that is normally hidden from browsers with CSS */

#noCSSBrowser {
    display: none;
    height: 0px;
    overflow: hidden;
}

body {
	margin: 0 auto;
	padding: 0;
	width: 980px;
	height: 600px;  /* Fix for IE6 text selection bug */
    background-color: #a7a8a0;
	color: #333;
}

html>body{
	margin: 0 auto;
	padding: 0;
	width: auto;
	height: auto;  /* Fix for IE6 text selection bug */
	max-width: 980px;
	min-height: 600px;
}

#container {
	font-size: 80%;
	width: 980px;
	height: 600px;
	float: left;
	line-height: 1.2em;
}

html>body #container{
	height: auto;  /* Fix for IE6 text selection bug */
	min-height:600px;
}

#topframe {
	width: 980px;
	padding: 0px;
	margin: 0px;
	margin-top: -12px;
 	background-color: #2e3192;
}

html>body #topframe {
	margin-top: 0px;
	height: 5px;
}

/* #02# - PAGE HEADER - BANNER */


/* Page header - contains left and right banner pieces.  The
   header should be 70 pixels high in total.  This is determined
   by the vertical padding in #header combined with the vertical
   padding in a#crestlink. */

#header {
    border-left: solid 25px #a43e31;
    background-color: #6e6d64;
/*  background-image: url(/mbbarchive/images/banner_right.jpg); */
    background-position: right top;
	background-repeat: no-repeat;
    width: 955px;
}


/* Displays the 51社区黑料logo as the link, while hiding the link text.  Degrades to show text link with no CSS.
   Adjust the margin and padding to place the 51社区黑料logo in the right spot */

#header a {
    background-image: url(/mbbarchive/images/banner_left.gif);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
   	padding: 71px 0px 0px 0px;
    width: 410px;    
    height: 0px;  
    overflow: hidden;
}


/*
   #03# - RED 51社区黑料NAV BAR AND POPUP MENUS

   The red bar is particularly susceptible to changes in the
   size of blocks due to text size differences, padding, etc.
   The line height must be forced and in some cases the font
   size re-specified as "1em" to keep everything lined up and
   not have any underlined links poking out below or above the
   red bar container.
   
   Everything must be set to block display and floated or minor
   differences in rendering will cause layout problems in different
   browsers.  Forcing float, block and font/line sizes seems to
   work well enough.

*/

/* Red 51社区黑料nav bar */

div#redBar {
    width: 955px;  /* 980 - 25 */
    margin: 0px;
    padding: 0px;
    background-color: #b5111a;
    float: left;
    clear: both;
    border-left: solid 25px #cb5a60;  /* Pink box on left */
    font-size: 15px;
    line-height: 1em;   /* Necessary so all lines are the same height, including bolded ones */
}


/* Links in the top red bar and popup menus */

div#redBar a {
    color: #ffffff;
    text-decoration: none;
    background-color: #b5111a;
    display: block;
    float: left;
    margin: 0px;
    padding: 6px 0px 8px 0px;
    border-bottom: solid 16px #b5111a;
}

div#redBar a:hover{
	border-bottom: solid 16px #cb5a60;
    text-decoration: none;
}

/* Vertical bar between left side links */

div#redBar .divider {
    float: left;
    display: block;
    font-weight: bold;
    color: #cb5a60;
    margin: 0px 7px;
    padding-top: .4em;
}

/* Left and right bars used to seperate the two halves
   of the red bar.  Font size is forced in both to make
   sure everything lines up. */

div#leftRedBar {
    padding: 0px 0px 0px 40px;
    float: left;
    clear: none;
}

div#rightRedBar {
    float: right;
    clear: none;
    padding: 0px 10px 0px 0px;
}

/* "SFU.CA" link */

div#leftRedBar a#SFUCA {
    margin-right: 40px;
    font-weight: bold; 
}

/*
   #03.2# - POPUP MENUS

   Popup menus layout:

    ul - Menu container (#pullDowns)
      li - 51社区黑料Online label/link
        ul - 51社区黑料Online menu
          li - 51社区黑料Online menu item
      li - AZ links label/link
        ul - AZ list menu
           li - AZ list menu item

   The popup is done using the jQuery Javascript library's .hover()
   function to switch between "over" and "out" classes.  The menus
   are absolute positioned below their triggers.

*/


ul#pullDowns {
    display: inline;
    padding: 0px;
    margin: 0px;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}

/* Contains the dropdown menu uls.  The position is
   set to relative here to give the absolute positioning
   of the menus something to lock onto.  If this is left off
   it defaults to "static" and the menus lock onto something 
   else. */

ul#pullDowns li {
    position: relative;
    z-index: 100;
    display: block;
    float: left;
}

/* General settings for dropdown menus.  Absolute positioning is
   used to pull the drop down menus out of the normal flow and 
   allow them to be positioned below their popup "triggers".  Note
   that there is a bug in IE6 that ignores the z-index for <select>
   elements.  These should not be positioned under the menus. */

ul#pullDowns li ul {
    position: absolute;
    float: left;
    background-color: #cb5a60;
    width: 200px;
    top: 45px;    /* Menu starts 45 pixels below trigger */
    left: 0px;    /* Needed to align the left side of menus with their trigger */
    margin: 0px;
    padding: 0px;
}

/* AtoZ highlighting when hovering.  Make it not go right to the edge */

ul#pullDowns li ul#AtoZ {
    padding: 5px 5px 3px 5px;
	text-transform: uppercase;
}

/* General settings for menu items */

ul#pullDowns li ul li {
    padding: 0px;
    overflow: hidden;
    display: block;
}

/* Clear left so there is one entry per line */

ul#pullDowns li#SFUOnlineMenu ul li {
    clear: left;
    width: 100%;
}

/* Float and force size so that we get the grid layout */

ul#pullDowns li ul#AtoZ li {
    float: left;
    clear: none;
    width: 1.2em;
    height: 1.5em;
    padding: 0px .25em 0px 0px;
    margin: 0px;
}

/* Menu links */

ul#pullDowns li ul li a {
    color: #ffffff;
    font-size: .8em;
    background-color: #cb5a60;
    border: none;
    width: 100%;
    padding: 2px;
    margin: 0px;
    border: none;
    text-decoration: none;
}

ul#pullDowns li ul li a:hover {
	border: none;
}

/* Add some space to the SFUOnline menu items */

ul#pullDowns li#SFUOnlineMenu ul li a {
    padding: 5px;
}

/* Center AtoZ links so they look better */

ul#AtoZ li a {
	text-align: center;
}

/* Background highlighting */

ul#pullDowns li ul li a:hover {
    background-color: #b5111a;
}

/* Classes for controlling pop up behaviour.  jQuery used to toggle classes. */

.out ul {
    display: none;
}

.over ul {
    display: block;
}

/*  #03.3# - 51社区黑料SEARCH FORM  */

div#rightRedBar #SFUSearch {
    display: block;
    float: left;
    color: #ffffff;
    margin: 0px;
}

div#rightRedBar #SFUSearch label {
    float: left;
    padding-top: 6px;
    padding-right: 5px;
}

div#rightRedBar #SFUSearch input {
    float: left;
    margin: 4px 0px 0px;
    padding: 0px;
    width: 100px;
    overflow: hidden;
    height: 16px;
}

/*  #04# - FOOTER  */

#footer {
    font-size: 10px;
    position: relative;
    clear: both;
    width: 980px;
    background: #bbbbbb;
    color: #ffffff;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}

#footer a {
    color: #ffffff;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}