/* Styles for
Where Shall I Go to Study Advertising & Public Relations
*/

* {
	margin: 0;
	padding: 0;
}

div.clear {
	width: 100%;
	clear: both;
}

body#index {
	background: url('new_images/shattered.png');
}

body#about {
	background: url('new_images/shattered.png');
}

body#index header {
	width: 100%;
	height: 800px;
	position: relative;
}

body#index header {
	background-color: #0db14b;
}

div#edit_button {
	width: 25%;
	margin: 40px auto 0;
	background-color: #0db14b;
	text-align: center;
	padding: 10px;
	font-size: 20px;
	border-radius: 5px;
}

div#edit_button a {
	color: #fff;
	text-decoration: none;
}

div#grey_header {
	width: 100%;
	background: rgba(31,33,36,0.9);
	color: #fff;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 20px;
	padding: 30px 0;
	border-bottom: 3px solid #0a8137;
	position: fixed;
	top: 0;
	z-index: 1;
}

div#header_container {
	width: 90%;
	margin: 0 auto;
}

div#headline_container {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	font-size: 45px;
	color: #fff;
	width: 80%;
	margin: 0 auto;
	position: relative;
	top: 200px;
	border: 0px solid red;
}

div#headline_container h1 {
	font-size: 2em;
}

div#headline_container p {
	width: 80%;
	font-size: 1em;
}

a.logo_link:link, a.logo_link:active, a.logo_link:visited {
	color: #fff;
	text-decoration: none;
	-o-transition:2s;
	-ms-transition:2s;
	-moz-transition:2s;
	-webkit-transition:2s;
	transition:2s;
}

a.logo_link:hover {
	color: #0db14b;
}

nav {
	width: 50%;
	float: right;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	font-weight: 500;
	border: 0px solid red;
}

nav ul {
	width: 66%;
	margin: 0 auto;
}

nav li {
	list-style-type: none;
	display: inline-block;
	text-align: center;
	width: 30%;
	border: 0px solid red;
}

nav li a {
	display: inline-block;
	padding: 0 5px;
	color: #999;
	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
}

nav li a:hover {
	color: #0db14b;
}


div#button_container {
	width: 100%;
	position: absolute;
	bottom: 150px;
}

a#fyp {
	display: block;
	color: #fff;
	border: 3px solid #fff;
	border-radius: 7px;
	padding: 10px;
	width: 250px;
	text-transform: uppercase;
	letter-spacing: 3px;
	text-decoration: none;
	text-align: center;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 200;
	margin: 0 auto;
}

div#states_list {
	width: 100%;
	float: left;
	padding: 100px 0;
}

div#states_list_container {
	width: 80%;
	margin: 0 auto;
}

div#states_list h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 45px;
	text-align: center;
	margin-bottom: 100px;
	color: rgba(46,48,55,0.9);
}

div#state_schools {
	font-family: 'Source Sans Pro', sans-serif;
}

div#state_schools h3 {
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	text-transform: uppercase;
}

ul#school_list {
	list-style-type: none;
}

ul#school_list li {
	border: 0px solid #777;
	border-right: none;
	border-left: none;
	margin-top: 30px;
	display: block;
	padding: 20px 0;
}

ul#school_list li img {
	width: 150px;
	border: 2px solid #fff;
	border-radius: 150px;
	float: left;
	padding: none;
	margin-right: 40px;
}

ul#school_list li h4 {
	font-family: 'Montserrat', sans-serif;
	font-size: 28px;
	font-weight: 400;
	float: left;
	width: 70%;
	border: 0px solid #0db14b;
}

ul#school_list li h4 a:link, ul#school_list li h4 a:active, ul#school_list li h4 a:visited {
	color: #444;
	text-decoration: none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition: .5s;
}

ul#school_list li h4 a:hover {
	color: #0db14b;
	text-decoration: none;
}

ul#school_list p.blurb_loc {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #444;
	float: left;
	width: 70%;
	border: 0px solid teal;
}

