/**************************************************************
CSS for VCU Budget update
www.budgetupdate.vcu.edu

Created by: VCU Creative Services (creative@vcu.edu)
Media: Screen, projection
Updated: 04/15/2010


/* General
-------------------------------------------------------------- */

/* Set global properties */

body {
 	margin: 0;
	padding: 0;
	color: #222;
	background: #fff;
 	}
	
/* Links
-------------------------------------------------------------- */

a:link, a:hover, a:active, a:visited {padding-bottom:.1em; text-decoration:none;}

a:link, a:visited {
	color: #005d72;
	border-bottom: 1px solid #e0e0d5;
	}
		
	a:hover {
		color: #711515;
		border-color: #ae4f0c;
		border-bottom: 1px solid #ae4f0c;
		}
		
	a:active {
		color: #b31b1b;
		border-bottom: 1px solid #ae4f0c;
		border-color: #e5cfcf;	
		}

.pdf {text-decoration:none; border:none;}
		

/* Branding - VCU Identity
-------------------------------------------------------------- */

/* appearance of the masthead */

/* set vcu masthead */
#cs-branding {
	height: 134px;
	background: #000;
	width:960px;
	position:relative;
	margin:0 auto;
	/* set background image in masthead */
	background: #fff url(../images/layout/branding-bg.gif) top left no-repeat; 
	}
	
/************ TESTING Med Masthead ****************************/
	
	/* set vcu medical center masthead */
	body.medical #cs-branding {background: transparent url(../images/themes/black01/branding-med.png) top left no-repeat;}
	body.medical {background: url(../images/layout/body-med-bg.gif) top left repeat-x;}
	
	/* set vcu medical center masthead */
	body.medical2 #cs-branding {background: transparent url(../images/themes/black01/branding-med2.png) top left no-repeat;}
	body.medical2 {background: url(../images/layout/body-med-bg2.gif) top left repeat-x;}
	
/*****************************/

	/* set vcu bar link */
	
	#cs-branding-vcu {
		position: absolute;
		top: 0;
		left: 0;
		margin-left: 0;
		width: 960px;
		height: 28px;
		background:none;
		}
		
	#cs-branding-vcu a {
		position: absolute;
		display: block;
		border: none;
		/* hide text link */
		text-indent: -1000em; 
		width:960px;
		height:28px;
		}
	
	#cs-branding-vcu a:hover {
		border:0;
		outline:none;
		background:none;
		}
		
	#cs-branding-vcu img {border:0;}
	
	/* set site logo and link */
	
	#cs-branding-site a {
	left: 10px;
	/*set width to site name (image) width */
	width: 242px;
	height:55px;
		}
		
	#cs-sitelink {
		top: 55px;
		height: 55px;
		}
	
	#cs-branding-site a:active, #cs-branding-site a:hover, #cs-branding-site a:focus {
		border:0;
		outline:none;
		background:none;
		}
 
 
/* Header / Page Title
-------------------------------------------------------------- */
 
/* set section/page title */
 
#cs-content-title {
	float: left;
	width: 100%;
	min-width:960px;
	padding: 25px 0;
	background: #fff;
	}
 
	#cs-content-title h2 {
		margin: 0 auto;
		width: 940px;
		font-size: 2.4em;
		font-weight: normal;
		color: #73736c;
		} 
		
		
/* Layout - Content sections in site
-------------------------------------------------------------- */

/* contains general layout elements used in site templates */

#cs-wrapper {
	margin:0;
	width: 100%;
	min-width:960px;
	clear:both;
	}
 
	#cs-content {
		margin:0 auto;
		width: 960px;
		clear:both;
		}
		
	#cs-content-main {
		float: right;
		padding: 20px 0;
		width: 900px;
		min-height:450px;
		}		
		
/* Navigation - Global
-------------------------------------------------------------- */

/* set content-main navigation link styles */

