/* 
- 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
*/
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:30px 0 0 210px;}
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 */
#search-box-google					{width:88%;margin-top:20px;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	{outline:none;}

/* MAIN NAVIGATION MENU */
#mymenu 							{display:none;width:100%;float:right;margin:0;}
.navmain 							{height:57px;position:relative;}
.navmain ul							{margin-left:240px;}
.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.whoweare			{width:150px;}
.navmain ul li a.whatwedo			{width:150px;}
.navmain ul li a.whygive 			{width:140px;}
.navmain ul li a.events 			{width:105px;}
.navmain ul li a.donatenow			{width:150px;}
.navmain ul li:hover a				{background:#FFFFFF !important;color:#000000;}

.navmain ul li ul 					{display:none;}
.navmain ul li:hover a				{background:#FFFFFF !important;}
.navmain ul li:hover #whoweare-panel	{display:block !important;background:#FFFFFF;position:absolute;z-index:9998;top:53px;left:0;width:300px;height:auto;}
.navmain ul li:hover #whatwedo-panel	{display:block !important;background:#FFFFFF;position:absolute;z-index:9998;top:53px;left:150px;width:300px;height:auto;}
.navmain ul li:hover #whygive-panel	{display:block !important;background:#FFFFFF;position:absolute;z-index:9998;top:53px;left:300px;width:300px;height:auto;}
.navmain ul li:hover ul li			{display:block !important;}
.navmain ul li:hover ul a:hover		{color:#00B8E7 !important;}
.navmain ul li:hover ul				{border-bottom:solid 15px white;}
.navmain ul li:hover ul li a 		{width:290px; text-align:left !important; display:block; color:#000; padding-left:10px; height:0px !important;}
.navmain ul li:hover ul li:last-child {margin-bottom:50px !important;}

.responsive-primary-menu			{display:none !important;}

/* HEADER */
header								{height:535px;background:url('/images/content-bg.gif') repeat-x;padding-top:100px;}

/* SLIDER */
img.cycle-slide						{margin:10px 0 0 10px;}
.slider-bg 							{width:939px;margin:0 auto;background:url('/images/slider-bg.png') no-repeat 0 0;overflow:hidden;padding-top:10px;position:relative;}
.shadow 							{background:url('../images/shadow.png') no-repeat 0 0;position:absolute;top:290px;left:-10px;width:998px;height:195px;z-index:0;}

/* SLIDER PAGER */
.cycle-pager 						{text-align:center;width:100%;}
.cycle-pager span 					{font-size:50px;width:20px;height:20px;display:inline-block;color:#ddd;cursor:pointer;}
.cycle-pager span.cycle-pager-active{color:#00B8E7;}
.cycle-pager > * 					{cursor:pointer;}
.banner 							{background: url("/images/banner-bg.png") no-repeat scroll 0 0 transparent;height:141px;left:43px;overflow:hidden;position:absolute;text-align:center;top:312px;width: 856px;z-index:999;}
.marker2 							{background: url("/images/divider3.gif") no-repeat scroll 0 bottom transparent;color:#FFFFFF;display:inline-block;font-size:18px;line-height:22px;margin:0 4px 7px 0;padding:41px 7px 8px 0;text-transform:uppercase;width: 300px;}
.text1 								{color:#B7B7B7;display:inline-block;margin-right:22px;width:447px;line-height:18px;}
.text1 a 							{color:#00c1ff;font-weight:bold;}
.text1 a:hover 						{color:#fff;text-decoration:none;}

/* BUCKETS */
.bucketsbg										{background:url('/images/content-bg2.gif') repeat-x bottom;padding-bottom:40px;}
.buckets img									{margin-bottom:15px;}
.buckets h4										{margin:0 0 15px 0;font-size:130%;font-weight:bold;}
.buckets p										{margin-top:10px;font-size:90%;color:#666;}

/* 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;}

/* #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;}
		/* HEADER */
		header									{height:auto;}
		
		/* SLIDER */
		img.cycle-slide							{margin:0;}
		.slider-bg 								{width:100% !important;background:white;}
		.shadow		 							{display:none !important;}
		.cycle-overlay 							{display:none !important;}
		.cycle-pager 							{background:white;}
		
	}

	/* 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 180px;}
		nav.navtop ul li a 						{font-size:80%;}
	}

	/* 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;}
		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						{display:none;}
		/* BUCKETS */
		.buckets								{width:100% !important;margin-bottom:10px !important;}
		.buckets .bucket-image					{display:none;}
		/* 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;}
	}

	/* 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;}
		/* FOOTER */
		footer .footer-panel ul li				{width:33%;}
	}

	/* 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;}
		/* FOOTER */
		footer .footer-panel ul li				{width:50%;}
	}