ul#school_list p.blurb_loc span {
	color: #b0b0b0;
	display: inline-block;
	margin-left: 7px;
}

ul#school_list p.blurb_desc {
	margin-top: 10px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	color: #777;
	float: left;
	width: 70%;
	max-height: 82px;
	overflow: hidden;
	border: 0px solid purple;
}

ul#school_list table {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	float: right;
	border: 0px solid teal;
	color: #777;
}

ul#school_list table th {
	text-align: right;
	font-weight: 500;
	padding-right: 5px;
}

/* EDITOR */

div#editor_container {
	background-color: #fff;
	border-top: 4px solid #0db14b;
	width: 80%;
	margin: 250px auto 0;
}

div#editor_nest {
	border: 0px solid red;
	float: right;
	width: 79%;
}

/* LOGIN WIZARD */

div#login_container {
	background-color: #fff;
	border-top: 4px solid #0db14b;
	width: 60%;
	margin: 250px auto 0;
	padding: 10px;
}

div#login_container h2, div#editor_container h2 {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 400;
	font-size: 30px;
	color: #777;
	text-transform: none;
	margin: 10px 20px 40px;
}

div#login_container p#email_p {
	font-size: 24px;
	text-align: center;
	width: 90%;
	color: #777;
	margin: 100px auto 10px;
	padding: 20px;
	border: 0px solid red;
}

div#login_container p#login_states_p {
	font-size: 24px;
	text-align: center;
	width: 90%;
	color: #777;
	margin: 0 20px 100px;
	padding: 20px;
}

div#login_container .error {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
	font-weight: 200;
	width: 75%;
	color: #f00;
	border: 0px solid red;
	border-radius: 5px;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

div#login_container td input.error {
	text-align: left;
	font-size: 3em;
}

div#password_box .password_error {
	width: 90%;
	color: #f00;
	padding: 10px;
	margin: 0 auto;
	text-align: center;
}

div.signup_error {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.2em;
	font-weight: 200;
	padding: 10px;
	color: #f00;
}

div#login_container form {
	width: 90%;
	border: 0px solid red;
	margin: 0 auto 50px;
	text-align: center;
}

div#login_container input#email_field {
	padding: 10px;
	border: 1px solid #777;
	width: 400px;
	outline: none;
	border-radius: 5px;
	font-size: 20px;
	color: #777;
}

div#login_container input#email_submit {
	display: inline-block;
	font-size: 20px;
	padding: 10px;
	width: 100px;
	color: #fff;
	border: 0px solid red;
	border-radius: 5px;
	background-color: #0db14b;
}

div#password_box {
	width: 40%;
	margin: 50px auto;
	border: 1px solid #eee;
	border-radius: 5px;
}

div#small_login_cont {
	width: 80%;
	margin: 0 auto;
	border: 0px solid red;
}

div#password_box p#pw_name {
	padding: 0px 0 0 15px;
	text-align: left;
	width: 85%;
	margin: 0 auto;
	font-size: 20px;
	font-weight: 400;
	/*background: url('images/user.png') 10px 10px no-repeat;*/
}

div#password_box p#pw_school {
	padding: 0 0 0 15px;
	width: 85%;
	text-align: left;
	border: 0px solid red;
	font-size: 20px;
	margin: 0 auto;
	margin-bottom: 0px;
}

div#password_box p#pw_reset_link {
	padding: 0 0 0 15px;
	width: 85%;
	margin: 0 auto;
	border: 0px solid red;
	font-size: 0.9em;
}

div#password_box p#pw_reset_link a:link, div#password_box p#pw_reset_link a:active, div#password_box p#pw_reset_link a:visited {
	color: #fd5d54;
	color: #0db14b;
	text-decoration: none;
}

div#password_box p#pw_reset_link a:hover {
	text-decoration: underline;
}

div#password_box img {
	display: block;
	margin: 0 auto 50px;
	padding: 20px;
}

