/**
 * Custom CSS
 * Use this file to override styles if you feel uncomfortable editing
 * component stylesheets.
 ============================================================================ */

@charset "UTF-8";
/* CSS Document */

/************* CSS RESET *************/

/*** Mike's CSS Reset ***/

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	font: inherit;	vertical-align: baseline; list-style: none}  img  {border-style: none;} * {margin: 0; padding: 0;} html  {	width: 100%;}  table {border-collapse: collapse;border-spacing: 0;}
a{color: inherit;text-decoration: none;}
a:visited {}
a:hover {}
a:active {}

p a  {color: #3F54A5;text-decoration: none;}

*, div  {
	box-sizing:border-box;
  	-moz-box-sizing:border-box;
 	-webkit-box-sizing:border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	display: block;}body {	line-height: 1;}ol, ul {	list-style: none;}blockquote, q {	quotes: none;}blockquote:before, blockquote:after,q:before, q:after {	content: '';	content: none;}table {	border-collapse: collapse;	border-spacing: 0;}


/************* MEDIA CALLS *************/

/***************/
/*   STANDARD  */
/***************/

@media (max-width: 640px) {}

/***************/
/*   HANDHELD  */
/***************/

@media only screen and (orientation:landscape) and (max-device-width:1024px)  {}



/************* PAGE STYLING *************/

body  {
	background-color: #FFFFFF;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	color: #6E787B;
}

#page  {
	width: 100%;
	height: auto;
}

#inner  {
	width: 94%;
	max-width: 1024px;
	height: auto;
	margin: 0 auto;
}

h1, h2, h3  {color: #3F54A5;}

h1  {font-size: 24px; margin-bottom: 8px;}

h2  {font-size: 21px; margin-bottom: 6px;}

h3  {font-size: 18px; margin-bottom: 4px;}

p  {line-height: 20px;}

strong  {font-weight: 700;}

.clear  {
	clear: both;
}

.block__title  {
	color: rgb(110,119,122);
	font-size: 21px;
}

li  {margin-bottom: 6px;}


/********************* BANNER STYLING *********************/

#banner_container  {
	width: 100%;
	height: auto;
}

#logo_container  {
	width: 68%;
	height: auto;
	float: left;
}

#logo_img  {
	width: 20%;
	height: auto;
	float: left;
}

#logo_img img  {width: 100%; height: auto;}

#logo_text  {
	width: 80%;
	height: auto;
	float: left;
	padding-top: 120px;
	font-family: Arial;
}

span.logoline1  {color: #3F54A5; font-size: 48px;}
span.logoline2  {color: #181C47; font-size: 69px;}

#header_img_container  {
	width: 32%;
	height: auto;
	float: left;
}

#header_img_container img  {width: 100%; height: auto;}



/********************* NAVBAR STYLING *********************/

#navbar_container  {
	width: 100%;
	height: auto;
	background-color: #F6FAFB;
	border: 3px solid #181C47;
	border-left: none;
	border-right: none;
	margin-top: -40px;
}

.navbar_inner  {
	width: 100%;
	max-width: 764px;
	height: auto;
	float: left;
	margin-left: 40px;
	margin-top: -40px;
}

.navbar_inner li  {margin-bottom: 0;}

.navbar_inner .menu__link  {
	text-align: center;
	padding: 13px 17px;
}

.navbar_inner .menu__link:nth-child(7)  {border-right: none;}

.menu__link:hover,
.is-active  {
	background-color: #3F54A5;
	color: #FFFFFF;
}

.view-id-header_address .views-col  {width: auto !important;}

.view-id-header_address .views-col:nth-child(1) .views-field  {margin-right: 9px;}
.view-id-header_address .views-col:nth-child(1) .field-content  {margin-right: 10px;}
.view-id-header_address .views-col:nth-child(1) .views-field:after  {content:"•";}
.view-id-header_address .views-col:nth-child(2)  {}


/********************* MAIN STYLING *********************/

