/* additional color scheme styles */
@import url("/style/ugrad-blue.css");

/* 
	left nav 
*/

/* make the top level menu items a little bigger */
table.menu-primary td {
	font-size:12px;
}

/* keep the second level (sub) menu items small */
table.menu-primary td.menu-sub a {
	font-size:10px;
	padding: 5px 0px 5px 15px;
}

/* keep the third leve (sub-sub) menu items small, make the background color faint */
table.menu-primary td.menu-sub-sub a {
	font-size:10px;
	background:#eee;
	padding: 5px 0px 5px 20px;
}

/* make any selected menu item bold */
table.menu-primary td.selected a {
	font-weight:bold;
}


/* 
	primary content area (aka center well)
*/

/* create some white space all the way around the primary (center well) content area */
.primary {
	padding:15px!important;
}

/* override breadcrumb styles */
.primary .breadcrumb {
	margin: 0 0 15px 0!important;
	padding: 2px 0!important;
	width:100%;
	}

h5.upper {
	text-transform:uppercase; 
	font-size:11px!important;
}

/* make h6 the same as h5, but smaller */
h6 { 
	font-family: Garamond, Times, serif;
	font-size: 150%!important;
	font-weight: bold;
	color: #333!important;
	margin: 5px 0!important;	
	font-size:medium!important;
}

.primary p {
	line-height:21px!important;
}

.primary li {
	line-height:21px;
}

/* table style overrides */
.primary table.grid {
	margin-bottom:10px;
}

/* image-caption overrides */
.primary .image-caption {
	padding:0;
	border:1px solid #e2e2e2;
}
.primary .image-caption td {
	padding:0 3px!important;
	}
.primary .image-caption img {
	padding-top:3px;
	vertical-align:text-bottom;
}
.primary .image-caption td.caption { 
 
}
.primary .image-caption td p { 
	margin-bottom:3px!important;
	padding:5px 7px!important;
	background:#e2e2e2; 
	line-height:normal!important;
}

/*
	Center Columns
	The center well is divided into two columns on some pages. Override styles 
	set in 'base-template.css' here. 
*/
.center-columns {
	margin-top:10px;
}
.center-columns .one {
	padding: 0 15px 0 0!important;
}
.center-columns .two {
	padding: 0 0 0 15px!important;
}

/* 
	secondary content area (aka right column)
*/
.secondary {
	padding-top:15px;
}

/* 
	related links (in the secondary area/right col)
*/
/*blue scheme*/
.secondary div.related-links {
	margin-top:10px; 
	padding:10px; 
	background:#DDE6F0; 
	border-top:3px solid #00416F;
}
.secondary div.related-links h5 {
	font-size:12px;
	color:#00416F;
}

/* simple text call to actions (text-cta) */
/* blue scheme */
.secondary div.text-cta {
	padding:10px; 
	background:#DDE6F0;
	color:#000;
	font-size: 9px; 
	margin-top: 10px;
}
.secondary div.text-cta a {
	font-weight:bold;
	color:#00416F;
}




/* 
	footer 
*/

/* give the footer some white space; this value should match the padding set
	for the .primary area (see above) */
div.footer {
	padding-left:15px;
}

/* 
	global (stlyes that will apply anywhere on the page)
*/
img.arrow {
	vertical-align:text-bottom;
}

img.arrow-xss {
	vertical-align:middle;
}

.centered-container {
	text-align:center;
}

.centered-content {
	margin:0 auto;
	text-align:left;
}	

.red {
	color:#9F1B33!important;;
}

/* blog styles */
h4.btitle { /* mimic an h3.page-title */
	font-family: Garamond,Times,serif!important;
	font-size: 210%!important;	
	color:#9F1B33!important;
	margin-bottom:15px;
	padding-bottom:10px;
}

/* google search styles */
p.g {
	margin:10px 0 0 0!important;
	font-size:125%;
}




/* unsorted */
.major-feature-img img {
	width:100px;
	float: left; 
	padding: 0 5px 5px 0;
}

.profile-feature-img img {
	width:140px;
	float: left;
	padding: 0 10px 5px 0;
}

/* unused? */


/*
	CommonSpot Named Element Style Overrides
*/

/*
	TextBlock Captions -  simulate an h5
*/

.CS_Image_Caption {
	padding: 10px; 
}

.CS_Textblock_Caption {
	font-family: Garamond, Times, serif;
	font-size: 150%;
	font-weight: bold;
	color: #333;
	margin: 5px 0;
}

/* 
	connectlinkbar - custom render handler: Related Links (Right Column) */
#CS_Element_connectlinkbar { }
/* override yellow table styles */
#CS_Element_connectlinkbar table.yellowtable {
	border: 2px solid #9F1B33; 
	margin-top: 10px;
	background:#fff;
}
#CS_Element_connectlinkbar td {
	padding: 10px;
}
#CS_Element_connectlinkbar h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif!important;
	font-size:9px!important;
	font-weight:bold; 
	color:#9F1B33!important;
	background:url('/images/red-arrow-xxs.gif') no-repeat 5em 20%;
}
#CS_Element_connectlinkbar p {
	font-size:9px!important;
}