div#password_box img.user {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

div#password_box input#password {
	padding: 10px;
	margin-top: 50px;
	border: 1px solid #777;
	width: 80%;
	margin: 50px auto;
	outline: none;
	border-radius: 5px;
	font-size: 20px;
	color: #777;
}

div#password_box input#login_submit {
	display: block;
	width: 85%;
	margin: 0 auto;
	padding: 10px;
	font-size: 20px;
	background-color: #0db14b;
	color: #fff;
	border: none;
	outline: none;
	border-radius: 5px;
}

div#login_container p#pw_welcome {
	padding: 20px;
	font-size: 20px;
}

div#login_container input#reset {
	background-color: #0db14b;
	padding: 10px 30px;
	border: none;
	font-size: 20px;
	color: #fff;
	border-radius: 5px;
	cursor: pointer;
}

div#login_container a#login_redirect_button {
	display: block;
	width: 150px;
	margin: 50px auto;
	padding: 10px 20px;
	background-color: #0db14b;
	color: #fff;
	font-size: 20px;
	text-decoration: none;
	text-align: center;
	border: none;
	border-radius: 5px;
	font-family: 'Source Sans Pro', sans-serif;
}

/* ABOUT PAGE */

div#about_content {
	border: 0px solid teal;
	width: 60%;
	margin: 250px auto 0;
	padding: 10px;
}

div#about_content h2 {
	font-family: 'Montserrat', sans-serif;
	font-size: 2.5em;
	text-transform: uppercase;
	margin-bottom: 40px;
}

div#about_content p, div#login_container p {
	color: #444;
	font-size: 1.2em;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 300;
	width: 50%;
	text-align: justify;
}

div#about_content p span.bold, div#login_container p span.bold {
	font-weight: 400;
}

div#about_content img {
	float: right;
}

div#about_content p a:link, div#about_content p a:visited, div#about_content p a:active {
	color: #777;
	text-decoration: none;
	-o-transition:.35s;
	-ms-transition:.35s;
	-moz-transition:.35s;
	-webkit-transition:.35s;
	transition: .35s;
}

div#about_content p a:hover {
	color: #0db14b;
	text-decoration: none;
}

div#about_content p a.msu_link:hover {
	color: #60a42a;
	text-decoration: none;
}

div#about_content p span.link_fix {

}

div#about_content h3 {
	margin: 75px 0 40px 0;
	font-family: 'Montserrat', sans-serif;
	font-size: 24px;
	text-transform: uppercase;
}

div#about_content ul {
	list-style-type: none;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 28px;
	font-weight: 200;
	color: #777;
}

div#about_content li span {
	display: inline-block;
	width: 10%;
	margin-right: 10px;
	text-align: right;
	font-family: 'Montserrat', sans-serif;
	font-size: 72px;
	font-weight: 700;
	color: #0db14b;
}



/* FIND YOUR PLACE / WIZARD 1 */


body#wizard_1 {
	background-color: #4da6ff;
	font-family: 'Source Sans Pro', sans-serif;
}

div#wizard_content_1 {
	width: 60%;
	margin: 350px auto 0;
	text-align: center;
}

div#wizard_content_1 h1 {
	font-size: 100px;
	font-weight: 100;
	color: #fff;
	text-align: center;
	margin: 0 0 150px 0;
}

div#wizard_content_1 a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 200;
	width: 250px;
	padding: 10px;
	border: 2px solid white;
	border-radius: 7px;
	margin: 0 40px;
}


/* WIZARD 2 */

body#wizard_2 {
	background-color: #009c46;
	font-family: 'Source Sans Pro', sans-serif;
}

div#wizard_content_2 {
	width: 60%;
	margin: 350px auto 0;
	text-align: center;
}

div#wizard_content_2 h1 {
	font-size: 100px;
	font-weight: 100;
	color: #fff;
	text-align: center;
	margin: 0 0 150px 0;
}