#main_container  {
	width: 100%;
	height: auto;
}

#main_left  {
	width: 75%;
	height: auto;
	min-height: 200px;
	float: left;
	padding-top: 20px;
	padding-right: 20px;
	border-right: 2px dotted rgb(110,119,122);
}

.node__header  {display: none;}

#main_right  {
	width: 25%;
	height: auto;
	min-height: 200px;
	float: left;
	padding-left: 20px;
}



/********************* REGISTRATION STYLING *********************/

.registration_item_container  {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 1px;
	background-repeat: repeat-x;
	margin-bottom: 14px;
}

.registration_item_left  {
	width: 30%;
	height: auto;
	float: left;
	padding: 14px 12px 0 0;
	color: rgb(63,84,165);
	font-size: 32px;
	line-height: 36px;
}

.registration_item_left img  {
	width: 100%;
	height: auto;
	margin-top: 10px;
}

.registration_item_right  {
	width: 70%;
	height: auto;
	float: left;
	padding: 0 12px 0 12px;
}

.registration_item_right_title  {
	width: 100%;
	height: auto;
	color: rgb(63,84,165);
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 12px;
}



/********************* ANNOUNCEMENTS STYLING *********************/

#block-views-block-announcements-block-1-title  {
	color: rgb(63,84,165);
	font-size: 24px;
	line-height: 32px;
	font-weight: 500;
	text-transform: uppercase
}

#block-facebookembed  {
	padding-bottom: 8px;
	margin-bottom: 12px;
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 1px;
	background-repeat: repeat-x;
}



/********************* ANNOUNCEMENTS STYLING *********************/

#block-mailinglistlink  {
	padding-bottom: 8px;
	margin-bottom: 12px;
	background-image: linear-gradient(to right, black 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 10px 1px;
	background-repeat: repeat-x;
}


/********************* ANNOUNCEMENTS STYLING *********************/

.announcement_container  {
	width: 100%;
	height: auto;
	margin-bottom: 18px;
}

.announcement_title  {
	width: 100%;
	height: auto;
	color: rgb(63,84,165);
	font-size: 20px;
	line-height: 28px;
}

.announcement_body  {
	width: 100%;
	height: auto;
}


/********************* CURRICULUM STYLING *********************/

.view-curriculum-items .view-rows .view-row:nth-child(2) .registration_item_right_title  {display: none;}



/********************* INSTRUCTOR STYLING *********************/

.instructor_container  {
	width: 100%;
	height: auto;
	padding-bottom: 30px;
}

.instructor_left  {
	width: 30%;
	height: auto;
	float: left;
	padding: 6px 12px 0 0;
}

.instructor_left img  {
	width: 100%;
	height: auto;
}

.instructor_right  {
	width: 70%;
	height: auto;
	float: left;
	padding: 0 12px 0 12px;
}

.instructor_name  {
	width: 100%;
	height: auto;
	color: rgb(63,84,165);
	font-size: 20px;
	line-height: 28px;
	padding-bottom: 12px;
}

.instructor_title  {
	width: 100%;
	height: auto;
	font-weight: 700;
	padding-bottom: 8px;
}

.instructor_bio  {
	width: 100%;
	height: auto;
}

.instructor_bio ul  {
	margin-left: 14px;
	margin-bottom: 14px
}

.instructor_bio ul li  {
	margin-bottom: 8px;
	list-style-type: circle !important;
}

.instructor_bio p  {margin-bottom: 14px;}

.view-id-teaching_assistants .instructor_name  {
	color: #6E787A;
	font-size: 16px;
	padding-bottom: 0px;
}

.view-id-teaching_assistants .instructor_container  {padding-bottom: 0px;}

#block-views-block-teaching-assistants-block-1-title  {
	padding-left: 30%;
	padding-bottom: 8px;
	color: rgb(63,84,165);
	font-size: 20px;
	line-height: 28px;
}



/********************* LOCATION STYLING *********************/

.location_item  {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}

