/* ------------------------------------------------------------

  	* Advanced Academics

  	screen.css
  	- Site wide style, layout, and function

------------------------------------------------------------ */

/* =Initial Page Structure 
	(further specific styling for these sections is lower down, use =Section to quick find)
------------------------------------------------------------ */

* { 
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	list-style: none;
}

html {
	font: 14px/1.6 Arial, Helvetica, Sans-serif;
	color: #eee;
	background: #38464f;
}

body { 
	position: relative;
	min-width: 788px;
}

.container {
	position: relative;
	margin: 0 auto;
	width: 788px;
}

#header {
	position: relative;
	background: #e7e7e7;
	border-bottom: 3px solid #820000;
	height: 100px;
}

#intro {
	position: relative;
	border-bottom: 3px solid #560000;
	background: #820000 url(../../images/layout/content/homepage-intro-tile.png) repeat-x left top;
}

.home #intro {
	height: 360px;
}

#content { 
	clear: both;
	position: relative;
	background: #708c9f url(../../images/layout/content/main-content-tile.png) repeat-y 50% 0;
	border-bottom: 3px solid #293741;
}

.sub #content {
	background: #708c9f url(../../images/layout/content/subpage-main-content-tile.png) repeat-y 50% 0;
}

#content .container {
	padding: 25px 0 10px 0;
}

#footer { 
	clear: both;
	position: relative;
	font-size: 11px;
}

#footer .container { 
	padding-top: 22px;
}

/* =Basic Element Styles 
------------------------------------------------------------ */ 

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	padding-bottom: 5px;
}

h1 { 
	font-family: georgia, times, "times new roman", serif;
	font-size: 20px;
	font-weight: normal;
	line-height: 24px;
	color: #fff;
}

#main h1 {
	font-size: 22px;
	padding: 0 0 6px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #eee;
}

#main h1 em {
	padding-left: 10px;
	color: #ddd;
}

h1 sup {
	vertical-align: 30%;
	font-size: 10px;
}

h2 { 
	font-size: 15px;
	color: #faab00;
}

.tagline { 
	font-size: 13px;
	color: #555;
}

h3, h4, h5, h6 { 
	font-size: 13px;
}

p {
	padding-bottom: 15px;
}

#main ul {
	padding: 0 0 15px 0;
}

#main ul li {
	background: url(../../images/icons/light-on-dark-bullet.png) no-repeat 6px 6px;
	padding: 0 0 5px 20px;
}

label em {
	font-size: 11px;
	color: #fff;
}

input,
textarea { 
	font: 11px Verdana, sans-serif;
	padding: 2px;
	border: 1px solid #888;
	background: #fff url(../../images/layout/form-bg.gif) no-repeat left top;
}

input:focus,
textarea:focus {
	background: #fff;
	border-color: #222;
}

select { 
	font: 11px Verdana, sans-serif;
	padding: 0;
	border: 1px solid #888;
	width: 210px;
}
.dropdown { 
	font: 11px Verdana, sans-serif;
	padding: 0;
	border: 1px solid #888;
	width: 210px;
}
.Errors  
{
	position:absolute;
	top:500px;
	background-color:#213642;
	margin-left:-240px;
	font: 11px Verdana, sans-serif;
	
	width: 210px;
}

input.small, 
textarea.small, 
select.small {
	width: 160px;
}

input[type="image"],
input.submit { 
	border: 0 !important;
	padding: 0 !important;
	background: transparent !important;
	width: auto !important;
	height: auto !important;
}

p.note {
	font-size: 11px;
}

p.radcheck input, 
input.radcheck {
	width: 14px !important;
	height: 14px !important;
	border: 0 !important;
	background: transparent !important;
	margin: 0 3px 0 0 !important;
	padding: 0 !important;
}

sup {
	vertical-align: top;
	font-size: 9px;
}

sub {
	vertical-align: bottom;
	font-size: 9px;
}

img,
a img { 
	border: 0;
	vertical-align: middle;
} 

a { 
	color: #bfe3fa;
}

a:visited { 
	color: #9DBCD2;
}

a:hover { 
	color: #bfe3fa;
	text-decoration: none;
}

/* =Utilities 
------------------------------------------------------------ */ 