div#wizard_content_2 a {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 3px;
	font-weight: 200;
	width: 250px;
	padding: 10px;
	border: 2px solid white;
	border-radius: 7px;
	margin: 0 10px;
}



/* THIS IS THE SHOW */

body#show {
	background: url('new_images/shattered.png');
	font-family: 'Source Sans Pro', sans-serif;

}

div#show_content {
	width: 60%;
	margin: 88px auto 0;
	border: 0px solid pink;
	border-top: none;
	border-bottom: none;
}

div#title_map {
	height: 500px;
}

div#title_section {
	width: 30%;
	height: 100%;
	background-color: rgba(151,151,162,0.8);
	color: #fff;
	float: left;
	text-align: center;
}

div#title_section h3 {
	font-weight: 500;
	font-size: 2em;
	margin: 0 0 20px 0;
}

div#title_section p.univ_url {
	font-weight: 200;
}

div#title_section p.univ_url a:link, div#title_section p.univ_url a:active, div#title_section p.univ_url a:visited, div#title_section p.univ_url a:hover {
	color: #fff;
	text-decoration: none;
}

div#title_section img.prof_pic {
	width: 200px;
	border-radius: 200px;
	border: 3px solid #fff;
	padding: 0;
	margin: 40px 0;
}

div#title_section p.social {
	margin: 20px 0;
	font-weight: 200;
}

div#title_section p.social span {
	font-weight: 300;
}

div#title_section img.social_icon {
	width: 20px;
	position: relative;
	top: 5px;
	margin: 0 5px;
	border: 0px solid pink;
}

div#map {
	float: right;
	width: 70%;
	height: 100%;
}

div#show_nav {
	width: 100%;
	padding: 20px 0 12px 0;
	background-color: #fff;
	text-align: center;
}

div#show_nav ul {
	list-style-type: none;
}

div#show_nav ul li {
	display: inline;
	margin: 0 30px;
	padding: 0 10px 10px;
}

div#show_nav ul li a {
	color: #999;
	text-decoration: none;
}

div#show_nav ul li.selected a {
	color: #444;
}

div#show_nav ul li.about {

}

/* tabs */

ul.editor_tabs {
	list-style: none;
	font-family: 'Source Sans Pro', sans-serif;
	width: 20%;
	float: left;
	height: 1200px;
	border-right: 0px solid red;
}

ul.editor_tabs li {
	background: none;
	padding: 10px 20px;
	font-size: 1.3em;
	color: #777;
	border-bottom: 0px solid #0db14b;
}

ul.editor_tabs li a:link, ul.editor_tabs li a:visited, ul.editor_tabs li a:active {
	color: #444;
	text-decoration: none;
	transition: 0.5s;
}

ul.editor_tabs li a:hover {
	color: #0db14b;
}

ul.editor_tabs li a.selected {
	color: #0db14b;
}

div#editor_container .tab-content {
	float: left;
	margin-left: 50px;
	background: #eee;
}

ul.tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
ul.tabs li{
	background: none;
	color: #999;
	cursor: pointer;
}

ul.tabs li.current {
	color: #444;
}

ul.tabs li.about.current{
	border-bottom: 2px solid #0db14b;
}
ul.tabs li.acad.current{
	border-bottom: 2px solid #fd5d54;
}
ul.tabs li.tuit.current{
	border-bottom: 2px solid #00d243;
}
ul.tabs li.finaid.current{
	border-bottom: 2px solid #0080ff;
}

.tab-content{
	display: none;
}

.tab-content.current{
	display: inherit;
}

/* end tabs */


div#full_column {
	width: 100%;
	float: left;
	margin-top: 40px;
}


div#left_column {
	width: 49%;
	float: left;
	margin-top: 40px;
}

div#right_column {
	width: 49%;
	float: right;
	margin-top: 40px;
}

div#left_column div h4, div#right_column div h4, div#full_column div h4 {
	font-weight: 300;
	font-size: 24px;
	padding: 20px;
}

