body { background: #01245c url('images/bluebackrepreat.jpg') repeat-x top left; margin: 10px 0; }

#container { width: 1025px; margin: 30px auto; }
	
#top-nav { float: right; color: #fff; font: bold 11px Arial, sans-serif; margin: 0 40px 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/Gala-Header-blueglow2.jpg') no-repeat; width: 1025px; height: 240px; margin: 0; }
#header .logo { display: block; cursor: pointer; width: 100px; height: 134px; position: relative; top: 68px; left: 65px; }
#header .logo-gala { display: block; cursor: pointer; width: 800px; height: 200px; position: relative; top: -95px; left: 180px; }


/* 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: #d2d2d2; padding: 4px 4px; clear: both; border-bottom: solid 1px #999; }
#nav li ul li a:hover { color: #fff; background: #333; 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 { background: #01245c; width: 950px; margin: 0 auto; }

.shadow {
	-moz-box-shadow: 0px 0px 20px #041431;
	-webkit-box-shadow: 0px 0px 20px #041431;
	box shadow: 0px 0px 20px #041431;
	/* IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#041431)";
	/* IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#041431')	
}
	
/*h1 {
	color:#333;
	border:0px solid red;
	writing-mode:tb-rl;
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform: rotate(90deg);
	white-space:nowrap;
	display:block;
	bottom:0;
	width:20px;
	height:20px;
	position: relative;
	left: -50px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}*/

h1 {
	color:#633d10;
	border:0px solid red;
	white-space:nowrap;
	display:block;
	background: url(images/mrc_logo_grad.jpg) repeat-x top left;
	border: solid 1px #633d10;
	bottom:0;
	height:20px;
	width: 150px;
	padding: 6px 10px;
	margin: 0 0 20px 0;
	position: relative;
	left: -100px;
	font-family: ‘Trebuchet MS’, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-shadow: 0px 0px 1px #333;
	-moz-box-shadow: 0px 0px 20px #041431;
	-webkit-box-shadow: 0px 0px 20px #041431;
	box shadow: 0px 0px 20px #041431;
	/* IE 8*/
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color=#041431)";
	/* IE 5.5 - 7*/
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#041431')	
}

h3 { color: #01245c; font-family: 'Trebuchet MS Outlook', Arial; font-size: 24px; font-weight: bold; text-align: center; margin: 0; padding: 0; }
h4 { color: #333; font-family: 'Trebuchet MS Outlook', Arial; font-size: 20px; font-weight: bold; margin: 0 0 10px 0; padding: 0; }

ul.awards { padding: 10px 0 0 80px; }
ul.awards li { list-style: disc; width: 550px; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px rgb(235,235,235); }
ul.awards li a { color: #01245c; font-family: Arial; font-size: 18px; line-height: 28px; text-decoration: none; }
ul.awards li .presentor { color: rgb(75,75,75); font-size: 15px; }

ul.links { padding: 10px 0 0 80px; }
ul.links li { list-style: disc; width: 550px; margin: 0 0 10px 0; }
ul.links li a { color: #01245c; font-family: Arial; font-size: 14px; line-height: 20px; text-decoration: none; }

.divider { width: 200px; margin: 20px auto; border-top: dotted 4px #01245c; }

.intro { width: 900px; margin: 0 auto; padding:25px; border: 1px solid #D7D7D7; background-color: #FFFFFF; }
.intro .content { padding: 0 40px; }
.content p { color: #333; font-family: Arial; font-size: 13px; line-height: 19px; margin: 0 0 15px 0; }

.accepted-by { font-weight: bold; font-style: italic; line-height: 20px; }

.awards-list { float: right; }
.awards-list ul { padding-left: 20px; }

ul.judges { padding: 10px 0 0 80px; }
ul.judges li { list-style: none; width: 550px; margin: 0 0 15px 0; padding: 0 0 15px 0; border-bottom: solid 1px rgb(235,235,235); }
ul.judges li .headshot { float: left; margin: 0 10px 0 0; }
ul.judges li a { color: #01245c; font-family: Arial; font-size: 18px; line-height: 28px; text-decoration: none; }
ul.judges li .byline { color: rgb(75,75,75); font-size: 15px; }



/* 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 { }
.video iframe { margin-bottom: 10px; }
.video .buttons { }
.video a { color: #01245c; font-family: arial; font-size: 11px; font-weight: bold; text-decoration: none; }
.video a img { height: 15px; width: 15px; }
.video p { color: rgb(100,100,100); font-size: 15px; line-height: 20px; font-style: italic; }

/* Nav Buttons */
.nav-buttons { margin: 10px 0 0 35px; }
.button
{
	cursor: pointer;
	color: #fff;
	font-family: 'Trebuchet MS', Arial;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 8px 12px;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.32, rgb(1,36,92)),
		color-stop(0.66, rgb(60,102,166))
	);
	background-image: -moz-linear-gradient(
		center bottom,
		rgb(1,36,92) 32%,
		rgb(60,102,166) 66%
	);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button:hover {
	color: #F5E949;
} 

/* Miscellaneous Classes */
.clearer { clear: both; }