#cs-header {
	float: left;
	width: 100%;
	}
	
	#cs-nav-global {
		margin: 0 auto;
		width: 940px;
		}
		
	#cs-nav-global ul {
		float: left;
		margin: 0;
		padding: 0;
		width: 939px;
		font-size: 1em;
		}
		
	#cs-nav-global li {
		margin: 0;
		padding: 0;
		float: left;
		background: none;
		}
		
	#cs-nav-global a {
		float: left;
		padding: 10px 20px;
		border: none;
		font-size: 1.2em;
		font-weight: bold;
		text-decoration: none;
		}
	
/* Navigation - Secondary
-------------------------------------------------------------- */

/* secondary navigation for site sections -- two-column templates */

#cs-nav-secondary {margin-bottom: 0; padding-left: 10px;}
 
	#cs-nav-secondary ul {
		float:left;
		margin: 11px 0 0 0;
		padding: 0;
		font-size: 1.2em;
		width: 244px;
		font-weight: bold;
		}
		
	#cs-nav-secondary li {
		float: left;
		margin: 0;
		padding: 0;
		width: 100%;
		background: none;
		}
		
	#cs-nav-secondary a, #cs-nav-secondary a:visited {
		display: block;
		padding: 8px 10px 8px 4px;
		border: none;	
		width: 236px;
		}
 
/* Text - set rules for text elements
-------------------------------------------------------------- */

/* first item on the page gets no top margin or padding */
.first {margin-top:0; padding-top:0;}
 
	h2 {
		margin: 0 0 15px 0;
		font-size: 1.8em;
		font-weight: normal;
		}
		
	h3 {
		clear: both;
		margin: 1.5em 0 .5em 0;
		padding-bottom: .2em;
		font-size: 1.5em;
		line-height: 1.4em;
		font-weight: bold;
		/* set border for h3 */
		border-bottom: 1px solid #c7c7c7;
		}
		
	h4 {
		margin: 1.5em 0 .3em 0;
		font-size: 1.3em;
		font-weight: bold;
		}
		
	h5 {
		margin: 1.5em 0 0 0;
		font-size: 1em;
		font-weight: bold;
		}
	
	p {
		margin: 0 0 1.5em 0;
		font-size: 1.3em;
		line-height: 1.4em;
		}
		
	blockquote {
		display:block;
		margin: 0 30px .5em 30px;
		font-size:1.2em;
		}
	blockquote p {margin-bottm:1em;}
	blockquote cite {text-align:right;}
		
	/* captions */
		
	.caption {
		font-size: 1.1em;
		line-height: 1.5em;
		color: #666;
		padding:.3em 0 .3em .2em;
		margin-bottom:0;
		}
	
/* Lists - ul, ol and dl
-------------------------------------------------------------- */

ul, ol {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 1.3em;
	line-height: 1.4em;
	}
	
	ul ul, ul ol, ol ol, ol ul {
		font-size: 1.0em;
		}
		
	ul li {
		margin: 5px 0;
		padding: 0 0 0 30px;
		list-style: none;
		background: url(../images/layout/bullet.gif) no-repeat 18px 0.65em;
		}
		
	ul li ul li {
		margin: 5px 0;
		padding: 0 0 0 30px;
		list-style: none;
		background: url(../images/layout/bullet2.gif) no-repeat 18px 0.65em;
		}
	 
	ol li {
		margin: 5px 0 5px 30px;
		}
	 
	dl {
		margin: 0 0 15px 0;
		line-height: 1.4em;
		}
		
	dt {
		margin: 0 0 3px 0;
		font-size: 1.2em;
		font-weight: bold;
		}
		
	dd {
		margin: 0 0 15px 0;
		font-size: 1.3em;
		line-height: 1.4em;
		}
	
/* Content - Secondary (in sidebar on two-column page)
-------------------------------------------------------------- */