.left,
#main img.left-no-border { 
	float: left;
	position: relative;
	margin: 0 10px 5px 0;
}

.right, 
#main img.right-no-border { 
	float: right;
	position: relative;
	margin: 0 0 5px 10px;
}

#main img.right, 
#main img.left {
	padding: 2px;
	background: #eee;
	border: 2px solid #586F7E;
}

.clear {
	clear: both;
}

.clear-left { 
	clear: left;
}

.clear-right { 
	clear: right;
}

.clear-none { 
	clear: none;
}

.center { 
	text-align: center;
}

.spacer {
	padding-top: 15px;
}

.autoclear:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.autoclear { 
	display: inline-block;
}

.autoclear { 
	display: block;
}

/* =Buttons 
------------------------------------------------------------ */

.apply-now-button { /* this button uses a rollover, both states are in the same image */
	display: block;
	float: left;
	position: relative;
	width: 220px;
	height: 61px;
	text-indent: -9999px;
	background: url(../../images/buttons/apply-now.png) no-repeat left bottom; /* this is the rollover state */
}

.apply-now-button span {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer; /* uesd for the hand cursor to show up in IE */ 
	background: url(../../images/buttons/apply-now.png) no-repeat left top; /* this is the regular state */
}

.apply-now-button:hover span {
	display: none; /* show the rollover state on hover */
}

.apply-now-button-red { /* this button uses a rollover, both states are in the same image */
	display: block;
	float: left;
	position: relative;
	width: 220px;
	height: 61px;
	text-indent: -9999px;
	background: url(../../images/buttons/apply-now-red.png) no-repeat left bottom; /* this is the rollover state */
}

.apply-now-button-red span {
	display: block;
	width: 100%;
	height: 100%;
	cursor: pointer; /* uesd for the hand cursor to show up in IE */ 
	background: url(../../images/buttons/apply-now-red.png) no-repeat left top; /* this is the regular state */
}

.apply-now-button-red:hover span {
	display: none; /* show the rollover state on hover */
}

.testimonial-button {
	margin-top: 15px;
	display: block;
	float: left;
	position: relative;
	font-family: georgia, times, "times new roman", serif;
	width: 220px;
	padding-bottom: 54px;
	text-decoration: none;
	background: url(../../images/layout/content/banners/testimonial-bottom-rollover.png) no-repeat left bottom;
}

.testimonial-button em {
	display: block;
	font-weight: bold;
	color: #222;
}

.testimonial-button:hover {
	background: url(../../images/layout/content/banners/testimonial-bottom-rollover.png) no-repeat right bottom;
}

.testimonial-button span {
	display: block;
	padding: 20px 20px 5px 20px;
	color: #444;
	background: url(../../images/layout/content/banners/testimonial-top.png) no-repeat left top;	
}

/* =Layout and Function 
------------------------------------------------------------ */ 
#mportfoliowrap {
	padding:10px 0 10px 0;
	margin: 25px 0 25px 0;


	}
	
	.homeportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.homeportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.homeportfoliotitle a:hover { color:#fff; text-decoration:none; }
	
	.mportfoliotitle { font-size:18px; color:#3a3a3a; font-style:normal; font-weight:bold;  margin-bottom:15px;}
	.mportfoliotitle a { color:#3a3a3a; font-weight:bold; }
	.mportfoliotitle a:hover { color:#fff; text-decoration:none; }
	.mportfoliobox {width:300px;float:left;}

	.mportfolio {}
		.mportfolio img { float:left;}
		.mportfoliospace { margin-left:20px;}
		.mportfoliobg {float:left; background: #244069 url(../../images/hover-media.jpg) no-repeat top left;}
		.mportfoliocatbg { float:left; background: #244069 url(../../images/hover-category.jpg) no-repeat top left;}
		.mportfoliobgvideo { float:left; background: #244069 url(../../images/hover-video.jpg) no-repeat top left;}

	/* =Header 
------------------------------------------------------------ */ 

#header strong.logo {
	position: relative;
	float: left;
	display: block;
	width: 235px;
	height:100px;
	background:url(../../images/layout/site-logo.png) no-repeat left top;
	text-indent: -9999px;
}

#header strong.logo a {
	display: block;
	width: 100%;
	height: 100%;
}

#header strong.contact {
	position: relative;
	display: block;
	float: right;
	padding: 5px 10px 0 0;
	color: #444;
}

#header ul {
	position: relative;
	float: right;
	z-index:5;
}

#header ul li {
	float: left;
	margin-left: 10px;
}

#header ul li a {
	display: block;
	text-decoration: none;
	color: #fff;
	background: #536979 url(../../images/buttons/gray-rounded-corners.png) no-repeat left bottom;
}
#header ul li.first a { background-color: #820000; }

#header ul li a span {
	display: block;
	padding: 4px 12px 6px 12px;
	background: transparent url(../../images/buttons/gray-rounded-corners.png) no-repeat right bottom;
}