div#left_column div, div#right_column div, div#full_column div {
	color: #777;
	font-weight: 200;
	width: 100%;
	background-color: #fff;
	border-width: 3px;
	border-top-style: solid;
	border-bottom: none;
	margin-bottom: 40px;
}

div#schol {
	border-color: #0080ff;
}

div#academics {
	border-color: #fd5d54;
}

div#in_state_tuit {
	border-color: #00d243;
}

div#out_state_tuit {
	border-color: #0db14b;
}

div#finaid {
	border-color: #0db14b;
}

div#fast_facts {
	border-color: #0db14b;
}

div#academics p {
	padding: 0 20px 20px;
}

div#fast_facts h4 {

}

div#fast_facts ul {
	list-style-type: none;
	padding: 10px 0;
}

div#fast_facts li {
	padding: 10px 10px 7px;
	margin: 0 20px;
	border-bottom: 1px solid #ddd;
}

div#fast_facts li span {
	font-weight: 400;
}

div#about_school {
	border-color: #fd5d54;
}

div#about_school h4 {

}

div#about_school h5 {
	font-size: 18px;
	font-weight: 300;
	padding: 20px;
}

div#about_school p {
	padding: 0 20px 20px;
}

div#contact_info {
	border-color: #ffa500;
}

div#contact_info p {
	padding: 20px;
	width: 50%;
	float: left;
}

div#contact_info p span {
	font-weight: 300;
}

div#contact_info table {
	margin: 20px;
	float: right;
}

div#contact_info table th {
	font-weight: 300;
	text-align: right;
	padding-right: 10px;
}

div#contact_info table td a:link, div#contact_info table td a:active, div#contact_info table td a:visited {
	text-decoration: none;
	color: #444;
	transition: 0.5s;
}

div#contact_info table td a:hover {
	color: #0db14b;
}


div#student_orgs {
	border-color: #0080ff;

}

div#student_orgs p {
	padding: 0 20px 20px;
}

div#student_orgs ul li {
	border: 0px solid purple;
	margin: 0 20px;
	list-style-type: none;
}

div#student_orgs ul li img {
	padding: 10px;
	float: left;
}

div#student_orgs ul li p {
	padding: 20px 0;
	float: right;
}

div#student_orgs ul li p a:link, div#student_orgs ul li p a:visited, div#student_orgs ul li p a:active {
	color: #777;
	text-decoration: none;
	transition: 0.5s;
}

div#student_orgs ul li p a:hover {
	color: #0db14b;
}



div#faculty {
	border-color: #00d243;
}

div#faculty p.desc {
	padding: 0 20px 20px;
	margin: none;
}

div#faculty p span {
	font-weight: 400;
}

div#faculty p.chair_name {
	padding: 0 0 0 40px;
	font-weight: 300;
}

div#faculty p.chair_name a:link, div#faculty p.chair_name a:active, div#faculty p.chair_name a:visited {
	color: #777;
	text-decoration: none;
	transition: 0.5s;
}

div#faculty p.chair_name a:hover {
	color: #0db14b;
}

div#faculty p.chair_title {
	padding: 0 0 0 40px;
	font-style: italic;
}

div.four_across {
	padding: 0 0px;
}

div.four_across span.big_num {
	display: block;
	float: left;
	width: 20%;
	padding: 10px 0;
	color: #666;
	font-size: 32px;
	font-weight: 400;
	line-height: .75em;
}

div.four_across span.first {
	padding-left: 40px;
}


div.four_across span.big_num span.caption {
	color: #777;
	font-size: 16px;
	font-weight: 200;
	line-height: 0.5em;
}

#in_state_chart {
	visibility: visible;
	width: 400px;
	height: 400px;
	margin: 20px 100px;
	float: left;
}

table#in_state_table, table#out_state_table {
	width: 40%;
	padding-left: 100px;
	font-size: 1.4em;
}

