/* CSS for new VCU branding -
Responsive web design branding header and footer */

body{ visibility: visible !important; width:100% !important; margin:0 !important; padding:0 !important; background-position:0 60px;}
  
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, video {display: block;}

/* Layout
--------------------------------------------------------------------*/
.no-js #vcuIdentityWrapper { display:none;}
.js #vcuIdentityWrapper { display:block; background-image: url(../images/body-bg.gif); background-color:#585553; background-repeat:repeat-x; background-position:top; height:60px; margin:0; padding:0; text-align:left;}
.js #vcuIdentity header {width: 960px; margin:0 auto; padding:0; height: 60px;}

	/* Identity */
	.js #vcuIdentity {width:982px; height: 54px; margin:0 auto; padding:0; background-color:#585553;}
	.js #vcuIdentity h1 {margin:0; padding:0;}
	.js #vcuIdentity h1 a {text-indent: -9999px; display:block; width:804px; height:60px; background: url(../images/vcubrand.gif) no-repeat; margin: 0 0 0 30px; padding:0; text-decoration:none; border:0; }
	.js #vcuIdentity h1 a:hover {opacity:1}
	.js #vcuIdentity h2 {margin:0; padding:0; float:right;}
	.js #vcuIdentity h2 a {text-indent: -9999px; display:block; width:109px; height:31px; background: url(../images/makeitreal.gif) no-repeat; margin: -37px 40px 0 0; padding:0; text-decoration:none; border:0; }
	.js #vcuIdentity h2 a:hover {opacity:1}

/* Logo
----------------------------------------------------------------------*/
#realLogo {width:100%; background-color:#000; display:none; margin:0; height:50px; position: relative; clear:both; margin-top: -50; /* negative value of footer height */  }
#realLogo h1 {margin:0; padding:0; font-size:30px; background-color:#000;}
#realLogo h1 a {text-indent: -9999px; display:block; width:280px; height:30px; background: url(../images/makeitrealFooter.gif) no-repeat; margin:0 auto; padding:0;}
#realLogo h2 {margin:0; padding:0; font-size:15px; background-color:#000;}
#realLogo h2 a {text-indent: -9999px; display:block; width:280px; height:15px; background: url(../images/vcubar-footer.gif) no-repeat; margin:0 auto; padding:0;}