#header ul li a span em {
	font-style: normal;
	padding-right: 10px;
	background: url(../../images/icons/light-on-dark-small-bullet.png) no-repeat 100% 50%;
}
#header ul li.first a span em { padding-right: 20px; background-image: url(../../images/icons/speech-bubble.png); }

#header ul li a:hover {
	background-color: #647E92;
}
#header ul li.first a:hover { background-color: #a01f1f; }

#header h2 {
	clear: right;
	position: relative;
	width: 500px;
	float: right;
	text-align: right;
	padding-top: 20px;
	font: italic normal normal 20px georgia, times, "times new roman", serif;
	color: #555;
}

#header h2 strong {
	color: #820000;
	font-weight: normal;
}

	/* =Navigation
------------------------------------------------------------ */

#navigation {
	position: relative;
	float: left;
	width: 185px;
	background: url(../../images/layout/navigation/nav-base-shadow.png) no-repeat 50% 100%;
	margin: 20px 0 0 0; 
	padding: 0 0 16px 0;
	height: 315px;
}
#sidebar_navigation {
	position: relative;
	float: left;
	width: 185px;
	background: url(../../images/layout/navigation/nav-base-shadow.png) no-repeat 50% 100%;
	margin: 20px 0 0 0; 
	padding: 0 0 22px 0;
	height: 361px;
}
#sidebar_navigation_getstarted {
	position: relative;
	float: left;
	width: 185px;
	background: url(../../images/layout/navigation/nav-base-shadow.png) no-repeat 50% 100%;
	margin: 20px 0 0 0; 
	padding: 0 0 22px 0;
	height: 345px;
}

.sub #navigation, .sub #sidebar_navigation, .sub #sidebar_navigation_getstarted {
	width: 210px;
	margin: 2px 0 12px 6px;
}

#navigation ul{
	background: #e7e7e7;
	padding: 6px 12px 0 12px;
	min-height: 309px;
}
#sidebar_navigation ul{
	background: #e7e7e7;
	padding: 6px 12px 0 12px;
	min-height: 345px;
}
#sidebar_navigation_getstarted ul{
	background: #e7e7e7;
	padding: 6px 12px 0 12px;
	min-height: 345px;
}

#navigation ul li, #sidebar_navigation ul li, #sidebar_navigation_getstarted ul li {
	background: url(../../images/layout/navigation/nav-item-shadow.png) no-repeat 50% 100%;
	border-bottom: 1px solid #fff;
}

#navigation ul li a, #sidebar_navigation ul li a, #sidebar_navigation_getstarted ul li a {
	display: block;
	background: #e7e7e7;
	color: #2c4537;
	font-weight: bold;
	padding: 6px 10px;
	border-bottom: 1px solid #dcdcdc;
	text-decoration: none;
}

#navigation ul li a:hover, #sidebar_navigation ul li a:hover, #sidebar_navigation_getstarted ul li a:hover {
	background: transparent;
}

	/* =Callout
------------------------------------------------------------ */

#callout {
	position: relative;
	float: right;
	width: 560px;
	min-height: 315px;
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	z-index:0;
	
}

	/* =Content
------------------------------------------------------------ */	

		/* =Sidebar
------------------------------------------------------------ */

#sidebar {
	position: relative;
	float: right;
	width: 232px;
}

.sub #sidebar {
	float: left;
}

#sidebar .profile-image {
	padding: 10px 0 15px 0;
}

		/* =Main
------------------------------------------------------------ */

