/* 
- COLOR PALETTE -
DARK BLUE 		- #0591CC
LIGHT BLUE 		- #00B8E7
ORANGE 			- #F47521
GREEN 			- #92BF42

- TEXT COLORS -
DARK GREY 		- #191919
LIGHT GREY 		- #666666

- MEGA NAV COLORS -
ABOUT ORANGE	- #FDB900
APPLY GREEN 	- #72BF44
CLASSES BLUE	- #00B8E7
STUDENTS RED	- #F47521
STAFF GREEN		- #2CA04D
SURF BLUE		- #006BB6
*/
.developer
{
	margin-top: 20px;
	color: #CCCCCC !important;
 }
.developer span
{
	color:#999999 !important
}
body											{background:#0591CC;}
table											{width:100%;border:none;}
table, tr, td									{vertical-align:top;}
.imagewrap										{float:left;margin:15px 20px 0 0;}

.nav-bg											{background:url('../images/nav_mainbg.gif') repeat-x;}

/* LOGO */
section figure									{position:absolute;z-index:9999;}

/* TOP NAVIGATION MENU */
nav.navtop  									{height:75px;}
nav.navtop ul 									{margin:40px 0 0 320px;}
nav.navtop ul li a 								{color:#FFFFFF;text-decoration:none;display:block;float:left;padding:0 10px;}
nav.navtop ul li a:hover 						{color:#00B8E7;}

/* TOP NAVIGATION MENU - SEARCH BOX */
#cse-search-box-mobile							{display:none;}
nav.searchbg									{margin-top:8px;height:67px;font-size:smaller;}
nav.searchbg span								{color:#FFFFFF;}
#search-box-google,
#search-box-directory							{width:88%;height:30px;padding:2px 0 2px 25px;color:black;border-radius:7px;border:none;background:url('../images/search_button.png') no-repeat rgba(223,223,223,0.50) 5px;}
#search-box-google:focus,
#search-box-google:focus + input,
#search-box-directory:focus,
#search-box-directory:focus + input				{outline:none;}

/* MAIN NAVIGATION MENU */
#mymenu 										{display:none;width:100%;float:right;margin:0;}
.navmain 										{height:57px;position:relative;}
.navmain ul										{margin-left:200px;}
.navmain ul li									{display:inline;}
.navmain ul li a 								{color:#FFFFFF;text-decoration:none;font-weight:bold;display:block;float:left;text-align:center;padding:20px 0;}
.navmain ul li a.home 							{width:80px;}
.navmain ul li a.about 							{width:90px;}
.navmain ul li a.publications					{width:115px;}
.navmain ul li a.gallery  						{width:105px;}
.navmain ul li a.research 						{width:130px;}
.navmain ul li a.students  						{width:105px;}
.navmain ul li a.contact						{width:105px;}
.navmain ul li a.surf 							{width:105px;background:#0481b5;padding:20px 0 13px 0;}
.navmain ul li ul 								{display:none;}
.navmain ul li:hover a							{background:#FFFFFF !important;}
.navmain ul li a.active							{background:#FFFFFF !important;}
.navmain ul li a.home.active					{color:#FDB000;}
.navmain ul li a.about.active					{color:#72BF44;}
.navmain ul li a.publications.active			{color:#0591CC;}
.navmain ul li a.gallery.active					{color:#F47521;}
.navmain ul li a.research.active				{color:#2CA04D;}
.navmain ul li a.students.active				{color:#006BB6;}
.navmain ul li a.contact.active					{color:#FDB000;}
.navmain ul li:hover a.home						{color:#FDB000;}
.navmain ul li:hover a.about					{color:#72BF44;}
.navmain ul li:hover a.publications				{color:#0591CC;}
.navmain ul li:hover a.gallery					{color:#F47521;}
.navmain ul li:hover a.research					{color:#2CA04D;}
.navmain ul li:hover a.students					{color:#006BB6;}
.navmain ul li:hover a.contact					{color:#FDB000;}
.navmain ul li:hover ul 						{display:block !important;background:#FFFFFF;position:absolute;z-index:9998;top:53px}
.left_students{ left:480px}
.left_research{ left:350px}
.left_gallery{ left:230px}
.left_publications{ left:130px}
.left_about{ left:40px}
.navmain ul li:hover ul a						{background:none;}
.navmain ul li:hover ul.about-panel				{border-bottom:solid 8px #72BF44;}
.navmain ul li:hover ul.publications-panel		{border-bottom:solid 8px #0591CC;}
.navmain ul li:hover ul.research-panel			{border-bottom:solid 8px #2CA04D;}
.navmain ul li:hover ul.students-panel			{border-bottom:solid 8px #006BB6;}
.navmain ul li:hover ul.staff-panel				{border-bottom:solid 8px #2CA04D;}
.navmain ul li:hover ul.gallery-panel				{border-bottom:solid 8px #F47521;}
.navmain ul li:hover ul li a 					{display:block; color:#000; padding-left:10px;}

/* MAIN NAVIGATION MENU - MENU PANELS */
.navmain ul li:hover ul li						{position: left;float:left;padding:10px;height:auto;}
.navmain ul li:hover ul li h2					{font-size:14px;font-weight:bold;padding:7px;}
.navmain ul li:hover ul li a					{background-color:transparent !important;margin:-12px 0;padding:7px;font-weight:normal;color:#666;display:block; float:none; text-align:left; height:auto;}

/* MAIN NAVIGATION MENU - MENU PANELS - ROLLOVER COLORS */
.navmain ul li:hover ul.about-panel a:hover		{background-color:#72BF44 !important; color:#FFFFFF;}
.navmain ul li:hover ul.publications-panel a:hover	{background-color:#0591CC !important; color:#FFFFFF;}
.navmain ul li:hover ul.research-panel a:hover	{background-color:#2CA04D !important; color:#FFFFFF;}
.navmain ul li:hover ul.students-panel a:hover	{background-color:#006BB6 !important; color:#FFFFFF;}
.navmain ul li:hover ul.staff-panel a:hover		{background-color:#2CA04D !important; color:#FFFFFF;}
.navmain ul li:hover ul.gallery-panel a:hover		{background-color:#F47521 !important; color:#FFFFFF;}

/* MAIN NAVIGATION MENU - MENU PANELS - COLUMN STRUCTURE */
.navmain ul li:hover ul .panel-col1				{width:220px;}
.navmain ul li:hover ul .panel-col2				{width:245px;}
.navmain ul li:hover ul .panel-col3				{width:175px;background:#F1F1F1;}

/* MAIN NAVIGATION MENU - MENU PANELS - COLUMN STRUCTURE - SURF */
.navmain ul li:hover ul.surf-panel li.panel-col1 h2 	{color:#006BB6;line-height:normal;margin:10px 0 0 0;}
.navmain ul li:hover ul.surf-panel li.panel-col1 h3		{font-size:110%;padding:7px 7px 0 7px;}
.navmain ul li:hover ul.surf-panel li.panel-col1 div	{margin-top:-5px;}
.navmain ul li:hover ul.surf-panel li.panel-col2 h2 	{color:black;}
.navmain ul li:hover ul.surf-panel li.panel-col1 div	{font-size:85%;padding:5px;float:left; width:135px;}
.navmain ul li:hover ul.surf-panel li.panel-col1 div br	{line-height:20px;}
.navmain ul li:hover ul.surf-panel li.panel-col1 		{width:290px;}
.navmain ul li:hover ul.surf-panel li.panel-col2 		{width:175px; color:#FFFFFF;}
.navmain ul li:hover ul.surf-panel li.panel-col3		{width:175px;}
.navmain ul li:hover ul.surf-panel li.panel-col3 a:hover{background:none !important; color:black;}
.navmain ul li:hover ul.surf-panel li.panel-col3 button	{text-shadow:none;margin:0 0 20px 7px;width:160px;height:35px;color:#FFFFFF;border:none;
	background:-moz-linear-gradient(top, #499bea 0%, #207ce5 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#499bea), color-stop(100%,#207ce5)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #499bea 0%,#207ce5 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #499bea 0%,#207ce5 100%); /* IE10+ */
	background:linear-gradient(to bottom, #499bea 0%,#207ce5 100%); /* W3C */
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#499bea', endColorstr='#207ce5',GradientType=0 ); /* IE6-9 */
}
.responsive-primary-menu						{display:none !important;}

/* IMAGE ROTATOR */
#header img										{width:100%;height:auto;}

/* IMAGE ROTATOR - INNER PANEL */
header .cycle-overlay 							{position:absolute;bottom:80px;z-index:600;margin-left:10%;height:90px;background:#FFFFFF;width:480px;}
header .cycle-overlay h1			 			{margin:5px 0 -5px 20px;font-size:250%;font-weight:300;}
header .cycle-overlay p			 				{margin:0 0 5px 20px;}
header #custom-pager							{text-align:center;background:black;position:absolute;z-index:999;bottom:0px;width:100%;background-color:rgba(0,0,0,0.6);}
header #custom-pager a							{color:#999999;padding:0 20px;text-decoration:none;cursor:pointer;}
header #custom-pager a:hover					{color:#FFFFFF;background-color:rgba(0,0,0,0.7);}

/* BACKGROUND COLOR FIX */
#contentbg										{background:#FFFFFF;}

/* QUADRANTS */
.quadrants		 								{padding-top:40px !important;}
.quadrants .box 								{height:170px;border-bottom:solid silver 1px;padding-top:20px;}
.quadrants .box a,
.quadrants .box h1 								{text-decoration:none;}
.quadrants .box h1								{font-size:240%;line-height:normal;font-weight:300;}
.quadrants .box img								{float:right;}
.quadrants .box h1 a							{display:block;width:210px;color:#000000;}
.quadrants .box h1 a:hover span,
.quadrants .box h1 a:hover						{padding-left:5px;color:#FFFFFF;}
.quadrants .box h1 a:hover span.more			{padding-left:0px;}
.quadrants .box span.more						{font-size:50%;}

.quadrants .box1 								{border-top:solid #0591CC 8px;margin-bottom:40px;}
.quadrants .box1 span.plus,
.quadrants .box1 span.more,
.quadrants .box1 p a							{color:#0591CC;}
.quadrants .box1 h1 a:hover span,
.quadrants .box1 h1 a:hover						{background:#0591CC;}

.quadrants .box2 								{border-top:solid #92BF42 8px;margin-bottom:40px;}
.quadrants .box2 span.plus,
.quadrants .box2 span.more,
.quadrants .box2 p a							{color:#92BF42;}
.quadrants .box2 h1 a:hover span,
.quadrants .box2 h1 a:hover						{background:#92BF42;}

.quadrants .box3 								{border-top:solid #F47521 8px;}
.quadrants .box3 span,
.quadrants .box3 p a							{color:#F47521;}
.quadrants .box3 h1 a:hover span,
.quadrants .box3 h1 a:hover						{background:#F47521;}

.quadrants .box4 								{border-top:solid #00B8E7 8px;}
.quadrants .box4 span,
.quadrants .box4 p a							{color:#00B8E7;}
.quadrants .box4 h1 a:hover span,
.quadrants .box4 h1 a:hover						{background:#00B8E7;}

/* BIG HEADINGS */
.mainheader-whatshappening,
.mainheader-campuslocations						{margin:40px auto;text-align:center;font-weight:normal;font-size:300%;}
.mainheader-campuslocations						{color:#0591CC;}

/* WHATS HAPPENING */
.whatshappening-menu							{min-height:40px;padding-left:10px;}
.whatshappening-menu li a						{display:block;width:187px;float:left;font-size:80%;text-align:center;background:#E6E6E6;padding:10px 0;color:#000000;text-decoration:none;border-right:solid 1px #FFFFFF;}
.whatshappening-menu li a.last					{border-right:none;}
.whatshappening-menu li a:hover,
.whatshappening-menu li a.active				{border-top:solid 5px;padding:5px 0 10px 0;font-weight:bold;}
.whatshappening-menu li a:hover#tab-1,
.whatshappening-menu li a.active#tab-1			{border-top:solid 5px #72BF44;}
.whatshappening-menu li a:hover#tab-2,
.whatshappening-menu li a.active#tab-2			{border-top:solid 5px #00B8E7;}
.whatshappening-menu li a:hover#tab-3,
.whatshappening-menu li a.active#tab-3			{border-top:solid 5px #2CA04D;}
.whatshappening-menu li a:hover#tab-4,
.whatshappening-menu li a.active#tab-4			{border-top:solid 5px #006BB6;}
.whatshappening-menu li a:hover#tab-5,
.whatshappening-menu li a.active#tab-5			{border-top:solid 5px #F47521;}

.whatshappening h1								{font-size:200%;color:#666;margin:-15px 0 0 0;}
.tab-1 a 										{color:#72BF44;}
.tab-2 a 										{color:#00B8E7;}
.tab-3 a 										{color:#2CA04D;}
.tab-4 a 										{color:#006BB6;}
.tab-5 a 										{color:#F47521;}
.tab-2, .tab-3,	.tab-4,	.tab-5					{display:none;}

/* ASK A QUESTIONS */
.ask-bg											{width:100%;height:100px;background:#00B8E7;margin:60px 0;}
.ask-bg section									{text-align:center;padding-top:10px;}
.ask-bg section form							{width:70%;margin:0 auto;}
.ask-bg section form #ask-box					{float:left;width:600px;font-size:90%;height:19px;padding:5px;border:1px solid silver;border-radius:5px 0 0 5px;}
.ask-bg section form #ask-button				{float:left;margin-left:-1px;}

/* CAMPUS LOCATIONS */
.campus-locations								{margin-bottom:40px;}
.campus-locations p								{margin-top:10px;font-size:90%;color:#666;}
.campus-locations a								{text-decoration:none;color:#666;}
.campus-locations a.phone-primary				{color:#00B8E7;font-weight:bold;}
.campus-locations a.phone-secondary				{color:#92BF42;font-weight:bold;}

/* FOOTER */
footer											{width:100%;background:#1A1A1A;}
footer .footer-panel							{margin-bottom:20px !important;}
footer .footer-panel p							{margin:20px 0;font-size:95%;color:#FFFFFF;}
footer .footer-panel hr				 			{width:90%;border-color:#666;margin-top:90px;}
footer .footer-panel ul li a					{display:block;float:left;width:45%;color:#666;font-size:90%;text-decoration:none;margin-bottom:10px;}
footer .footer-panel ul li a:hover				{color:#FFF;background-color:#666;}
footer .footer-panel .copyright					{color:#666;font-size:70%;}

/* FOOTER - GOOGLE TRANSLATE */
.footer-translate								{float:left;color:#FFFFFF;font-size:90%;margin-right:10px;}
.footer-translate-menu							{float:left;margin-top:-4px;}
#google_translate_element 						{overflow:hidden;height:24px;margin-left:0px;padding-top:-10px;}
#goog-gt-tt										{display:none;}

/* BUTTONS */
.button-blue, 
.button-green, 
.button-orange									{display:block;width:140px;height:20px;color:#FFF !important;padding:4px 0 5px 0px;font-size:100%;text-align:center;text-decoration:none;}
.button-blue									{background:#0591CC;}
.button-blue:hover								{background:#006B99;}
.button-blue:active								{background:#004766;}
.button-green									{background:#92BF42;}
.button-green:hover								{background:#598C00;}
.button-green:active							{background:#395900;}
.button-orange									{background:#F47521;}
.button-orange:hover							{background:#FDB900;}
.button-orange:active							{background:#FDB900;}

/* EVENT CALENDAR */
#events-mobile									{display:none;}
#events-desktop									{display:table;}

/* #Media Queries
================================================== */
.slicknav_menu,
.responsive-primary-menu						{display:none;}

	/* SMALLER THAN STANDARD 960 */
	@media only screen and (max-width: 959px) {
		/* SLICK NAV */
		#mymenu									{display:block;}
		.js #menu 								{display:none;}
		.js .slicknav_menu 						{display:block;}
		/* SLIDE SHOW PAGER - HIDE ON ALL MOBILE */
		#custom-pager, 
		#custom-pager-toggle					{display:none;}
		/* IMAGE ROTATOR - INNER PANEL */
		header .cycle-overlay 					{bottom:0;width:100%;margin-left:0;}
		header .cycle-overlay h1,
		header .cycle-overlay p		 			{text-align:center;}
	}

	/* TABLET PORTRAIT TO STANDARD 960 */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* NAVIGATION */
		nav.navtop  							{height:75px !important;}
		nav.navtop ul 							{margin:30px 0 0 240px;}
		nav.navtop ul li a 						{font-size:80%;}
		/* QUADRANTS */
		.quadrants .box h1						{font-size:160%;}
		/* WHAT'S HAPPENING */
		.whatshappening-menu					{padding:0;}
		.whatshappening-menu li a				{width:20%;border:none;}
		/* ASK A QUESTION */		
		.ask-bg section form #ask-box			{width:490px;}
	}

	/* ALL MOBILE SIZES */
	@media only screen and (max-width: 767px) {
		#mymenu									{display:block;margin-top:10px;}
		.container 								{width:96% !important;margin:0 2%;padding:0 !important;}
		.responsive-primary-menu				{display:block !important;}
		/* NAVIGATION */
		nav.navtop  							{height:0;}
		nav.navtop ul 							{display:none;}
		/* DIFFERENT VERSION OF SEARCH APPEARS IN MOBILE VERSION | DESKTOP ONE IS HIDDEN */
		#cse-search-box-mobile					{display:block;} 
		nav.searchbg							{width:0px !important;}
		nav.searchbg input						{display:none;}
		nav.searchbg span						{display:none;}
		/* LOGO RESIZE FOR MOBILE */
		section figure img						{width:100px;height:auto;}
		/* HIDE SEARCH IN MOBILE FOR NOW */
		#search-box-google,
		#search-box-directory 					{display:none;}
		/* IMAGE ROTATOR - INNER PANEL */
		header .cycle-overlay 					{height:60px;background-color:rgba(0,0,0,0.4);}
		header .cycle-overlay div 				{border:none !important;}
		header .cycle-overlay h1				{color:#FFFFFF;font-size:150%;margin:10px 0 0 0 !important;line-height:20px;}
		header .cycle-overlay p					{color:#FFFFFF;font-size:90%;margin:0 !important;}
		/*QUADRANTS*/
		.quadrants								{padding-top:20px !important;}
		.quadrants .box							{margin-bottom:0;border-bottom:none;}
		/*ASK A QUESTION*/
		.ask-bg section form					{width:100%;}
		/*WHAT'S HAPPENING*/
		.whatshappening h1						{margin:5px 0 0 0;}
		.whatshappening-menu					{padding-left:0;}
		.whatshappening-menu li					{float:left;width:20%;}
		.whatshappening-menu li a				{padding-left:0;padding-right:0;width:100%;height:40px;}
		.whatshappening	div						{width:100% !important;}
		.whatshappening	img						{width:100%;height:auto;}
		.whatshappening							{text-align:center;}
		/* CAMPUS LOCATIONS */
		.campus-locations						{width:50% !important;text-align:center;margin-bottom:40px !important;}
		.campus-locations p strong				{font-size:75% !important;}
		/* FOOTER */
		footer .footer-panel					{width:100% !important;Text-align:center !important;margin-bottom:0 !important;}
		footer .footer-panel ul li				{float:left;}
		footer .footer-panel ul li a,
		footer .footer-panel hr					{width:100%;}
		.footer-translate						{float:none;margin:0;}
		.footer-translate-menu					{float:none;}
		#google_translate_element 				{width:200px;margin:20px auto 0 auto;}
		/* EVENT CALENDAR */
		#events-mobile							{display:block;}
		#events-desktop							{display:none;}
	}

	/* MOBILE LANDSCAPE TO TABLET PORTRAIT */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		.nav-bg									{background:url('../images/nav_mainbg_mobileland.gif') repeat-x #0591CC;}
		/* NAVIGATION */
		nav.navtop  							{width:200px !important;}
		/*QUADRANTS*/
		.quadrants .box							{height:150px;}
		section.eight.columns 					{width:100% !important;}
		/*ASK A QUESTION*/
		.ask-bg section form #ask-box			{width:90%;}
		/* CAMPUS LOCATIONS */
		.campus-locations p:last-child			{width:131px !important;margin:0 auto !important;}
		/* FOOTER */
		footer .footer-panel ul li				{width:33%;}
		/* BIG HEADINGS */
		.mainheader-whatshappening				{margin:10px auto 30px auto;}
		.mainheader-campuslocations				{margin:0 auto 40px auto;}
	}

	/* MOBILE PORTRAIT TO MOBILE LANDSCAPE */
	@media only screen and (max-width: 479px) {	
		.nav-bg									{background:url('../images/nav_mainbg_mobileport.gif') repeat-x #0591CC;}
		/* NAVIGATION */
		nav.navtop  							{width:180px !important;}
		/*QUADRANTS*/
		.quadrants .box							{height:120px;}
		.quadrants .box h1						{font-size:140%;}
		.quadrants .box img						{width:auto;height:70%;}
		section.eight.columns 					{width:100% !important;}
		/*ASK A QUESTION*/
		.ask-bg									{height:80px;margin:40px auto 20px auto;}
		.ask-bg section form #ask-box			{width:86%;}
		/*WHAT'S HAPPENING*/
		.whatshappening-menu li a				{font-size:60%;}
		/* CAMPUS LOCATIONS */
		.campus-locations img					{width:95%;height:auto;}
		.campus-locations p:last-child			{width:131px !important;margin:0 auto !important;}
		/* FOOTER */
		footer .footer-panel ul li				{width:50%;}
		/* BIG HEADINGS */
		.mainheader-whatshappening,
		.mainheader-campuslocations				{margin:0 auto 20px auto;}
		.mainheader-whatshappening,
		.mainheader-campuslocations				{font-size:200%;}
	}
.profile_pic
{
border-radius: 50%;
}
ul.list1 {
	margin-top: 5px;
	margin-left: 25px;
	list-style-image: url(../images/bullet.png);
}
ul.list1 li {
	padding-top: 3px;
	padding-bottom: 3px;
}
.international h1{border-bottom:10px solid #A9D0F5;margin:0 -5px 10px -15px;padding-left:15px;background:#FFFFFF;height:50px;font-size:190%;text-transform:uppercase;}
.national h1{border-bottom:10px solid #A9D0F5;margin:0 -5px 10px -15px;padding-left:15px;background:#FFFFFF;height:50px;font-size:190%;text-transform:uppercase;}