table#in_state_table th, table#out_state_table th {
	font-weight: 200;
	text-align: left;
	height: 50px;
}

table#in_state_table td, table#out_state_table td {
	text-align: right;
	font-weight: 400;
}

th.tuit {
	border-bottom: 5px solid #595959;
}

th.room {
	border-bottom: 5px solid #f6c146;
}

th.board {
	border-bottom: 5px solid #f76f58;
}

th.books {
	border-bottom: 5px solid #3a8af0;
}

th.persexp {
	border-bottom: 5px solid #5ac3cb;
}

/*th.tuit_out {
	border-bottom: 5px solid #0db14b;
}

th.room_out {
	border-bottom: 5px solid #3299ff;
}

th.board_out {
	border-bottom: 5px solid #66b2ff;
}

th.books_out {
	border-bottom: 5px solid #99ccff;
}

th.persexp_out {
	border-bottom: 5px solid #b2d8ff;
}
*/
div#in_state_tuit p, div#out_state_tuit p {
	padding: 0 20px 20px;
}

div#in_state_tuit p strong, div#out_state_tuit p strong {
	font-weight: 400;
}

#out_state_chart {
	visibility: visible;
	width: 400px;
	height: 400px;
	margin: 20px 100px;
	float: left;
}



div#academics p strong {
	font-weight: 400;
}

div#academics div.degree {
	font-family: 'Source Sans Pro', sans-serif;
	border-top: none;
	width: 80%;
	margin: 0 auto 20px;
	background-color: #eee;
	border-top: 3px solid #777;
}

div.degree div.clear {
	margin: 0;
	padding: 0;
	border: none;
	height: 10px;
}

div.degree h5 {
	padding: 20px 20px 0;
	font-size: 1em;
	font-weight: normal;
	width: 80%;
	float: left;
}

div.degree p {
	float: left;
	width: 75%;
}

div.degree a:link, div.degree a:active, div.degree a:visited {
	color: #444;
	text-decoration: none;
	transition: 0.5s;
}

div.degree a:hover {
	color: #0db14b;
}

div.degree p.deg_type {
	margin: none;
	padding: none;
	font-size: 0.9em;
}

table.deg_table {
	width: 20%;
	margin-bottom: 20px;
}

table.deg_table th {
	text-align: right;
}

div#new_acad_display div.degree_edit_disp {
	font-family: 'Source Sans Pro', sans-serif;
	float: left;
	width: 70%;
	background-color: #eee;
	border-top: 3px solid #777;
	margin: 20px 0;
}

div#new_acad_display div.degree_edit_disp h5 {
	font-weight: 600;
	font-size: 1em;
	padding: 20px 20px 0;
}

div#new_acad_display div.degree_edit_disp p {
	padding: 0 0 20px 20px;
	width: 70%;
	float: left;
	border: 0px solid red;
}

div#new_acad_display div.degree_edit_disp table {
	width: 25%;
	float: right;
	border: 0px solid red;
	margin: 0;
	margin-left: 10px;
}

div#new_acad_display div.degree_edit_disp table th {
	width: auto;
}

div#new_acad_display div.degree_edit_disp div.clear_edit {
	width: 100%;
	clear: both;
}

div#acad_edit div.degree {
	font-family: 'Source Sans Pro', sans-serif;
	width: 70%;
	margin: 0 auto;
	background-color: #eee;
	border-top: 3px solid #777;
}

div#acad_edit div.degree h5 {
	font-weight: 400;
	font-size: 1em;
	width: 70%;
	float: left;
}

div#acad_edit p {
	padding: 0 20px 20px;
}

div#acad_edit div.degree p.deg_type {
	margin: none;
	padding: none;
	font-size: 0.9em;
}

div#acad_edit div.degree p {
	float: left;
	width: 60%;
	border: 1px solid red;
}

div#acad_edit table.deg_table {
	width: 25%;
	border: 1px solid red;
	margin: 20px 0;
}

div#acad_edit table.deg_table th {
	width: auto;
}