#main {
	position: relative;
	float: left;
	width: 490px;
}

.sub #main {
	width: 505px;
	float: right;
}
.sub #formbox {
	width: 505px;
	height:629px;
	background-image: url(../../images/layout/form_background.png);
	background-repeat:no-repeat;
	padding-top: 20px;
	margin-left: -5px;
	margin-bottom: 15px;
}

		/* =Courses Section
------------------------------------------------------------ */

.sub #courses {
	width: 505px;
	background: url(../../images/layout/content/courses/primary-bg.png) no-repeat -501px 0;
	padding-top: 32px;
	margin-left: -5px;
	margin-bottom: 15px;
}

.sub #courses .outter-courses {
	background: url(../../images/layout/content/courses/primary-bg.png) no-repeat 100% 100%;
	padding-bottom: 30px;
	
}

.sub #courses .inner-courses {
	padding-left: 12px;
	background: url(../../images/layout/content/courses/primary-bg.png) repeat-y 4px 0;
}

.sub #courses .inner-courses ul#course-nav {
	float: left;
	width: 186px;
	border-top: 1px solid #560000;
}

.sub #courses .inner-courses ul#course-nav li {
	padding: 0;
	background-position: 93% 50%;
	border-bottom: 1px solid #560000;
}

.sub #courses .inner-courses ul#course-nav li a {
	display: block;
	text-align: right;
	color: #eee;
	padding: 6px 29px 6px 15px;
	text-decoration: none;
	cursor:pointer;
}

.sub #courses .inner-courses ul#course-nav li a:hover, 
.sub #courses .inner-courses ul#course-nav li.selected a {
	background: url(../../images/layout/content/courses/course-nav-hover.png) repeat-x left bottom;
	
}

.sub #courses .inner-courses #course-info {
	font-size: 11px;
	float: right;
	margin-right: 9px;
	width: 295px;
	color: #444;
}

.sub #courses .inner-courses #course-info ul {
	float: left;
	width: 145px;
}

.sub #courses .inner-courses #course-info ul li {
	background: url(../../images/icons/dark-on-light-small-bullet.png) no-repeat 10px 5px;	
	padding: 0 0 3px 17px;
}


		/* =Apply Section
------------------------------------------------------------ */

.sub #main .column {
	position: relative;
	float: left;
	width: 230px;
	padding-right: 20px;
}

.sub #form {
	width: 505px;
	background: url(../../images/layout/content/courses/form-primary-bg.png) no-repeat -501px 0;
	padding-top: 28px;
	margin-left: -5px;
	margin-bottom: 15px;
}

.sub #form .outter-form {
	background: url(../../images/layout/content/courses/form-primary-bg.png) no-repeat 100% 100%;
	padding-bottom: 30px;
	
}

.sub #form .inner-form {
	padding-left: 20px;
	background: url(../../images/layout/content/courses/form-primary-bg.png) repeat-y 4px 0;
}

		/* =Login Section
------------------------------------------------------------ */

.sub #login {
	position: relative;
	float: right;
	width: 220px;
	padding-top: 30px;
	padding-left: 30px;
	background: #516673 url(../../images/layout/content/login/login-top.png) no-repeat right top;
}
.sub #courses_login {
	position: relative;
	float: right;
	width: 220px;
	padding-top: 0px;
	padding-left: 30px;
}

.sub .login-outter-wrap {
	padding-bottom: 30px;	
	background: url(../../images/layout/content/login/login-bottom.png) no-repeat right bottom;
}

.sub .login-inner-wrap {
	background: url(../../images/layout/content/login/login-tile.png) repeat-y right top;
	padding: 0 18px 20px 18px;
	color: #444;
}

.sub .login-inner-wrap p {
	font-weight: bold;
	color: #516673;
	padding: 0 0 10px 0;
	margin: 0;
}

.sub .login-inner-wrap p input {
	width: 178px;
}

.sub .login-inner-wrap p.note {
	clear: both;
	font-size: 12px;
	font-weight: normal;
	color: #555;
}

.sub .login-inner-wrap p a {
	color: #2b7eb8;
}

.sub .login-inner-wrap p a.note {
	display: block;
	float: right;
	margin: 5px 0 10px 0;
	padding-right: 10px;
	font-size: 11px;
}