#cs-content-secondary {color: #666;}

	.secondary-section {
		/*visibility:hidden;*/
		margin: 30px 0 40px 0;
		padding: 0 15px 0 10px;
		}
		
	#cs-secondary-section-first {
		margin-top: 25px;
		}
		
	#cs-content-secondary h2 {
		margin: 0 0 10px 0;
		font-size: 1.3em;
		font-weight: bold;
		}
		
	#cs-content-secondary p {
		margin: 0 0 10px 0;
		padding-left;);
		font-size: 1.2em;
		line-height: 1.5em;
		}
		
	#cs-content-secondary ul {
		margin: 0 0 10px 0;
		font-size: 1.2em;
		}
		
	#cs-content-secondary ul li {
		padding-left: 12px;
		background-position: 0 0.65em;
		}
 
/* Main Images - img used in content-main
-------------------------------------------------------------- */

img {border: 0;}
 
 /* add photo border */
 .csphoto {
 		border:1px solid #c7c7c7;
		padding:3px;
		background:#fff;
		}
		
	/* full-width 612px large photos */
	 
	.csphoto-large {
		margin: 20px 0;
		width: 632px;
		border:1px solid #c7c7c7;
		padding:3px;
		background:#fff;
		}
		
	/* smaller 240px photos within text */
	
	.csphoto-small-right {
		margin: 5px 0 15px 25px;
		width: 240px;
		float: right;
		border:1px solid #c7c7c7;
		padding:3px;
		background:#fff;
		}
		
	.csphoto-small-left {
		margin: 5px 25px 15px 0;
		width: 240px;
		float: left;
		border:1px solid #c7c7c7;
		padding:3px;
		background:#fff;
		}
		
	/* photo captions */
		
	.main-csphoto-large .caption, .main-csphoto-small .caption {
		margin: 0;
		padding: 5px 10px 8px 10px;
		background: #fff;
		}
	
/* Secondary Images - img used in content-secondary (sidebar)
-------------------------------------------------------------- */

.secondary-csphoto {
	margin: 0 0 50px 0;
	}

	#cs-content-secondary .secondary-csphoto .caption {margin: 10px 15px 0 15px;}
	
/* Tables
-------------------------------------------------------------- */

table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	}
	
	table {
		margin: 15px 0;
		border-bottom: 1px solid #e7e7e7;
		caption-side: bottom;
		}
		
	th {
		padding: 0 15px 5px 15px;
		font-weight: normal;
		text-align: left;
		color: #888;
		}
		
	td, tbody th {
		padding: 10px 15px;
		border-top: 1px solid #e7e7e7;
		font-size: 1.1em;
		line-height: 1.5em;
		vertical-align: top;
		}
		
	tbody th {
		font-weight: bold;
		color: #222;
		text-align: right;
		}
		
	.row1, .row1 td, .row1 th {
		background: #fff;
		} 
		
	.row2, .row2 td, .row2 th {
		background: #fafaf7;
		}
		
	tfoot td {
		font-weight: bold;
		}
	
	caption {
		margin: 0 0 15px 0;
		text-align: left;
		color: #888;
		font-size: 1.1em;
		}
	
/*	Search
-------------------------------------------------------------- */

/* set search form field */

#cs-search {
	position: absolute;
	top: 74px;
	right: 12px;
	}
	
	/* adjust for vcu medical center template */
	body.medical #cs-search {top: 84px;}
	body.medical2 #cs-search {top:80px;}
	
	#cs-search form {
		margin: 0;
		padding: 0;
		text-align: right;
		}
		
	#cs-search label {
		color: #fff;
		visibility:hidden;
		}
		
	#cs-search-text {
		padding: 3px 3px 4px 3px;
		width: 145px;
		border:1px solid #c7c7c7;
		font-size: 1.1em;
		font-weight: bold;
		color: #555;
		background: #f5f5f5;
		vertical-align: middle;
		}
		
	#cs-search-submit {
		padding: 0;
		border: 0;
		font-size: 1.0em;
		font-weight: bold;
		color: #fff;
		background: #000;
		vertical-align: middle;
		}
		
	#cs-search a {
		color: #fff;
		border-bottom: 1px solid #666;
		}
		
	#cs-search a:hover {
		border-bottom: 1px solid #fff;
		}
	
	/* btn size */
	#cs-search-submit,
	#cs-search-submit:hover {
		margin:0;
		padding:0;
		width:61px;
		height:22px;
		border:0;
		}
	 
