body 

{
background-image:url('images/backgrounds/twitter_background.jpg');
background-repeat:repeat;
background-attachment:fixed;
font-family: 'Open Sans', sans-serif;
line-height:1.2em;
color:#13156;
font-size:.9em;
}

a,
a:hover,
a:focus,
a:active,
a:visited {	color:#A24646; }


.content div {border-radius: 5px; }

.content ul, .content ol {margin: 1em 2em;}

.slider-news div { border-radius:0px;}

hr {margin-bottom:10px;}

.area_images {
	width: 250px;
	border: thin solid #333;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 5px;
	float:right;
}

* {margin:0;padding:0} 

/*ol, ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}*/

.intro {margin-bottom:10px;}

.cal_boating_list {
	padding-left:40px;
}
.cal_boating_list li {
	margin-bottom:10px;
}

h1 {
	text-align: center;
	/* letter-spacing: -2px; */
	font-size: 2.0em;
	font-weight:800;
	background-color: #0054A5;
	margin: 10px auto 20px auto;
	padding: 8px;
	text-transform: uppercase;	
	line-height:1.1em;
	color:#fff;
/*    white-space: nowrap;*/
}

.current_openings {
	width: 90%;
	margin: 0 auto 0 auto;	
}

.current_openings h3 a:link, .current_openings h3 a:visited { 
	text-decoration:none;
	color:#fff;
}

h3.current_openings {
	margin:0px;
	color:#333;
}

.current_openings ul {
	list-style:none;
	background-color:#E9E9E9;
}

.current_openings li {
	text-indent:5px;
	border-bottom:1px  solid #CCC;
	width:90%;
	padding:5px;
	font-size:.8em;
	}

h2 {
	font-size: 1.8em;
	text-transform: uppercase;
	text-align: left;
	margin: 20px 0px 10px;
	/* color: #A24646; */
	color:#0054a6;
	font-weight: 800;
	line-height: 1em;
}

.item h2 {font-size:1.2em;}

h3 {
	text-align:left;
	text-transform:uppercase;
	color:#333;
	font-size:1.2em;
}

.ens h2 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:1 em;
	text-transform:uppercase;
}

.ens h3 {
	margin-top:20px;
}

.edrc h2 {
	margin-top:20px;
	margin-bottom:10px;
	font-size:1 em;
	text-transform:uppercase;
}

.edrc h3 {
	margin-top:20px;
}

blockquote {
	text-align:left;
}

caption {
	font-weight: bold;
	background-color: #0054a6;
	padding: 5px;
	color: #fff;
	margin-top:10px;
}

#recent {
	background-color: #FFC;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 230px;
}

#recent ul {
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	list-style-type:none;
}

#recent li{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	text-align: left;
	background-color: #FFC;
	padding: 4px;
	line-height:1.1em;
}

.recent_background {
	background-color: #FFC;
}

.quick_links {
	margin: 5px;
	width: 90%;
	border: thin solid #CCC;
	background-color:#A6C3E1;
}

.quick_links ul {
	list-style-type:none;
	text-align:center;
	padding-bottom:5px;
}

.quick_links li {
	padding:0;
	font-size:.75em;
}

.quick_links h2 {
	font-size:1.1em;
	text-align:center;
	}
	
.quick_links a {
	text-decoration:none;
	text-transform:uppercase;
	color:#444;
}

.quick_links a:hover {
	background-color:#0054a6;
	color:#FFF;
	display:block;
	width:100%;
}

.hours h2 {
	font-size: 1em;;
	text-align: center;
	background-color: #0054A5;
	color: #FFF;
	text-transform: uppercase;
}

.hours {
	background-color:#A6C3E1;
	width:230px;
	margin-top: 3px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
	text-align: center;
}

.hours p {
	text-align: center;
	margin-bottom: -1px;
}

.hours ul {
	list-style-type: none;
	margin: 5px;
	padding: 0px;
	text-align: center;
	font-weight:bold;
}

.hours li {
	padding-top:15px;
	padding-bottom:15px;
}

.hours_new {
	width: 36%;
	margin: 10px;
	padding: 10px;
	border:#CCC solid 2px;
	float:left;
	min-width:350px;
	background-color:#FDFBEA;
}

