/* body
Redefines the body of the HTML document to use specific size text.
*/
body {
	font-size: .8em;
	background-color: #8f8f8f;
}

h1, h2, h3, h4 {
	padding: 0;
	margin: 0;
}

.cu_normal {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-transform: none;
	color: #555555;
	line-height: 1.5em;
	font-style: normal;
}

.cu_normal a:link,
.cu_normal a:visited {
	color: #0075b0;
	text-decoration: none;
}

.cu_normal a:hover {
	color: #e34e35;
	text-decoration: none;
	border-bottom: 1px dotted #e34e35;
}

.cu_normal .cu_collapsed a,
.cu_normal .cu_collapsed a:visited {
	color: #e34e35;
	text-decoration: none;
	background-image: url(/images/hierarchy_plus.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	font-weight: bold;
}

.cu_normal .cu_expanded a,
.cu_normal .cu_expanded a:visited {
	color: #e34e35;
	text-decoration: none;
	background-image: url(/images/hierarchy_minus.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 15px;
	font-weight: bold;
}

.cu_normal .cu_collapsed a:hover,
.cu_normal .cu_expanded a:hover {
	text-decoration: underline;
}

/* .cu_small
Specifies small text copy. You can use it for footer. It's size is 70 percent of the normal size copy. Do not use this style
from within the cu_normal style, because the small text will also have increased line spacing which does not look good.
*/
.cu_small  {
	font-family: Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.7em;
	text-transform: none;
	color: #555555;
}

.cu_small a:link,
.cu_small a:visited {
	color: #0075b0;
	text-decoration: none;
}

.cu_small a:hover {
	color: #e34e35;
	text-decoration: none;
	border-bottom: 1px dotted #e34e35;
}

/* .cu_finePrint
Really small font style. Usually for copyright statement at the bottom of the pages, or similar nature.
*/
.cu_finePrint {
	font-family: Arial, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
}

/* .cu_head
Specifies article heading.
*/
.cu_head {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #555555;
	line-height: 28px;
	text-transform: uppercase;
}

.cu_head a:link,
.cu_head a:visited {
	text-decoration: none;
	color: #e34e35;
}

.cu_head a:hover {
	text-decoration: underline;
	color: #e34e35;
	background-color: #ffffff;
}

/* .cu_title
Specifies program title.
*/
.cu_title {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 20px;
	font-weight: bold;
	line-height: 28px;
	text-transform: uppercase
}

/* .cu_subtitle
Specifies subtitle underneath the title on program pages.
*/
.cu_subtitle {
	font-family: Arial, Helvetica, Tahoma, Verdana, sans-serif;
	font-size: 1.3em;
	font-weight: normal;
	color: #555555;
	text-transform: uppercase;
	line-height: 1.2em;
}

/* .cu_panelHeadU
Specifies underlined heading for panels (used in Experience CityU section).
*/
.cu_panelHeadU {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.3em;
	color: #e34e35;
	padding-bottom: 0px;
	text-transform: uppercase;
	/*border-bottom: 1px dotted #e34e35;*/
}

.cu_panelHeadU a:link,
.cu_panelHeadU a:visited {
	text-decoration: none;
	color: #e34e35;
}

.cu_panelHeadU a:hover {
	text-decoration: underline;
	color: #e34e35;
}

/* .cu_subhead
Specifies article subhead.
*/
.cu_subhead,
.cu_subhead_link {
	font-family: Verdana, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.3em;
	color: #e34e35;
}

.cu_subhead a:link,
.cu_subhead a:visited,
a.cu_subhead:link,
a.cu_subhead:visited {
	text-decoration: underline;
	color: #e34e35;
}

.cu_subhead a:hover,
a .cu_subhead:hover {
	text-decoration: underline;
	color: black;
}

.cu_subhead_link a:link,
.cu_subhead_link a:visited,
a.cu_subhead_link:link,
a.cu_subhead_link:visited {
	text-decoration: none;
	color: #0075b0;
}

.cu_subhead_link a:hover,
a .cu_subhead_link:hover {
	text-decoration: none;
	border-bottom: 1px dotted #e34e35;
	color: #e34e35;
}

.cu_subheadBlock {
	font-family: Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #e34e35;
	background-color: #eeeeee;
	margin-left: -10px;
	margin-bottom: 5px;
	padding: 1px 0px 2px 10px;
	border-bottom: 2px solid #dddddd;
}

/* .cu_b
Bold style text. This style can be used from within both normal and small text copy.
*/
.cu_b {
	font-weight: bold;
}

/* .cu_i, .cu_emphasis
Italic style text. This style can be used from within both normal and small text copy.
*/
.cu_i {
	font-style: italic;
}

/* .cu_bi
Bold-italic style text. This style can be used from within both normal and small text copy.
*/
.cu_bi {
	font-style: italic;
	font-weight: bold;
}

/* .cu_indent
Indents the content by 1.2em to the right.
*/
.cu_indent {
	padding-left: 1.2em;
}

/* .cu_topNavbar
Specifies text attributes for the main navigation bar.
*/
.cu_topNavbar {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #d1d3d4;
}

/* .cu_topNavbar a:link, a:visited
Specifies style for top navigation bar links.
*/
.cu_topNavbar a:link,
.cu_topNavbar a:visited {
	color: white;
	text-decoration: none;
}

/* .cu_topNavbar a:hover
Specifies style for top navigation bar links when mouse is over the link.
*/
.cu_topNavbar a:hover {
	color: white;
	text-decoration: underline;
}

/* .cu_topNavbar_selected
Specifies style for top navigation bar's currently selected link.
*/
.cu_topNavbar_selected {
	font-weight: bold;
	color: black;
}

/* .cu_topSubNavbar
Specifies text attributes for the top sub-navigation bar.
*/
.cu_topSubNavbar {
	font-family: Verdana, sans-serif;
	font-size: .85em;
	font-weight: normal;
	color: #eeeeee;
}

/* .cu_topSubNavbar a:link, a:visited
Specifies style for top sub-navigation bar links.
*/
.cu_topSubNavbar a:link,
.cu_topSubNavbar a:visited {
	color: #eeeeee;
	text-decoration: none;
}

/* .cu_topSubNavbar a:hover
Specifies style for top sub-navigation bar links when mouse is over the link.
*/
.cu_topSubNavbar a:hover {
	color: #eeeeee;
	text-decoration: underline;
}

/* .cu_topSubNavbar_selected
Specifies style for top sub-navigation bar's currently selected link.
*/
.cu_topSubNavbar_selected {
	font-weight: bold;
	color: #eeeeee;
}

/* .cu_bottomNavBar
Specifies text attributes for the bottom navigation bar.
*/
.cu_bottomNavbar {
	font-family: Verdana, sans-serif;
	font-size: .85em;
	color: #d1d3d4;
	text-align: center;
	vertical-align: middle;
	background: #333333;
}

/* .cu_bottomNavbar a:link, a:visited
Specifies style for bottom navigation bar links.
*/
.cu_bottomNavbar a:link,
.cu_bottomNavbar a:visited {
	color: #d1d3d4;
	text-decoration: none;
}

/* .cu_bottomNavbar a:hover
Specifies style for bottom navigation bar links when mouse is over the link.
*/
.cu_bottomNavbar a:hover {
	color: #d1d3d4;
	text-decoration: underline;
}

/* .homeLeftNavbar
Style for the left navbar on the homepage.
*/
.homeLeftNavbar {
	background-image: url(/images/backgrounds/ruled-paper.gif);
	background-color: white;
	padding-left: 30px;
	padding-top: 15px;
	padding-right: 20px;
	width: 200px;
}

/* .cu_homeLeftNavbarParentBlue
Specifies homepage left side parent menu item syle.
*/
.cu_homeLeftNavbarParentBlue {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0075b0;
	line-height: 16px;
	text-decoration: none;
	display: list-item;
	list-style-type: square;
}

/* .cu_homeLeftNavbarParentDark
Specifies homepage left side parent menu item syle.
*/
.cu_homeLeftNavbarParentDark {
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	line-height: 16px;
	text-decoration: none;
	display: list-item;
	list-style-type: square;
}


/* .cu_homeLeftNavbarChildBlue
Specifies homepage left side child menu item syle.
*/
.cu_homeLeftNavbarChildBlue a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #0075b0;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

/* .cu_homeLeftNavbarChildBlue a:link, a:visited
Specifies homepage left side child menu item link styles.
*/
.cu_homeLeftNavbarChildBlue a:link,
.cu_homeLeftNavbarChildBlue a:visited {
	color: #0075b0;
	text-decoration: none;
	text-transform: uppercase;
}

/* .cu_homeLeftNavbarChildBlue a:hover
Specifies homepage left side child menu item link styles when mouse is over the link.
*/
.cu_homeLeftNavbarChildBlue a:hover {
	color: #004466;
	text-decoration: none;
	border-bottom: 1px dotted #004466;
}

/* .cu_homeLeftNavbarChildDark
Specifies homepage left side child menu item syle.
*/
.cu_homeLeftNavbarChildDark a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #555555;
	line-height: 18px;
	text-decoration: none;
	text-transform: uppercase;
}

/* .cu_homeLeftNavbarChildDark a:link, a:visited
Specifies homepage left side child menu item link styles.
*/
.cu_homeLeftNavbarChildDark a:link,
.cu_homeLeftNavbarChildDark a:visited {
	color: #555555;
	text-decoration: none;
	text-transform: uppercase;
}

/* .cu_homeLeftNavbarChildDark a:hover
Specifies homepage left side child menu item link styles when mouse is over the link.
*/
.cu_homeLeftNavbarChildDark a:hover {
	color: black;
	text-decoration: none;
	border-bottom: 1px dotted black;
}


/* .cu_copyright
Style for the copyright statement at the bottom.
*/
.cu_copyright {
	font-family: Arial, sans-serif;
	font-size: .7em;
	line-height: 1.2em;
	background-color: #d1d3d4;
	color: #808080;
}

/* .separator
Provides a horizontal bar's color
*/
.separator {
	background-color: #f26649;
}

/* .backToTop
Style for the 'backToTop' link that appears on the bottom of long pages
*/
.backToTop {
	background-image: url(/images/backToTop.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-weight: normal;
	color: #0067b1;
	font-family: Verdana, sans-serif;
	font-size: .9em;
}

a.backToTop {
	text-decoration: none;
	color: #0067b1;
}

a.backToTop:hover {
	color: #e34e35;
	text-decoration: none;
	border-bottom: 1px dotted #e34e35;
}

/* .hierarchyClosed
Displays a plus sign in front of a collapsible section.
*/
.hierarchyClosed {
	background-image: url(/images/hierarchy2_plus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
}

/* .hierarchyOpen
Displays a minus sign in front of a collapsible section.
*/
.hierarchyOpen {
	background-image: url(/images/hierarchy2_minus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
}

/* .hierarchyClosed2
Displays a right arrow in front of a collapsible section.
*/
.hierarchyClosed2 {
	background-image: url(/images/hierarchy2_plus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
}

/* .hierarchyOpen2
Displays a down arrow in front of a collapsible section.
*/
.hierarchyOpen2 {
	background-image: url(/images/hierarchy2_minus.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 1.2em;
}

/* .cu_locationInfo
Specifies style for the locations pages' information box.
*/
.cu_locationInfo {
	padding-bottom: 10px;
	/*border-bottom: 1px solid #d1d3d4;*/
}
					
/* .cu_sectionRule
Provides a horizontal bar with text in it that serves as a section separator bar.
Similar to headers, but with a background colored bar behind it.
*/
.cu_sectionRule {
	display: block;
	padding: 5px;
	background-color: #f0f0f0;
	color: #555555;
	font-size: 1em;
	margin-left: -5px;
}

/* .cu_headUnderline
Underlined header
*/
.cu_headUnderline {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	color: #e34e35;
	padding-bottom: 2px;
	border-bottom: 4px solid #e34e35;
}

.cu_panel {
	background-repeat: no-repeat;
	padding: 0px 50px 40px 20px;
}

/* Color definitions */

/* .cu_gray
Specifies gray color for text. You can use this to assign less emphasis to copy.
*/
.cu_gray {
	color: #808080;
}

.cu_red {
	color: #e34e35;
}

.cu_brandOrange {
	color: #e34e35;
}

.cu_brandBlue {
	color: #0075b0;
}

/* .cu_bgsoe, .cu_bgsas, cu_bgsom
Background for the three school program pages.
*/
.cu_bgsas,
.cu_bgsoe,
.cu_bgsom {
	background-color: white;
}

.cu_programRowColor {
	background-color: #f0f0f0;
}

.cu_titlebox {
	border-left-width: 20px;
	border-left-style: solid;
	height: 100%;
	padding-left: 10px;
}


/* .cu_underline
Places a bottom border under the text.
*/
.cu_underline {
	line-height: 1.6em;
	margin-bottom: 10px;
}

/* .cu_inset1
Specifies an inset value for the text. The higher the level number the greater the inset.
*/
.cu_inset1 {
	padding-left: 2em;
}

/* .cu_readMore
Makes a "Read more" section smaller
*/
.cu_readMore a:link,
.cu_readMore a:visited {
	text-decoration: none;
	background-color: transparent;
}

.cu_readMore a:hover {
	text-decoration: underline;
	background-color: transparent;
}

/* .fiveSteps
Style for program pages for 'Five Easy Steps to Get Started' list
*/
.fiveStepList {
	margin-top: 0px;
}

.fiveStepHeadSOM {
	background-color: #002F5D;
	color: #d4d4bd;
	padding-top: 1px;
	padding-bottom: 3px;
}

.fiveStepHeadSAS {
	background-color: #5f0016;
	color: #dddddd;
	padding-top: 1px;
	padding-bottom: 3px;
}

.fiveStepHeadSOE {
	background-color: #49601C;
	color: #d4d4bd;
	padding-top: 1px;
	padding-bottom: 3px;
}

.printOnly {
	display: none;
}

.cu_boxhead {
	font-family: Georgia, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	padding: 8px;
	background-color: #eeeeee;
	border-left: 10px solid #e34e35;
}

.phoneNumber {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666;
	text-align: center;
}

.followUs {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	color: #666;
	text-transform: uppercase;
	height: 23px;
}

.socialIcons {
	text-align: center;
	margin-top: 5px;
}

.courseHeading {
	font-size: 1.2em;
	text-transform: uppercase;
	font-weight: bold;
}

a.img {
	border: 0px !important;
}

.pullquote {
	padding: 5px 10px 5px 10px;
	color: black;
	border-left: 10px solid #e34e35;
	font-family: Georgia, 'Times New Roman', serif;
	font-size: 14px;
	font-weight: normal;
	font-style: italic;
	line-height: 24px;
}