div#academics table.big_four_across {
	width: 75%;
	margin: 70px auto 100px;

}

table.big_four_across td {
	width: 25%;
	vertical-align: bottom;
	font-size: 4em;
	font-weight: bold;
	color: #0db14b;
}

table.big_four_across td span {
	display: block;
	font-size: 0.25em;
	font-weight: 400;
	color: #777;
}

table.big_four_across td ul li {
	padding-left: 25px;
	list-style-type: none;
	font-size: 0.25em;
	margin: 2px 0;
	color: #777;
	font-weight: 400;
}

table.big_four_across td ul li.checked {
	background: url('new_images/check15.png') no-repeat;
}

div#finaid p, div#schol p {
	padding: 0 20px 20px;
}

div#finaid a:link, div#schol a:link, div#finaid a:active, div#schol a:active, div#finaid a:visited, div#schol a:visited {
	color: #777;
	text-decoration: none;
	transition: 0.5s;
}


div#finaid a:hover, div#schol a:hover {
	color: #0db14b;
}

div#schol h1 {
	font-size: 4em;
	color: #0db14b;
	margin-top: 20px;
	padding: 0 40px 20px;
	line-height: 0.4em;
}

div#schol h1 span {
	font-size: 0.25em;
	font-weight: normal;
	color: #777;
}



div#editor_container {
	font-family: 'Source Sans Pro', sans-serif;
}

div#editor_container h3 {
	font-weight: 600;
	font-size: 24px;
	color: #777;
	text-transform: none;
	margin: 10px 20px 10px;
}

div#editor_container table {
	border: 0px solid red;
	border-spacing: 10px;
	width: 80%;
	margin: 20px 0;
	font-family: 'Source Sans Pro', sans-serif;
}

div#editor_container table th {
	font-weight: 400;
	text-align: left;
	width: 40%;
	font-size: 20px;
	border:0px solid blue;
	vertical-align: top;
}

div#editor_container table td {
	border: 0px solid purple;
}

div#editor_container table td input.text, div#login_container form table#p_change td input.text {
	width: 80%;
	font-size: 18px;
	font-weight: 200;
	border: 1px solid #ddd;
	outline: none;
	padding: 10px;
	border-radius: 5px;
	color: #777;
	margin-bottom: 10px
}

div#editor_container table td textarea {
	height: 150px;
	width: 80%;
	padding: 10px;
	border: 1px solid #ddd;
	border-radius: 5px;
	font-size: 18px;
	color: #777;
	vertical-align: top;
}

div#editor_container table td input.http {
	width: 72.5%;
}

div#editor_container table td input.num {
	width: 20%;
	text-align: center;
}

div#editor_nest table#acad_list th {
	background-color: #eee;
	padding: 5px;
}

div#editor_container p.edit_copy {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 16px;
	font-weight: 200;
	color: #666;
	float: left;
	margin: 20px 0;
	border-left: 5px solid #ddd;
	padding: 10px 0 20px 10px;
	width: 70%;
}

div#editor_container select {
	font-size: 20px;
	color: #777;
	font-family: 'Source Sans Pro', sans-serif;
	margin: 20px 0;
	width: 80%;
	padding: 10px;
	border: none;
	background: none;
}

div#editor_container input.edit_submit, div#login_container input#change_submit {
	display: inline-block;
	font-size: 20px;
	padding: 10px;
	width: 25%;
	cursor: pointer;
	color: #fff;
	border: 0px solid red;
	border-radius: 5px;
	background-color: #0db14b;
}

div#login_container input#change_submit {
	width: 90%;
	font-size: 18px;
}

table#new_entry_table {
	width: 60%;
	border: 0px solid red;
	margin: 0 auto 100px;
}

table#new_entry_table th {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 18px;
	color: #777;
	font-weight: 400;
	text-align: left;
	width: 30%;
}

table#new_entry_table td {
	text-align: left;
}