.hours_new h2 {margin: 0px 0px 15px;}

.directions_intro {
	width:50%;
	margin: 10px;
	padding: 10px;
	border:#FFF solid 2px;
	float:left;
	min-width:400px;
}

.directions_intro h2 {margin: 0px 0px 15px;}

.urgent h1 {
}

.hours_footnote {
	font-size: 0.7em;
}

.font-small {
	font-size: 12px;
}

.urgent {
	padding: 10px 5px;
	border: double #CCCCCC;
	margin:20px;
}

.urgent h2 {
	font-size: 1.8;
	color: #F00;
	text-align:left;
	background-image: none;
	text-indent: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.urgent p {
	font-size: 1.1em;
}

.accessible_header {
	display:block;
	width: 100%;
	max-width: 785px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
	height: 14px;
	margin-bottom: 3px;
}

.accessible_header_wide {
	display:block;
	width: 100%;
	max-width: 1280px;
	padding: 0px;
	font-size: 11px;
	font-weight: normal;
	font-variant: small-caps;
	height: 14px;
	margin:0 auto;
}

.accessible_header a {
	color: #333;
	text-decoration: none;
}

.accessible_header_wide a {
	color: #333;
	text-decoration: none;
}

.account {float:right; text-align:right; font-size:1.4em; }

.accessible-skip {width:50%; float:left;}

.home {
		position: relative;
		height: 36px;
		width: 164px;
	    background-color: #0054a6;
		text-align: center;
		margin-left:0;
		margin-right:0;
		margin-top:6px;
		margin-bottom:20px;
}

.home a {
	position:relative;
	top:2px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	color: #FFF;
	display:block;
	padding-top:6px;
	height:inherit;
}

div.home a:hover {
	background-color:#A6C3E1;
	display:block;
	position:relative;
	top:2px;
	height:90%;
}

.examples ul {
	list-style-type: none;
}

.menu_label {
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	color: #FFF;
	background-color: #0054A5;
	width: 800px;
}

p {
	padding:5px;
	color:#333;
	text-align:left;
}

/* Sport navigation bar */

.clearit {
	margin: 0;
	padding: 0;
	height: 0;
	clear: both;
}

#test li {
	display: block;
	border: solid 1px red;
}

/* END sport navigation bar */

/* Footer styles  */

.page_footer {	
	background-color: #999;
	display:block;
	width: 100%;
	max-width: 1020px;
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
}

.page_footer p {
	font-size: .8em;
	color: #FFF;
	line-height:13px;
	font-weight:bold;
	text-align: center;
}

.banner h1 {
	clear:both;
	background-image:none;
	position:absolute;
	right:9000px;
}

.index_article h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#A24646;
	background-image:none;
	text-indent:0;
	padding-bottom: 28px;
}

.index_article h1 a {
		color:#A24646;
		text-decoration:none;
		font-weight:bold;
}

.webmaster {
	color:#fff;
	font-weight:bold;
}

.webmaster a {
	color:#fff;
}

.last_minute_deals h3 {
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	line-height:1.2em;
}

.rates {
	padding: 3px;
	font-size:14px;
}

