@charset "UTF-8";

html 					{   -ms-overflow-style: scrollbar; } /* forces scrollbar to stay on-screen */
body					{	background-color: #336699; color: #000; }
						
#wrap 					{ 	width: 1000px; margin: 0px auto 20px; position: relative; }
#wrap.authenticated	 	{ 	margin-top: 90px; }

#container 				{  	background: #fff; 
							padding: 0px 0 30px 0;
						}

#wrap > header			{ background: #fff; padding: 20px; }
#tagline				{ margin-top: 26px; }

#nav 					{ 	
							background 	: #16497C;
						}

#menu					{ 	list-style-type	: none; 
							padding 		: 0 0 0 8px; 
							margin 			: 8px 0 0 0; 
						}

#menu li				{ margin: 0 5px 8px; float: left; }


#menu li a 				{
							margin 				: 0;
							font-size 			: 24px; 
							color				: #A4CFF6;
							text-decoration 	: none; 
							padding 			: 5px;
							font-family 		: "Times New Roman", Times, serif;
							font-style 			: italic;
							position 			: relative;
						}

#menu li.active a,
#menu li a:hover		{
						 	color 				: #fff; 
						 	text-decoration 	: none; 
  						}

#menu li.submenu 		{	margin 				: 0 0 8px 8px; }
							
#menu li.submenu a 		{
							background 			: none;
							color 				: #0079c2;
							font-size 			: 12px; 
							padding 			: 5px 20px 0 0;
							text-transform 		: none;
						}

#menu li.submenu.active a,
#menu li.submenu a:hover
						{ 	
							color 				: #0079c2; 
							text-decoration 	: none; 
							font-weight 		: bolder; 
						}

#menu li.submenu.active a:after,
#menu li.submenu a:hover:after	
						{
							background-color 	: none;
							right 				: 0;
							width 				: 0;
							height				: 0;
							z-index 			: 0;
    						-moz-border-radius 	: 0;
    						border-radius 		: 0;
						}

#content 				{ 
							background	: #fff;
							xwidth		: 710px; 
							xfloat 		: left; 
							padding 	: 20px;
							min-height 	: 500px;
						}

#content a 				{ color: #16497C; }

#content img 			{ max-width: 100%; }

#content li 			{ margin-bottom: 10px; }

#photos 				{ margin-left: 15px; float: right; }
#photos	img 			{ margin-bottom: 15px; }

.top-photo 				{ margin-bottom: 20px; }

#wrap > footer 			{ 
							background 		: #6699CC;
							color 			: #fff; 
							font-family 	: 'Nunito', sans-serif;
							padding 		: 14px 0;
							text-align 		: center; 
							font-size 		: 16px;
						}

#wrap > footer a 		{ color: #fff; text-decoration: underline; }
#wrap > footer a:hover 	{ color: #fff; }

h1, h2					{ 
							font-size 				: 12pt; 
							color 					: #0079C2; 
							-webkit-margin-before 	: 0;
							-webkit-margin-after 	: 0;
							line-height 			: inherit;
							margin-bottom 			: 10px; 
							font-family 			: 'Nunito', sans-serif;
							text-transform 			: uppercase;
							font-weight				: bold;
						}

h1 span					{ 
							display 		: block;
							color 			: #33627D;
							text-transform 	: none;
						}

h2						{ font-size: 12pt; }

h3						{ font-size: 12pt; color: #0079C2; }

h5 						{ font-weight: bold; }

div.clear 				{ clear: both; margin: 0; padding: 0; }
br.clear 				{ clear: both; }

.no-bold 				{ font-weight: normal; }

.datepicker				{ z-index:1151; }

.dynamic-width			{ width: auto; }
.inline-block			{ display: inline-block; }

#menu-button 			{ display: none; text-align: right; }

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

	#wrap 				{ width: 100%; }

	#logo 				{ width: 95% }

	#menu-button 		{ display: block; }

	#nav 				{ width: 100%; margin: 0 0 20px 0; padding: 0; padding-bottom: 10px; background-image: none; min-height: auto !important; height: auto; }

	#menu ul 			{ margin: 0; }

	#menu ul li 		{ float: none; display: block; }

	#menu li			{ margin-bottom: 2px; }

	#menu li a 			{ padding: 10px; }

	#menu li.submenu	{ margin-left: 30px; }

	#content 			{ min-height: auto; }

	#content img 		{ width: 100%; float: none; }

}