.location_left  {
	width: 50%;
	height: auto;
	float: left;
	padding-right: 20px;
}

.location_map  {
	width: 100%;
	height: auto;
	text-align: left;
}

.location_map img  {
	width: 100%;
	height: auto;
	max-width: 300px;
}

.location_right  {
	width: 50%;
	height: auto;
	float: left;
}

.location_title  {
	width: 100%;
	height: auto;
	color: rgb(63,84,165);
	font-size:  24px;
	line-height: 32px;
	margin-bottom: 4px;
}

.location_address  {
	width: 100%;
	height: auto;
	margin-bottom: 4px;
	line-height: 20px;
}

.location_directions  {
	width: 100%;
	height: auto;
	font-size: 14px;
	margin-bottom: 14px;
}

.location_phone  {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}

.location_emails  {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
}

.location_hours  {
	width: 100%;
	height: auto;
	margin-bottom: 8px;
	line-height: 22px;
}



/********************* MAILING LIST STYLING *********************/

#block-mailinglistlink  {
	color: rgb(63,84,165);
	font-size: 20px;
	line-height: 28px;
	text-align: right;
}



/********************* FOOTER STYLING *********************/

#footer_container  {
	width: 100%;
	height: auto;
	margin-top: 12px;
}

#footer_nav  {
	width: 100%;
	height: auto;
}

#footer_nav .navbar_inner  {
	float: none;
	margin-left: 0px;
	margin: 0 auto;
}

#footer_nav .menu__item  {
	width: auto;
	float: left;
}

.footer_address,
.footer_phone  {
	height: auto;
	float: left;
	text-align: center;
}

#footer_address_container  {
	width: 100%;
	height: auto;
	background-color: #171B48;
	color: #FFFFFF;
	padding: 5px;
}

.footer_address_item  {
	width: 350px;
	height: auto;
	margin: 0 auto;
}

.footer_address  {width: 240px;}
.footer_phone  {width: 110px;}

#sub_footer  {
	width: 100%;
	height: auto;
}



/***************/
/*   MOBILE  */
/***************/

@media (max-width: 960px) {

#banner_container  {margin-top: 54px;}

#logo_container  {width: 100%;}

#logo_text  {padding-top: 0px; padding-left: 12px;}

span.logoline1  {width: 100%;font-size: 32px;}

span.logoline2  {font-size: 44px;}

#header_img_container  {display: none;}

#main_left  {width: 100%; padding-right: 0; border-right: 0;}

#main_right  {width: 100%; padding-left: 0;}

#block-mailinglistlink  {text-align: left;}

.ms-slidedown .rm-row, .ms-slidedown .rm-region  {
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#navbar_container  {
	background-color: transparent;
	border: none;
	position: fixed;
	top: 66px;
	left: 0;
	padding: 14px;
}

.navbar_inner  {margin-left: 0px;}

.rm-toggle__label  {display: none;}

.rm-toggle__link, .rm-toggle__link:hover, .rm-toggle__link:focus, .rm-toggle__link:active  {background-color: #171B48; padding: 12px 14px;}

.rm-toggle__icon  {width: 24px; height: 24px;}

.ms-slidedown .rm-block__content .menu .menu__link  {background-color: #171B48;}

.ms-slidedown .rm-block__content .menu .menu__link:hover  {background-color: #3F54A1;}

.ms-slidedown .rm-block__content .menu .menu__link.is-active  {background-color: #3F54A1;}

.location_left  {width: 100%; margin-bottom: 12px; padding-right: 0;}

.location_right  {width: 100%;}

.registration_item_left  {width: 100%; padding: 0 10px;}

.registration_item_right  {width: 100%; padding: 0 10px;}

#footer_nav  {display: none;}

#footer_address_container  {padding: 6px 12px;}

#footer_address_container .views-row div  {width: 100% !important;}

.footer_address_item  {width: 100%; padding: 6px 0;}

.footer_address, .footer_phone  {width: 50% !important; text-align: left;}

}