/* TIMES ONLINE - SPELLING BEE CSS */

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th {font-size: 12px;  font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
.hidden {display: none;}
.bg {background-color: #f5f5f5;}
a:active {outline: none;}

/* GENERAL CSS */
body { font-family: Trebuchet MS, Arial, Verdana; color: #333; background: #fde02c; line-height: 16px; font-size: 12px;}
h1 {font-family: Trebuchet MS; font-weight: bold; font-size: 16pt; margin: 0 0 20px 0; padding: 2px 2px 0 2px; background: #fde31c; float: left; display: block; clear: left;}
h2 {font-family: Trebuchet MS; font-weight: bold; font-size: 12pt; padding: 0 0 8px 0; float: left; display: block; clear: left; width: 100%;  }
h3 {font-family: Trebuchet MS; font-weight: bold; font-size: 11pt; padding: 1px 2px; background: #fde31c; float: left; display: block; clear: left;}
h4 {font-family: Trebuchet MS; font-weight: bold; font-size: 10pt;}
h5 {font-family: Trebuchet MS; font-weight: bold; font-size: 10pt; padding: 1px; background: #fde31c; float: left; display: block; clear: left; padding: 0 5px; margin: 10px 0 10px 0;}
p {font-family: Trebuchet MS; font-size: 12px; padding: 0 0 8px 0; float: left; #float: none; #width: 100%;   }

#uber_container {float: left; background:url('../images/top_bg.jpg') repeat-x #fff; width: 100%;}
#container { background:url('../images/top_bg.jpg') repeat-x #fff; margin: 0 auto; width: 1024px; }
#content { float: left; width: 990px; min-height:600px; background: url('../images/content_bg.jpg') top left no-repeat transparent; padding: 0 17px;}
* html #content { float: left; width: 990px; height:600px; background: url('../images/content_bg.jpg') top left no-repeat #fff; padding: 0 12px 0 17px;}
#footer { float: left; background: #fde02c; width: 100%; height: 105px;}

/* HEADER CONTENT */
#header { margin: 0 auto; width: 990px; height: 135px; position: relative;}
#header_logo img { float: left;  margin: 0 0 0 5px; }
* html #header_logo img {margin:0 0 0 2px;}
.header_right { float: left; width: 787px; padding: 0 0 0 15px;}
.times_logo img { float: left; width: 153px; padding: 20px 0 0 0;}
.ms_logo {float: left; width: 164px; height: 69px; padding: 2px 0 0 0;}
.ms_logo img{width: 164px; position: absolute; left: 204px; top:2px;}
.class_of_2010 img{ float: left; width: 103px; padding: 0; position: absolute; left: 440px; top:2px;}
.header_nav {float: right; width: 393px; height: 55px; border-top: 5px solid #fde11b; background: url('../images/profile_bg.gif') no-repeat;}
.header_nav .profile {float: left; width: 165px;}
.header_nav .profile p { float: left; color:#fff; font-size: 8pt; margin: 10px 0 0px 0; padding: 0; }
.notification_unread a { float:left; margin-top: 2px; margin-bottom:2px; text-decoration: none; }
* html .notification_wrapper {position: relative}
.header_nav .avatar {float: left; width: 65px; padding: 8px 0 0 0; margin: 0 0 0 65px; overflow: hidden; }
* html .header_nav .avatar {padding: 0px 0 0 0; margin: 0 0 0 0; position: relative; left: 65px; top: 8px;}

.header_nav .login {float: right; width:93px; }
.header_nav .login h4 {font-size: 10pt; font-weight: bold; color: #fff; margin: 10px 0 0 0;}
.header_nav .login ul {float: left; line-height: 12px;}
.header_nav .login li {float: left; width: 100%; font-size: 7.5pt; font-weight: bold; color: #f3db04; padding: 0 0 0px 0; margin: 0;}
.header_nav .login a {color:#f3db04;}

/* LEFT NAVIGATION */
#left_nav {float: left; width: 188px; font-size: 9pt; color: #333; padding: 0 0 0 30px; font-weight: bold;  }

#left_nav ul li a {text-decoration: none; color: #333;}
#left_nav ul li a:hover {color: #000000; text-decoration: underline;}
/*.menuselected {text-decoration: none; color: red;background-color: blue}
.menuitem {text-decoration: none; color: #333;}
.menuitem:hover {color: #000000; text-decoration: underline;}
*/


#info_block_container {float: left; margin: 20px 0 0 0;}
* html #info_block_container {float: left; margin: 20px 0 0 14px;}

#left_nav li span.nav_selected {float: left; background:url('../images/nav_arrow.gif') no-repeat; width: 10px; height: 12px; margin: 2px 5px 0 -15px;  }


/* FOOTER CONTENT */
.footer_top { width: 989px; height: 17px; margin: 0 auto; background:url('../images/footer_bg.jpg') bottom no-repeat #fff; }
*html .footer_top {position: relative; top: -5px;}
#footer_content { width: 930px; margin: 0 auto; padding: 10px 30px; }
#footer_content a {color: #333; text-decoration: none;}
#footer_content a:hover {color: #333; text-decoration: underline;}
#footer_content .footer_left {float: left; width: 430px; }
#footer_content .footer_left img {float: left;}
#footer_content .footer_left p {padding: 8px 0 0 0; font-size: 8pt; color: #666;}
#footer_content .footer_right {float: right; width: 450px; text-align: right;}
#footer_content .footer_left ul {float: left; font-size: 8pt; width: 100%; padding: 8px 0 0 0; color: #000000;}
#footer_content .footer_left li {display: inline; padding: 0 15px 0 0;}

.version {color: #fee125;}
p.clear_left {float:none; clear: left;}