.sub .login-inner-wrap .submit-area {
	position: absolute;
	right: 12px;
	bottom: 2px;
}


	/* =Footer
------------------------------------------------------------ */	
#footer p.copyright span {
	position: relative;
	float: left;
	display: block;
	font-size: 12px;
	color: #ccc;
}

#footer p.link-out {
	position: relative;
	float: right;
}

#footer p.link-out img {
	padding: 0 10px;
}

#footer a {
	color: #eee;
	text-decoration: none;
}

#footer ul {
	border-top: 1px solid #293741;
	margin-bottom: 20px;
}

#footer ul li {
	position: relative;
	float: left;
	margin: 12px 10px 0 0;
	padding: 0 10px 0 0;
	line-height: 1.3;
	border-right: 1px solid #293741;
	font-size: 12px;
}

#footer ul li.last, 
#footer ul li:last-child {
	border: 0;
}

#footer ul li a {
	color: #ccc;
}

#footer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}


	/* =Opencube
------------------------------------------------------------ */	

	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	

		margin:0px;
		
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 40px 5px 10px;
		font-weight:bold;
		color:#3a3a3a;
		font-family:Arial;
		font-size:12px;
		text-decoration:none;
		text-align:left;


	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		color:#3a3a3a;
		text-decoration:none;
		font-weight:bold;

	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		color:#3a3a3a;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
	}


	/*"""""""" (MAIN) Parent Items""""""""*/	
	#qm0 .qmparent	
	{	
	background-image:url(../../images/buttons/faq-opencube.jpg);
	border-bottom:1px solid #cfcfcf;
	cursor:pointer;
	
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#b4b4b4;
		cursor:pointer;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:20px 15px 15px;
		margin:-1px 0px 0px -1px;
		background-color:#fff;
		border-width:1px;
		border-style:none;
		border-color:#2f2f2f;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		font-size:11px;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		background-color:#b4b4b4;
		color:#2f2f2f;
		border-color:#2f2f2f;
		text-decoration:none;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		background-color:#b4b4b4;
		color:#222222;
		border-color:#2f2f2f;
	}


	/*"""""""" (SUB) Parent Items""""""""*/	
	#qm0 div .qmparent, #qm0 ul .qmparent	
	{	
		background-image:url(qmimages/arrow_18.gif);
		background-position:95% 50%;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		border-color:#2f2f2f;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		margin:2px 5px 5px;
		color:#222222;
		font-family:Arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 5px;
		border-color:#999999;
	}


	/*"""""""" Content Box""""""""*/	
	#qm0 .qmcbox	
	{	
		color:#2f2f2f;
		font-family: Arial, Helvetica, sans-serif;
		font-size:12px;
		text-align:justify;
		
	}


	/*"""""""" Content Box Links""""""""*/	
	#qm0 .qmcbox a	
	{	
		padding:0px;
		margin:0px;
		background-color:transparent;
		color:#000000;
		font-size:12px;
		font-weight:normal;
		border-bottom:1px dotted #000000;
	}


	/*"""""""" Content Box Links [hover]""""""""*/	
	#qm0 .qmcbox a:hover	
	{	
		background-color:transparent;
		color:#000000;
		font-weight:normal;
		text-decoration:none;
		border-bottom:none;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 a:focus	
	{	
		outline:invert none medium;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a	
	{	
		background-color:#b4b4b4;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmcbox div	
	{	
		padding:0px;
		margin:0px;
		border-style:none;
	}


	/*"""""""" Custom Rule""""""""*/	
	div#qm0 .qmcbox div	
	{	
		padding:0px;
		margin:0px;
		border-style:none;
	}
	.spotlighttext
	{
	margin:0px 7px 5px 0px;
	}
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 li {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}


.divider
{
width:100%;
border-top:1px solid #595959;
margin:10px 0px;
}
.map_text
{
	color:#595959;
	width:97%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
.map_headline
{
color:#fff;
padding-left:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
background-color:#820000;
}
.map_text a
{
color:#595959;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
border-bottom:1px dotted #595959;
}
.map_text a:hover
{
color:#595959;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
border-bottom:none;
}