body { background: url('images/body_bg.jpg') repeat; margin: 10px 0; }

#container { width: 804px; margin: 30px auto; }
	
#top-nav { float: right; color: #fff; font: bold 11px Arial, sans-serif; margin: 0 0 5px 0; }
#top-nav ul { list-style: none; margin: 0; padding: 0; }
#top-nav ul li { float: left; margin: 0 0 0 30px; }
#top-nav ul li a { color: #fff; font: bold 12px Arial, sans-serif; text-decoration: none; }

#header { display: block; background: url('images/header.jpg') no-repeat; width: 804px; height: 258px; margin: 0; }
#header .logo { display: block; cursor: pointer; background: url('images/mrc_logo.jpg') no-repeat; width: 99px; height: 140px; position: relative; top: -25px; left: 40px; }


/* Navigation Menu */
#nav-container { float: right; }
#nav ul { float: left; padding: 0; margin: 0; list-style: none; line-height: 1; z-index: 999; }
#nav li { float: left; list-style: none; }
#nav a { display: block; text-decoration: none; }

/* Top menu Links */
#nav .toplevel { width: 80px; height: 29px; color: #fff; text-align: center; margin: 0; padding: 5px 4px; }
#nav .toplevel a { color: #fff; font: bold 12px arial, sans-serif; text-decoration: none; margin: 5px 0 0 0; }
#nav .toplevel a:hover { color: #fff; }

/* second-level lists */	
/* using left instead of display to hide menus because display: none isn't read by screen readers */
#nav li ul { position: absolute; left: -999em; }
#nav li ul li { clear: both; }

#nav li:hover ul, #nav li.sfhover ul { left: auto; margin: 0 0 0 -30px; }
#nav li:hover, #nav li.hover { position: static; }
#nav li:hover ul li a, #nav li.sfhover ul li a { color: #333; font: bold 11px arial, sans-serif; }

/* Dropdown links */
#nav li ul li a { font: bold 12px arial, sans-serif; color: #fff; background: #c9c29e; padding: 4px 4px; clear: both; border-bottom: solid 1px #999; }
#nav li ul li a:hover { color: #fff; background: #80733e; border-bottom: solid 1px #666; }
	
#nav .subitem { width: 160px; text-align: left; }


#footer { float: right; margin: 10px 0; color: #fff; font: bold 12px 'trebuchet ms', arial, sans-serif; }

#maincol { }