table#new_entry_table td input {
	width: 80%;
	font-family: 'Source Sans Pro', sans-serif;
	color: #0db14b;
	font-size: 18px;
	padding: 10px;
	border: 1px solid #ddd;
	outline: 0;
	border-radius: 5px;
}

table#new_entry_table td input#new_entry_submit {
	width: 25%;
	background-color: #0db14b;
	color: #fff;
	margin-top: 30px;
	font-size: 20px;
}

form#email_reset input {
	width: 250px;
	padding: 10px;
	border: 1px solid #777;
	outline: 0;
	border-radius: 5px;
	font-size: 18px;
	color: #0db14b;
}

div#editor_container table td input.error, div#editor_container table td textarea.error, div#login_container table#p_change td input.error {
	border: 1px solid red;
	color: red;
}

div#editor_container div.error_message, div#login_container div.error_message {
	padding: 10px;
	border: 1px solid red;
	border-radius: 5px;
	color: red;
	width: 70%;
	text-align: left;
	margin: 0 auto 10px;
	font-family: 'Source Sans Pro',Helvetica,sans-serif;
}

div#editor_container div.success_message {
	padding: 10px;
	border: 1px solid green;
	border-radius: 5px;
	color: green;
	width: 70%;
}

div#editor_container a#completeness_report {
	display: block;
	width: 70%;
	margin: 0 auto;
	color: #f00;
	font-weight: 700;
	text-align: center;
	text-decoration: none;
	padding: 10px;
	border: 5px solid #f00;
}

div#editor_container a:link, div#editor_container a:visited, div#editor_container a:active {
	color: #0db14b;
}

div#editor_container a.selected {
	border-bottom: 3px solid #ddd;
}

div#editor_container a.link_button {
	display: block;
	width: 90%;
	text-align: center;
	background-color: #0db14b;
	color: #fff;
	border: 3px solid #0a8137;
	border-radius: 5px;
	padding: 5px;
}

div#login_container table#p_change {
	margin: 0 auto;
	font-family: 'Source Sans Pro',Helvetica,sans-serif;
}

div#login_container table#p_change th {
	text-align: right;
	font-weight: 400;
	font-size: 1.1em;
}

div#login_container table#p_change td input.text {
	padding: 10px;
	margin: 5px 0 5px 10px;
	border: 1px solid #777;
	border-radius: 5px;
	color: #0db14b;
	font-family: 'Source Sans Pro',Helvetica,sans-serif;
	font-size: 1.1em;
	width: 100%;
}

div#login_container table#p_change td input#change_submit {
	width: 100%;
	margin: 5px 0 5px 10px;
}



@media screen and (max-width: 1680px) {
	div#states_list_container {
		width: 90%;
	}

	ul#school_list p.blurb_desc {
		width: 60%;
	}
	div#show_content {
		width: 80%;
	}
}

@media screen and (max-width: 1440px) {
	div#show_content {
		width: 80%;
	}

	div#states_list_container {
		width: 90%;
	}

	ul#school_list p.blurb_desc {
		width: 60%;
	}

	div#login_container {
		width: 90%;
	}

	div#editor_container {
		width: 90%;
	}
	
	div#about_content li span {
		width: 30%;
	}
}

@media screen and (max-width: 1280px) {
	div#headline_container p {
		font-size: 0.9em;
	}

	div#show_content {
		width: 90%;
	}
	
	div#about_content {
		width: 90%;
	}

	div#states_list_container {
		width: 90%;
	}
	
	div#about_content li span {
		width: 30%;
	}



}

@media screen and (max-width: 1024px) {

	div#headline_container h1 {
		font-size: 1.5em;
	}

	div#headline_container p {
		font-size: 0.8em;
	}

	ul#school_list li p.blurb_desc {
		width: 50%;
		border: 1px solid red;
	}
	
	div#show_content {
		width: 80%;
	}


}

@media screen and (max-width: 768px) {

}


@media screen and (max-width: 480px) {

}