.rates table {
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.rates p {
}

.rates th , .rates td {
	text-align:center;
	border:#999;
	border-style:solid;
	border-width:1px;
	border-collapse:collapse;
}

.rates th {
	background-color:#0054a6;
	color: #fff;
}

.rates h3 {
	margin-top:20px;
	padding-bottom:0;
	margin-bottom:0;
}

.rates h4 {
	padding-left:5px;
	text-transform:uppercase;
	text-align:left;
	font-size:1.2em;
	margin-top: 15px; 
	margin-bottom: 8px; 
}

.rates .prequal {
	font-size:.8em; 
	width:95%; 
	margin: 0 auto 10px auto; 
	text-align:left;
	line-height:1.3em;
}

.ens_schedule td {
	border-bottom:#333;
	border-bottom-style:solid;
	border-bottom-width:thin;
	text-align:left;
}

.ens_schedule th {
	border-bottom:#333;
	border-bottom-style:solid;
	border-bottom-width:thin;
	background-color: #CCC;
}

.centered {
	width:795px;
	margin-top: 0;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0;
	}

.ens_info {
	padding-top:10px;
	margin-top:10px;
	color:#333;
	text-align:left;
    list-style:none;
}

li.sdsu_icon, li.usd_icon {
	position: relative;
	padding-left: 40px;
	background-repeat: no-repeat;
	background-position: -5px -0px;
	font-size: 1.2em;
	min-height: 55px;
	margin-bottom: -3px;
	padding-top: 10px;
	line-height: 1.2em;
}

li.sdsu_icon {background-image: url(/images/logos/SDSU_hepner_logo.gif);}

li.usd_icon {background-image: url(/images/logos/USD_logo.gif);}

.edrc ul li {
	font-weight: bold;
	text-indent: 15px;
	list-style-type: none;
}

.edrc ul {
	margin-bottom: 10px;
}

.edrc ul li ul li {
	font-weight: normal;
	margin-left: 15px;
}

.sign_up_widget {
	background-color: #FFC;
	width: 370px;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.banner_new {
	display:block;
	width: 100%;
	max-width: 1280px;
	text-align:left;
	margin: 0 auto 5px auto;
}

.menu {
	width:100%;
}

.video {
	text-align: center;
	width: 520px;
	margin-right: auto;
	margin-bottom: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 10px;
	margin-left: 10px;
}

.brochure {
	background-color: #FFF;
	width: 230px;
	text-align: center;
	font-size: small;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.intro_section {
	clear:both;
}

.intro_content {
	float:left; 
	text-align:left; 
	background-color:#ffffff;
	}

.intro img {
	width:30%;
	max-width:350px;
	float:left;
	margin:0 10px 10px;
}

.with-image68 {width:68%;}

.newsfeed {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	border: thin solid #0054a6;
}

.main_table {
	display:block;
	width: 100%;
	max-width:1280px;
	margin: 0px auto;
	background-color:#FFFFFF;
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
   }

#main_h1 {
	position:absolute; 
	right:9000px; 
	margin-bottom:-75px;
	}

.sub_heading {
	font-size:9px;
	line-height:11px;}

/* Event Button */

.event_button {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #0054a6);
  background-image: -moz-linear-gradient(top, #3498db, #0054a6);
  background-image: -ms-linear-gradient(top, #3498db, #0054a6);
  background-image: -o-linear-gradient(top, #3498db, #0054a6);
  background-image: linear-gradient(to bottom, #3498db, #0054a6);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  font-weight:bold;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.event_button:visited { color:#ffffff;}

.event_button:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

/* Event Button END */

.content { margin: 10px 10px 0 10px; padding-bottom:10px; }

/* HEader Styles */

.mobile_search_box {display:none;}

.social {
	width:80%; 
	max-width:165px; 
	float:left; 
	text-align:right;
}

.picture { 
	background-color: #FDFBEA;
	border: 1px solid #CCCCCC; 
	margin-bottom:10px;
	font: 11px/1.4em Arial, sans-serif; 
	text-align:center;
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	width:45%; 
	display:inline-block; 
	margin: 1%; 
	vertical-align:top; 
	height:0;
	padding: 8px 8px 20% 8px;
	}

.picture img { vertical-align:middle; margin-bottom: 3px; }

.right { margin: 0.5em 0pt 0.5em 0.8em; float:right; }

.left { margin: 0.5em 0.8em 0.5em 0; float:left; }

.right_width275 { width:30%; float:right; margin:5px;}

.contact-us img {margin:10px; width:60%; max-width:500px; min-width:300px;}

.values {
	text-transform:uppercase;
	list-style:none;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.4em;
}

body .galleria-thumbnails .galleria-image { width:275px; }

.mission, .values_div {
	width:50%;
	float:left;
	display:block;
}

.values_div h2 {
	text-align:center;
	text-decoration:underline;
}

.galleria{ width: 90%; min-width: 250px; height: 200px; background: #fff; margin: 10px auto 10px auto; text-align:center;}

.contact_info {
	text-align:left;
	list-style:none;
	padding-left:20px;
}

.clear { clear: both; }


/* Newsfeed styles */

.recent_news {
	border-top: #CFCFCF thin solid;
	border-bottom: #CFCFCF thin solid;
	margin-bottom:-10px;
	margin-left:-10px;
	margin-right: -10px;
	background-color:#FFFEE2;
	border-radius:0px !important;
	 }

.recent_news ul { 
	list-style-type:none; 
	text-align:center;
	margin-bottom:10px;
		}

.recent_news li.last { border-bottom:none; }

.upcoming_classes {
	background-color:#D6D6D6;
	margin:-10px;
	padding:5px 10px 10px 10px;
	text-align:center;
	border-radius:0px !important;
}

.upcoming_classes h2, .recent_news h2, .recent-videos h2 { text-align:center;}

.upcoming_classes table {
	width:100%;
	margin: 10px auto;
	}

.upcoming_classes table td { width:33%;}

.upcoming_classes table th {
	text-transform:uppercase;
}

.share {text-align:center; margin-bottom: .5em;}

.gsc-cursor-page {padding:3px; }

.results-search-box form.gsc-search-box {
	padding:10px;
	background-color:#eee;	
}

.fb-video { 
	width:95%;
	text-align:center;
	margin:10px auto; 
	} 

.edrc h3 {margin-bottom:10px; }

.no-bullet {
	list-style:none;
}

.parking_content, .parking_image {
	float: left;
	width: 49%;
	min-width: 300px;
	margin:3px;
}

.parking_image img {width:100%; }

.tpk { width:100%; text-align:center; }

.tpk img { width:100%; max-width:728px; margin: 0 auto;}

.entry-content p { padding:10px; }

.picmargin {margin:10px;}

.ps-list span {text-transform:uppercase;}

.learn-more {
	position:absolute; 
	bottom:.5em; right:.5em; 
	font-style:italic;
	font-size:1.2em;
	text-align:right;
	}
	
.yp {
    margin-bottom: 1.2em;
	}

.mast-image {
	width: 95%;
	margin: 0 auto;
	height: 450px;
	position: relative;
	overflow: hidden;
}

.mast-image img { 
	position: relative;
	width: 100%;
	max-width: 1050px;
	}

div.equipment-description hr {10px auto 0;}

.strike-thru {text-decoration: line-through;}

.box {
	border: 1px solid #020202;
    margin: .5em;
    padding: 1em;
}

.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background:linear-gradient(to bottom, #7892c2 5%, #476e9e 100%);
	background-color:#7892c2;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:19px;
	padding:12px 37px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background:linear-gradient(to bottom, #476e9e 5%, #7892c2 100%);
	background-color:#476e9e;
}
.myButton:active {
	position:relative;
	top:1px;
}

.myButton:visited {color:#ffffff;}

#recent-posts-2 ul {margin: 1em 0;}

.tptn_posts ul {margin:0;}

.widget-area {background-color: #ffffff;}

@media screen and (max-width: 850px) {

	.picture {width:80%; margin:20px auto; padding-bottom:28%;}
	.picture img { left:0;}
	.intro_content {float:none; width:100%; clear:both; max-width:none;}
	.right_width275 {float:none; width: 90%; margin: 0 auto 0 auto; }
	.contact-us img {width:100%; margin:10px 0px; max-width:none;}
	h1:before, h1:after { height:0px; }
	.hours_new {width:85%; margin-left:auto; margin-right:auto; float:none;}
	.directions_intro {width:100%;}
	.intro img {display:none;}
	h1 {margin: 10px auto 20px 10px;}
	.slider-news {margin-left:10px;}
	.index-box img {width:97%; float:none; max-width:none; margin:0px auto;}
	.account {float:right; position:relative; right:30px; font-size:1.4em;}
}

@media screen and (max-width: 750px) {
	.parking_content, .parking_image {width:100%; margin:10px 0px 10px 0px;}
	.subh {display:none;}
	.mast-image {height:250px;}
	.area_images {width:100%; margin-left: auto; margin-right: auto;}
}

@media screen and (max-width: 480px) {
	.mission, .values_div { width:100%; }
	body .galleria-thumbnails .galleria-image { width:90%; }
	.slider-news {display:none;}
}