/* Footer
-------------------------------------------------------------- */

/* contains VCU site information at bottom of page */
 
#cs-footer {
	clear:both;
	float: left;
	width: 100%;
	min-width:960px;
	}
	
	#cs-footer-content {
		position:relative;
		margin: 0 auto;
		padding: 30px 0 5em 0;
		width: 960px;
		color: #222;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:8px;
		}
		
	/* footer links */
	#cs-footer a {border-bottom: 1px solid #ccadad; font-weight:bold;}
	#cs-footer a:active {border-color: #ccadad;	}
		
	#cs-footer-content  ul {
		clear:both;
		display:block;
		font-size:1.1em;
		line-height: 1.5;
		list-style:none;
		margin:0;
		padding:0 0 0 10px;
		position:relative;
		}
		
	#cs-footer-content  li {
		color:#403c37;
		background:none;
		margin:0;
		padding:0;
		line-height:18px;
		}
		
	#cs-footer-content  li a {
		border:0;
		font-weight:700;
		margin:0;
		padding:0;
		}
		
	/* add a Creative Services link in footer list */
		#cs-footer-content  li.cservices {
		position:absolute; 
		right:0; 
		top:0;
		z-index:6;
		}
 
/* Hide elements from General Users 
   * content is visable to non-css and screen reader users
-------------------------------------------------------------- */

	/* Hide "skip to content" link */
	#skipnav {
		position: absolute;
		top: -1000em;
		left: -1000em;
		}
	
	/* Hide horizontal rules */	
	hr {display: none;}
	
/***************************************************************/

/* Two-column pages -- with sidebar on left
-------------------------------------------------------------- */

	/* set width of main content area */
	.two-column #cs-content-main {
		float: right;
		margin-right:20px;
		width: 640px;
		}
		
	/* set width of sidebar */
	.two-column #cs-nav-secondary, .two-column #cs-content-secondary {
		float: left;
		clear: left;
		width: 250px;
		}
		
/* Two-column pages -- with sidebar on right
-------------------------------------------------------------- */

	/* set width of main content area */
	body.right #cs-content-main {
	float: left;
	margin-left:10px;
	width: 900px;
		}
		
	/* set width of sidebar */
	body.right #cs-nav-secondary, body.right #cs-content-secondary {
		float: right;
		clear: right;
		width: 250px;
		padding-right:10px;
		}
		
	.two-column #cs-wrapper {background: #fff}
		
/* Three-column pages
-------------------------------------------------------------- */

.three-column #inner-wrapper {
	float:left;
	width:690px;
	margin-left:20px;
	}

	/* set width of main content area */
	.three-column #cs-content-main {
		border-right: 1px dotted #c7c7c7;
		clear: none;
		float: left;
		padding-left:20px;
		padding-right:25px;
		width: 430px
		}
		
	/* set width of sidebar */
	.three-column #cs-content-secondary {
		float: right;
		clear: none;
		padding-right:5px;
		width: 200px;
		}
		
	/* secondary section */
	.three-column .top {
		margin-top:20px;
		}
		
	/* secondary nav */
	.three-column #cs-nav-secondary {padding-left: 10px;}
	.three-column #cs-nav-secondary ul {width: 204px;}
	.three-column #cs-nav-secondary a, .three-column #cs-nav-secondary a:visited {width: 206px;}
	
	/* three col */
	.two-column #cs-wrapper {background: #fff}
	
	
/*VIDEOS
----------------------------------------------------------------*/
.videobox { z-index: 1 !important; }
#flashcontent {text-align: center;}
#videobox12 {visibility:hidden}
.featured-video { margin-bottom: 2em; padding: 10px; border: solid 1px #999999; background-color: #F0F0F0; }
.featured-video div { margin: 0 auto; }
#content .featured-video-title { font-size: 1.6em; font-weight: bold; }