/* Introduction */
.intro { width: 804px; background: url('images/section_intro_bg.png') repeat-y; }
.intro .content {width: 804px; background: url('images/section_intro_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.intro .content .text { float: left; width: 725px; margin: 0 0 0 65px; }
.intro .content .text h3 { color: #fff; font: bold 13px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; text-align: center; }
.intro .content .text p { color: #fff; font: normal 12px arial, sans-serif; line-height: 17px; margin: 0 0 10px 0; }
.intro .content .text a { color: #fff; font: bold 13px arial, sans-serif; text-decoration: underline; }
.intro .content .text h2 { color: #fff; font: bold 14px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; text-decoration: underline; }
.intro .content .text ul { list-style: disc; color: #fff; padding: 0 0 0 20px; }
.intro .content .text ul li { margin: 0 0 15px 0; }
.intro .content .text ul li a { text-decoration: none; }
.intro .footer { width: 804px; height: 15px; background: url('images/section_intro_footer_bg.png') no-repeat; }

/* Awards */
.awards { width: 804px; background: url('images/section_awards_bg.png') repeat-y; }
.awards .content {width: 804px; background: url('images/section_awards_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.awards .content .text { float: left; width: 700px; margin: 0 0 0 75px; text-align: center; }
.awards .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.awards .content .text p { color: #fff; font: normal 12px arial, sans-serif; line-height: 16px; margin: 0 0 10px 0; }
.awards .content .text a { text-decoration: none; }
.awards .content .text .award { cursor: pointer; float: left; width: 325px; padding: 5px; margin: 0 10px 0 0; text-align: left; }
.awards .content .text .award .image { float: left; width: 120px; margin: 0 10px 0 0; }
.awards .content .text .award .title { color: #fff; font: bold 16px 'trebuchet ms', arial, sans-serif; text-decoration: none; }
.awards .footer { width: 804px; height: 15px; background: url('images/section_awards_footer_bg.png') no-repeat; }

/* Nominees */
.nominees { width: 804px; background: url('images/section_awards_bg.png') repeat-y; }
.nominees .content {width: 804px; background: url('images/section_nominees_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.nominees .content .text { float: left; width: 700px; margin: 0 0 0 75px; }
.nominees .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.nominees .content .text p { color: #fff; font: normal 12px arial, sans-serif; line-height: 16px; margin: 0 0 10px 0; }
.nominees .content .text .award { float: left; width: 325px; padding: 5px; margin: 0 10px 0 0; }
.nominees .content .text .award .image { float: left; width: 120px; margin: 0 10px 0 0; }
.nominees .content .text .award .title { color: #fff; font: bold 16px 'trebuchet ms', arial, sans-serif; }
.nominees .footer { width: 804px; height: 15px; background: url('images/section_awards_footer_bg.png') no-repeat; }

/* Winner */
.winner { width: 804px; background: url('images/section_intro_bg.png') repeat-y; }
.winner .content {width: 804px; background: url('images/section_winner_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.winner .content .text { float: left; width: 700px; margin: 0 0 0 75px; }
.winner .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.winner .content .text p { color: #fff; font: normal 12px arial, sans-serif; line-height: 16px; margin: 0 0 10px 0; }
.winner .content .text .buckley p { color: #fff; font: normal 13px arial, sans-serif; line-height: 20px; margin: 0 0 10px 0; }
.winner .content .text .buckley a { color: #fff; font: bold 13px arial, sans-serif; text-decoration: underline; }
.winner .content .text .award { float: left; width: 325px; padding: 5px; margin: 0 10px 0 0; }
.winner .content .text .award .image { float: left; width: 120px; margin: 0 10px 0 0; }
.winner .content .text .award .title { color: #fff; font: bold 16px 'trebuchet ms', arial, sans-serif; }
.winner .content .text .award .desc { color: #fff; font: normal 12px arial, sans-serif; font-style: italic; }
.winner .content .text .awards-list { float: right; }
.winner .footer { width: 804px; height: 15px; background: url('images/section_intro_footer_bg.png') no-repeat; }

/* Runners-Up */
.runners { width: 804px; background: url('images/section_awards_bg.png') repeat-y; }
.runners .content {width: 804px; background: url('images/section_runners_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.runners .content .text { float: left; width: 700px; margin: 0 0 0 75px; }
.runners .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.runners .content .text p { color: #fff; font: normal 12px arial, sans-serif; line-height: 16px; margin: 0 0 10px 0; }
.runners .footer { width: 804px; height: 15px; background: url('images/section_awards_footer_bg.png') no-repeat; }

/* Presentation */
.presentation { width: 804px; background: url('images/section_photos_bg.png') repeat-y; }
.presentation .content {width: 804px; background: url('images/section_presentation_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.presentation .content .text { float: left; width: 735px; margin: 0 0 0 55px; text-align: center; }
.presentation .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.presentation .content .text h3 { color: #fff; font: bold 13px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; text-align: center; }
.presentation .content .text p { color: #fff; font: bold 12px arial, sans-serif; line-height: 16px; margin: 0 0 10px 0; }
.presentation .content a { color: #fff; font: bold 14px arial, sans-serif; text-decoration: none; }
.presentation .footer { width: 804px; height: 15px; background: url('images/section_photos_footer_bg.png') no-repeat; }


/* Photos */
.photos { width: 804px; background: url('images/section_photos_bg.png') repeat-y; }
.photos .content {width: 804px; background: url('images/section_photos_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.photos .content .text { float: left; width: 735px; margin: 0 0 0 55px; text-align: center; }
.photos .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.photos .footer { width: 804px; height: 15px; background: url('images/section_photos_footer_bg.png') no-repeat; }


/* Award Photos */
.awardphotos { width: 804px; background: url('images/section_info_bg.png') repeat-y; }
.awardphotos .content {width: 804px; background: url('images/section_awardphotos_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.awardphotos .content .text { float: left; width: 730px; margin: 0 0 0 65px; text-align: center; }
.awardphotos .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.awardphotos .footer { width: 804px; height: 15px; background: url('images/section_info_footer_bg.png') no-repeat; }


/* Information */
.info { width: 804px; background: url('images/section_info_bg.png') repeat-y; }
.info .content { width: 804px; background: url('images/section_info_header_bg.png') no-repeat top left; padding: 15px 0 0 0; }
.info .content .text { float: left; width: 700px; margin: 0 0 0 75px; text-align: center; }
.info .content .text h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.info .content .text ul { list-style: disc; }
.info .content .text ul li { margin: 0 0 15px 0; text-align: left; color: #333; font: bold 11px arial, sans-serif; }
.info .content .text ul li a { color: #223c72; font: bold 14px arial, sans-serif; text-decoration: none; }
.info .content .judges { width: 700px; margin: 0 0 0 75px; }
.info .content .judges h2 { color: #fff; font: normal 18px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; }
.info .content .judges h3 { color: #fff; font: bold 13px 'trebuchet ms', arial, sans-serif; margin: 0 0 10px 0; text-align: center; }
.info .content .judges ul li { list-style: none; margin: 0 0 15px 0;  }
.info .content .judges ul li .headshot { float: left; width: 55px; }
.info .content .judges ul li .headshot .thumbnail { height: 50px; }
.info .content .judges ul li .byline { float: left; color: #333; font: bold 11px arial, sans-serif; }
.info .content .judges ul li .byline a { color: #223c72; font: bold 14px arial, sans-serif; line-height: 20px; text-decoration: none; }
.info .footer { width: 804px; height: 15px; background: url('images/section_info_footer_bg.png') no-repeat; }


/* More Awards List */
.awards-list h2 { color: #fff; font: bold 14px 'trebuchet ms', arial, sans-serif; }
.awards-list ul { list-style: disc; color: #333; }
.awards-list ul li { margin: 0 0 5px 0; }
.awards-list ul li a { color: #fff; font: bold 12px arial, sans-serif; text-decoration: none; }
.awards-list ul li a:hover { text-decoration: none; }


/* Photo Frames */
.photo { width: 181px; height: 183px; background: url('images/photo_bg.png') no-repeat; }
.photo .image { margin: 20px; }

.photo-medium { width: 230px; height: 230px; background: url('images/photo_medium_bg.png') no-repeat; }
.photo-medium .image { margin: 20px 20px 5px 20px; }
.photo-medium .caption { cursor: pointer; width: 205px; color: #333; font: bold 12px 'comic sans ms', arial, sans-serif; text-decoration: none; margin: 0 auto; }
.photo-medium a { text-decoration: none; }

.photo-large { width: 300px; height: 300px; background: url('images/photo_large_bg.png') no-repeat; }
.photo-large .image { margin: 30px 30px 15px 30px; }
.photo-large .caption { cursor: pointer; width: 225px; color: #333; font: bold 13px 'comic sans ms', arial, sans-serif; text-decoration: none; margin: 0 auto; }
.photo-large a { text-decoration: none; }

/* Video Frame */
.video { width: 325px; }
.video .video-frame { background: url('images/video_frame.png') no-repeat; width: 325px; height: 235px; text-align: left; }
.video .video-frame .player { width: 250px; position: relative; top: 12px; left: 38px; }
.buttons { }
.buttons .button-mp3 { float: left; background: url('images/btn_download_mp3.png'); width: 160px; height: 30px; }
.buttons .button-wmv { float: right; background: url('images/btn_download_wmv.png'); width: 160px; height: 30px; }


/* Nav Buttons */
.nav-buttons { float: left; margin: 10px 0 0 35px; }
.nav-buttons .previous { float: left; cursor: pointer; background: url('images/btn_prev.png') no-repeat; width: 130px; height: 30px; margin: 0 10px 0 0; }
.nav-buttons .next { float: left; cursor: pointer; background: url('images/btn_next.png') no-repeat; width: 130px; height: 30px; }

/* Miscellaneous Classes */
.clearer { clear: both; }
.divider { border-bottom: solid 1px #666; margin: 0 0 10px 0; }