@font-face {font-family: 'MuseoSans-700';src: url('/webfonts/eot/style_159306.eot?#iefix') format('embedded-opentype'),url('/webfonts/woff/style_159306.woff') format('woff'),url('/webfonts/ttf/style_159306.ttf') format('truetype'),url('/webfonts/svg/style_159306.svg#MuseoSans-700') format('svg');}
@font-face {font-family: 'MuseoSans-500';src: url('/webfonts/eot/style_159303.eot?#iefix') format('embedded-opentype'),url('/webfonts/woff/style_159303.woff') format('woff'),url('/webfonts/ttf/style_159303.ttf') format('truetype'),url('/webfonts/svg/style_159303.svg#MuseoSans-500') format('svg');}
@font-face {font-family: 'MuseoSans-500Italic';src: url('/webfonts/eot/style_159309.eot?#iefix') format('embedded-opentype'),url('/webfonts/woff/style_159309.woff') format('woff'),url('/webfonts/ttf/style_159309.ttf') format('truetype'),url('/webfonts/svg/style_159309.svg#MuseoSans-500Italic') format('svg');}
@font-face {font-family: 'MuseoSans-900';src: url('/webfonts/eot/style_159310.eot?#iefix') format('embedded-opentype'),url('/webfonts/woff/style_159310.woff') format('woff'),url('/webfonts/ttf/style_159310.ttf') format('truetype'),url('/webfonts/svg/style_159310.svg#MuseoSans-900') format('svg');}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {
	min-width: 994px;
	height: 100%;
}

body {
	line-height: 1;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 12px;
	background: #000000 url('/images/page_bg.jpg') repeat-x top center;
	position: relative;
	height: 100%;
	color: #3a3a3a;
	min-width: 994px;
}


#page {
	position: relative;
	background: transparent url('/images/bg.png') repeat-x center 700px;
	min-width: 994px;
	min-height: 100%; /* could be a IE7 bug */
}

a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
	color: #0067AC; /* was #5aa6c0; */
}


ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	quotes: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

br.clear {
	clear: both;
}


#header {
	background: transparent url('/images/top_bar_bg.jpg') repeat-x center center;
	height: 98px;
	width: 100%;
}

#inner_header {
	width: 1045px; /* was 994px BB 9/4/14 */
	padding-top: 21px;
	margin: 0px auto;		
}

#footer {
	padding: 30px 0px 40px 0px; /* was 30px; */
	height: 50px;
	position: absolute; 
	bottom: 0px;
	width: 100%;
	background: transparent url('/images/footer_bg_dk.png') repeat-x center bottom;
}

#inner_footer {
	width: 980px;
	margin: 0px auto;
}


#inner_footer ul li {
	float: left;
}

#inner_footer ul {
	margin-top: 7px;
	
}

#inner_footer ul li span {
	margin-left: 10px;
	margin-right: 10px;
	color: #ffffff;
	font-size: 10px;
	font-weight: bold;
}

#inner_footer ul li a:link,
#inner_footer ul li a:visited,
#inner_footer ul li a:active,
#inner_footer ul li a:hover {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#inner_footer div.copy {
	font-size: 11px;
	margin-top: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
}

#content {
	margin-bottom: 112px;
	background: transparent url('/images/alt/green_bar_bg.jpg') repeat-x top center;
	min-height: 600px;
	padding-top: 20px;
	min-width: 994px;
}

#inner_content {
	width: 994px;
	margin: 0px auto;
}

#hero_box {
	background: transparent url('/images/hero_box.png') no-repeat center center;
	width: 980px;
	height: 380px;
	margin-bottom: 6px;
	padding: 7px;
	position: relative;
}

#hero_box div.inner_hero {
	padding: 10px;
}

/* Added By Bryan - ASI - 01/30/2013 */
#hero_box_full_video {
	background: transparent url('/images/hero_box_full.png') no-repeat center center;
	width: 980px;
	height: 560px;
	margin-bottom: 6px;
	padding: 7px;
	position: relative;
}

#hero_box_full_video div.inner_hero {
	padding: 10px;
}

/* Added By Bryan - ASI - 01/03/2012 */
#tall_box {
	background: #ffffff;
	width: 980px;
	height: 580px;
	margin-bottom: 6px;
	padding: 7px;
	position: relative;
}

#tall_box div.inner_hero {
	padding: 10px;
}
/* Added By Bryan - ASI - 09/01/2011 */
#hero_box_clear {
	/* background: transparent url('../images/hero_box_clear.png') no-repeat center center; */
	width: 980px;
	height: 380px;
	margin-bottom: 6px;
	padding: 7px;
	position: absolute;
	top: 118px;
	*z-index:10000; !important /* this triggers ONLY IE7 to see z-index and behave */
}

#hero_box_clear div.inner_hero {
	padding: 10px;
}

/* end addition by Bryan */

.slide_arrow {
	position: absolute;
	right: 0px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow.small {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow.small3 {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow5c.small {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow5r.small {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow6c.small {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.slide_arrow_md {
	position: absolute;
	right: 7px;
	top: 140px;
	z-index: 992; /* was 99999 but edited because the yellow arrow appeared above the dd nav */
}

.pod_arrow {
	right: 7px;
	top: 90px;
	position: absolute;
	z-index: 99999;
}
.pod_arrow_chi {
	right: 7px;
	top: 90px;
	position: absolute;
	z-index: 99999;
}
.uu2col_pod_arrow {
	right: 7px;
	top: 90px;
	position: absolute;
	z-index: 99999;
}

.uu_pod_arrow {
	right: 7px;
	top: 90px;
	position: absolute;
	z-index: 99999;
}

.rec_pod_arrow {
	right: 7px;
	top: 90px;
	position: absolute;
	z-index: 99999;
}

.pod_arrow.small {
	top: 80px;
}

.uu2col_pod_arrow.small {
	top: 80px;
}

.pod_arrow_small {
	right: -10px;
	top: 55px;
	position: absolute;
	z-index: 99999;
}

.uu_pod_arrow_small {
	right: -10px;
	top: 55px;
	position: absolute;
	z-index: 99999;
}

.rec_pod_arrow_small {
	right: -10px;
	top: 55px;
	position: absolute;
	z-index: 99999;
}

.six_pod_arrow_small {
	right: -10px;
	top: 55px;
	position: absolute;
	z-index: 99999;
}

.hero_slider {
	width: 960px;
	height: 380px;
	position: relative;
	overflow: hidden;
}

.hero_slide {
	position: absolute;
	left: 0px;
	width: 6000px; /* needs to be a value higher than the combined widths of sliders */
}

.hero_inner_slide {
	width: 960px;
	position: relative;
	float: left;
}

/* added for Fac Res larger size */

.hero_slider.medium {
	width: 647px;
	height: 373px;
	position: relative;
	overflow: hidden;
	float: left;
}

.hero_slide_md.medium {
	position: absolute;
	left: 0px;
	width: 6000px;
}

.hero_inner_slide.medium {
	width: 647px;
	position: relative;
	float: left;
}

/* end special size slider */

.hero_slider.small {
	width: 470px;
	height: 373px;
	position: relative;
	overflow: hidden;
	float: left;
}

.hero_slide.small {
	position: absolute;
	left: 0px;
	width: 6000px;
}

.hero_inner_slide.small {
	width: 470px;
	position: relative;
	float: left;
}

.hero_slide_sm {
	position: absolute;
	left: 0px;
	width: 3000px;
}

.hero_slide_sm3 {
	position: absolute;
	left: 0px;
	width: 3000px;
}

.hero_slide_sm5 {
	position: absolute;
	left: 0px;
	width: 5000px;
}

.hero_slide_sm5_clubs {
	position: absolute;
	left: 0px;
	width: 3000px;
}

.hero_slide_sm5_rose {
	position: absolute;
	left: 0px;
	width: 3000px;
}

.hero_slide_sm6_sg {
	position: absolute;
	left: 0px;
	width: 3500px;
}

.hero_slider_sm {
	width: 470px;
	height: 373px;
	position: relative;
	overflow: hidden;
	float: left;
	z-index:100;
}

.hero_inner_slide_sm {
	width: 470px;
	position: relative;
	float: left;
	z-index:100;
}

#hero_box div.inner_hero_with_nav {
	padding: 10px;
	padding-left: 0px;
	float: right;
	margin-left: -7px;
	*margin-left:188px; !important /* used for IE7 */
}

/** Drop Down **/
#drop_down {
	position: absolute;
	top: 7px;
	left: 7px;
	border: 10px solid #ffffff;
	width: 920px;
	height: 319px;
	display: none;
	background-color: #424347;
	/* z-index: 9999; */
	padding: 20px;
}

.dd_menu {
	width: 187px;
	float: left;
	margin-top: 10px;
}

.dd_menu ul {
	font-family: MuseoSans-500;
	font-size: 11px;
	color: #e4e4e4;
}

.dd_menu ul li {
	margin-top: 18px;
}

.dd_menu ul li ul li {
	margin-top: 5px;
}

.dd_menu ul li a:link,
.dd_menu ul li a:active,
.dd_menu ul li a:visited,
.dd_menu ul li a:hover {
	color:#e4e4e4;
	text-decoration: none;
}

.dd_menu ul li ul li a:link,
.dd_menu ul li ul li a:active,
.dd_menu ul li ul li a:visited,
.dd_menu ul li ul li a:hover {
	color:#75d346;
	text-decoration: none;
}

.dd_menu.side {
	position: absolute;
	right: 0px;
	top: -10px;
	width: 185px;
	padding-left: 10px;
	height: 294px;
	padding-top: 65px;
	background-color: #292929;
}

.dd_menu.side ul li a:link,
.dd_menu.side ul li a:active,
.dd_menu.side ul li a:visited,
.dd_menu.side ul li a:hover {
	color: #A4D7F4; /* was #5aa6c0; */
	text-decoration: none;
}
/** End Drop Down **/

.c_box div.c_box_top {
	background: transparent url('/images/box_top.png') no-repeat top center;
	width: 994px;
	height: 12px;
}

.c_box div.c_box_middle {
	background: transparent url('/images/box_middle.png') repeat-y top center;
	width: 980px;
	min-height: 700px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}

.c_box div.c_box_middle_thin {
	background: transparent url('/images/box_middle.png') repeat-y top center;
	width: 980px;
	min-height: 100px;
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 7px;
}
.c_box div.c_box_bottom {
	background: transparent url('/images/box_bottom.png') no-repeat top center;
	width: 994px;
	height: 12px;
}

#logo {
	float: left;
	margin-left: 28px;
	margin-right: 18px; /* was 48px */
	margin-top: -5px; /* added to test the new logo lockup */
}

#logo img {
	width:76px;
}

#nav_indicator {
	position: absolute;
	z-index: 999;
	top: 21px;
	left: 50%;
	margin-left: -29px;
	float: left;
}

#nav_indicator_on {
	position: absolute;
	z-index: 998;
	top: 21px;
	left: 50%;
	margin-left: -29px;
	float: left;
}


#nav {
	float: left;
	color: #ffffff;
	font-family: MuseoSans-500;
	font-size: 15px;
}

#main_nav  {
	list-style: none;
	*height: 1%;
}
 
#main_nav li a {
	display: block;
	float: left;
}


#main_nav li span {
	color: #A2A1A1; /* was #4b4b4b */
	display: block;
	float: left;
	margin-left: 17px;
}

#main_nav li {
	float: left;
	position: relative;
	margin-right: 17px;
	
}

#main_nav li a:link,
#main_nav li a:visited,
#main_nav li a:active,
#main_nav li a:hover {
	text-decoration: none;
	color: #ffffff;
}

#main_nav li a:hover {
	text-decoration: none;
	color: #fff200;
}

#top_nav  {
	list-style: none;
	font-size: 11px;
	color: #ebebeb;  /* passes AAA small text, was #909090 */
	/* margin-bottom: 29px; */
	padding-bottom: 29px; !important
}

#top_nav li a {
	display: block;
	float: left;
}

#top_nav li span {
	color: #A2A1A1; /* was #424242 */
	display: block;
	float: left;
	margin-left: 5px;
}

#top_nav li {
	float: left;
	margin-right: 5px;
}

#top_nav li a:link,
#top_nav li a:visited,
#top_nav li a:active,
#top_nav li a:hover {
	text-decoration: none;
	color: #ebebeb; /* passes AAA small text, was #909090 */
}

#top_nav li a:hover {
	text-decoration: none;
	color: #ffffff;
}

h3.dd_title {
	font-family: MuseoSans-500;
	font-size: 24px;
	color: #BABCBE; /*appears over #424347  passes AAA large text, was #989898 */
	margin-bottom: 10px;
}

p.dd_title {
	font-family: MuseoSans-500;
	font-size: 24px;
	color: #BABCBE; /*appears over #424347  passes AAA large text, was #989898 */
	margin-bottom: 10px;
}


/** HOME **/

#home_spring_calendar {
	background-color: #f8f8f8;
	width: 918px;
	min-height: 150px;  /*Daryl change min-height 11-15 - min-height: 566px; */
	padding-bottom: 15px;
	padding-top: 34px;
	padding-left: 21px;
	padding-right: 21px;
	margin: 0px auto;
}

.calendar_title {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 27px;
	color: #201f24;
	display: inline;
	margin-right: 25px;
}

.radio_list {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 11px;
	color: #201f24;
	margin-top: 15px;
}

.radio_list input, .update_button img {
	vertical-align: middle;
	margin-top: 0px;
}

.radio_list label {
	display: inline;
	margin-right: 5px;
}

.update_button img {
	margin-left: 10px;
	margin-top: -3px;
}

#home_calendar_events {
	margin-top: 32px;
}

.home_event {
	width: 880px;
	min-height: 83px;
	height: auto;
	background-color: #ffffff;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: auto;
}

.home_event.alt {
	width: 880px;
	min-height: 83px;
	height: auto;
	background-color: transparent;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: auto;
}

.event_date_icon, .event_date_icon_orange, .event_date_icon_blue, .event_date_icon_gold, .event_date_icon_green, .event_date_icon_purple, .event_date_icon_red {
	width: 70px;
	height: 83px;
	float: left;
	margin-right: 15px;
	border-right: 1px solid #cccccc;
}

.event_info {
	width: 790px;
	float: left;
}

.event_date {
	margin-bottom: 12px;
	font-weight: bold;
	color: #006C39; /* was  #338800 */
}

.event_title {
	margin-bottom: 12px;
	font-weight: bold;
	color: #323030;
}

.event_description {
	margin-bottom: 12px;
	color: #666666;
	line-height: 18px;
}

.event_detail span {
	height: auto;
        display: block;
        float: left;

}

.event_detail span.etitle {
	width: 100px;
	font-weight: bolder;
	padding-bottom: 5px;
}
.event_detail span.emore {
	padding-bottom: 5px;
}

.medium_box {
	background: transparent url('/images/medium_box.png') no-repeat center center;
	width: 210px;
	height: 140px;
	padding: 17px;
	position: relative;
}

.medium_box div.overlay {
	position: absolute;
	bottom: 17px;
	width: 195px;
	height: 25px;
	background: transparent url('/images/overlay_bg.png');
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 13px;
	color: #ffffff;
	padding-left: 14px;
	padding-top: 10px;
}

.medium_box a:link div.overlay .blue_arrow_big img,
.medium_box a:active div.overlay .blue_arrow_big img,
.medium_box a:visited div.overlay .blue_arrow_big img {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-bottom;
	background: transparent url('/images/white_arrow_big.png') no-repeat center center;
}

.medium_box a:hover div.overlay .blue_arrow_big img {
	width: 15px;
	height: 15px;
	margin-left: 5px;
	vertical-align: text-bottom;
	background: transparent url('/images/alt/blue_arrow_big.png') no-repeat center center;
}

.m_boxes div.medium_box {
	float: left;
	margin-right: 6px;
}

.m_boxes div.medium_box.last {
	float: left;
	margin-right: 0px;
}

.m_boxes {
	margin-bottom: 13px;
}

.buttons {
	margin-bottom: 13px;
	padding-left: 7px;
	padding-right: 7px;
}

.color_button {
	float: left;
	display: block;
	margin-right: 20px;
	width: 180px;
	height: 37px;
	text-align: center;
	padding-top: 22px;
}

.color_button.classifieds {
	background: transparent url('/images/classifieds.png') no-repeat center center;
}
.color_button.find_a_job {
	background: transparent url('/images/find_a_job.png') no-repeat center center;
}
.color_button.childrens_center {
	background: transparent url('/images/childrens_center.png') no-repeat center center;
}
.color_button.intramural_sports {
	background: transparent url('/images/intramural_sports.png') no-repeat center center;
}
.color_button.craft_center {
	background: transparent url('/images/craft_center.png') no-repeat center center;
}

.color_button:link,
.color_button:active,
.color_button:visited,
.color_button:hover {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 15px;
	color: #ffffff;
}

.color_button:hover.classifieds {
	background: transparent url('/images/classifieds_over.png') no-repeat center center;
}
.color_button:hover.find_a_job {
	background: transparent url('/images/find_a_job_over.png') no-repeat center center;
}
.color_button:hover.childrens_center {
	background: transparent url('/images/childrens_center_over.png') no-repeat center center;
}
.color_button:hover.intramural_sports {
	background: transparent url('/images/intramural_sports_over.png') no-repeat center center;
}
.color_button:hover.craft_center {
	background: transparent url('/images/craft_center_over.png') no-repeat center center;
}

.color_button.last {
	margin-right: 0px;
}

.hero_nav {
	width: 195px;
	height: 380px;
	float: left;
	position: absolute;
	background: transparent url('/images/hero_nav_bg.png') repeat-y center right;
}

.hero_nav_item {
	color: #696868;
	letter-spacing: 1px;
	font-family: MuseoSans-700;
	font-size: 12px;
}

.hero_nav_item.selected {
	color: #ffffff;
}

.hero_nav_item a:link, 
.hero_nav_item a:visited,
.hero_nav_item a:active,
.hero_nav_item a:hover {
	background: transparent url('/images/hero_nav_button.jpg') no-repeat center center;
	width: 174px;
	height: 23px;
	padding-top: 15px;
	padding-left: 14px;
	display: block;
	text-decoration: none;
	color: #696868;
}

.hero_nav_item a:hover {
	background: transparent url('/images/alt/hero_nav_button_over.jpg') no-repeat center center;
}

.hero_nav_item.selected a:link, 
.hero_nav_item.selected a:visited,
.hero_nav_item.selected a:active,
.hero_nav_item.selected a:hover {
	background: transparent url('/images/hero_nav_button_selected.jpg') no-repeat right top;
	text-decoration: none;
	color: #ffffff;
}

.sub_content {
	position: relative; 
	margin: 0px 10px 0px 10px;
	padding: 20px 20px 20px 20px;
	background-color: #ffffff;
	min-height: 700px; /* was 800px */
	z-index:1;
	/* Added position relative and z-index so items in element could be clicked DHO*/
}

.sub_content_menu li {
	margin-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ececec;
}

.sub_content_menu li a:link,
.sub_content_menu li a:active,
.sub_content_menu li a:visited,
.sub_content_menu li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	text-decoration: none;
}

.column {
	width: 280px;
	margin-right: 40px;
	float: left;
}

.column.span {
	margin: 0px;
	margin-right: 40px;
	width: 600px;
	float: left;
}

.column.right {
	margin-right: 0px;
}

.column h3 {
	border-top: 1px solid #cccccc;
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	padding-top: 18px;
	color: #3a3a3a;
}

.column h4 {
	font-family: MuseoSans-500;
	font-size: 14px;
	padding-top: 20px;
	color: #3a3a3a;
}

p {
	margin-top: 18px;
	margin-bottom: 18px;
	line-height: 18px;
	color: #666666;
}


.column p {
	margin-top: 15px;
}

.left_side {
	padding-top: 18px;
	border-top: 1px solid #E3E3E3;
	float: left;
	width: 280px;
	margin-right: 40px;
	color: #666666;
	line-height: 18px;
}

.left_no_line {
	padding-top: 18px;
	float: left;
	color: #666666;
}

.left_side.split {
	width: 440px;
}

.left_side div.quo {
	font-family: MuseoSans-500Italic;
	line-height: 20px;
	font-size: 15px;
	color: #7ba53f;
	margin-bottom: 27px;
}
.left_half {
	padding-top: 18px;
	/* border-top: 1px solid #E3E3E3; */
	float: left;
	width: 280px;
	margin-right: 40px;
	color: #666666;
	line-height: 18px;
}

.left_half.split {
	width: 440px;
}

.right_half {
	padding-top: 18px;
	/* border-top: 1px solid #E3E3E3; */
	float: left;
	width: 600px;
	color: #666666;
	line-height: 18px;
}

.right_half.split {
	width: 440px;
}

.right_half h2, .left_half h2 {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 19px;
	color: #3a3a3a;
}

.right_half h3, .left_half h3 {
	font-family: MuseoSans-700;
	font-size: 14px;
	margin-bottom: 4px;
	color: #3a3a3a;
}

.right_side {
	padding-top: 18px;
	border-top: 1px solid #E3E3E3;
	float: left;
	width: 600px;
	color: #666666;
	line-height: 18px;
}

.right_side.split {
	width: 440px;
}

.right_side h2, .left_side h2, .left_no_line h2 {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 19px;
	color: #3a3a3a;
}

.right_side h3, .left_side h3, .left_no_line h3 {
	font-family: MuseoSans-700;
	font-size: 14px;
	margin-bottom: 4px;
	color: #3a3a3a;
}
/* added by Bryan: 11/18/2013 */

.left_side h4 {
	font-family: MuseoSans-700;
	font-size: 12px;
	margin-bottom: 1px;
	color: #3a3a3a;
}
/* end addition */
/* added by Bryan: 10-13-2011 */

.right_side_lists {
	padding-top: 18px;
	border-top: 1px solid #E3E3E3;
	float: left;
	width: 600px;
	color: #666666;
	line-height: 18px;
}

.right_side_lists.split {
	width: 440px;
}

.right_side_lists h2, .left_side_lists h2 {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 19px;
	color: #3a3a3a;
}

.right_side_lists h3 {
	font-family: MuseoSans-700;
	font-size: 14px;
	margin-bottom: 4px;
	color: #3a3a3a;
}

.right_side_lists ol,
.right_side_lists ul {
	list-style:disc;
	margin-left:20px;
}
/* end added by Bryan: 10-13-2011 */

.large_box {
	width: 940px;
	height: 198px;
	padding: 27px;
	margin-bottom: 6px;
	position: relative;
	background: transparent url('/images/large_box_bg.png') no-repeat center center;
}

.medium_large_box {
	width: 460px;
	height: 190px;
	padding: 17px;
	position: relative;
	margin-bottom: 6px;
	background: transparent url('/images/medium_box_bg.png') no-repeat center center;
}

/* .medium_large_box.fl_left {
	margin-right: 3px;
} this causes ie to break */ 

.medium_large_box h3 {
	font-family: MuseoSans-900;
	font-size: 17px;
	color: #3a3a3a;
}

.medium_large_box h3 a {
	font-family: MuseoSans-900;
	font-size: 17px;
	color: #3a3a3a;
}

.medium_large_box h2 {
	font-family: MuseoSans-900;
	font-size: 18px;
	color: #3a3a3a;
}

.medium_large_box h2 a {
	font-family: MuseoSans-900;
	font-size: 18px;
	color: #3a3a3a;
}

.small_box {
	width: 210px;
	height: 178px;
	padding: 17px;
	background: transparent url('/images/small_box_bg.png') no-repeat center center;
}

.small_box_tall {
	width: 210px;
	height: 190px;
	padding: 17px;
	background: transparent url('/images/small_box_tall_bg.png') no-repeat center center;
}

.small_long_box {
	width: 295px;
	height: 120px;
	padding: 17px;
	margin-bottom: 6px;
	background: transparent url('/images/small_long_bg.png') no-repeat center center;
}

.small_long_box.fl_left {
	margin-right: 3px;
}

.small_long_box.fl_right {
	
}

.fl_left {
	float: left;
}

.fl_right {
	float: right;
}

strong, .strong {
	font-weight: bold;
}

h2.box_header {
	font-family: MuseoSans-900;
	font-size: 15px;
}

h3.box_header {
	font-family: MuseoSans-900;
	font-size: 14px;
}


.page_header {
	font-family: MuseoSans-700;
	font-size: 27px;
	color: #3a3a3a;
	margin-bottom: 50px;
	letter-spacing: 1px;
}

.page_right {
	width:480px;
	float:right;
	padding:20px;
}

.page_right h2 {
	font-family: MuseoSans-700;
	font-size: 21px;
	color: #3a3a3a;
	letter-spacing: 1px;
}
	
.class_box {
	width: 215px;
	
	margin-right: 34px;
}

.class_box .top_cap {
	background: transparent url('/images/class_top_cap.png') no-repeat top center;
	width: 215px;
	height: 12px;
}

.class_box .class_content {
	background: transparent url('/images/class_bg.png') repeat-y top center;
	width: 201px;
	min-height: 600px;
	padding: 0px 7px 0px 7px;
}

.class_list {
	width: 670px;
}

.class_list h2 {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	color: #3a3a3a;
}

.hr.top {
	margin-top: 0px;
}


ul.classifieds_list.title {
	margin-top: 20px;
}

ul.classifieds_list li {
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;
	min-height: 20px;
	height: auto;
	border-bottom: 1px solid #e3e3e3;
}
ul.classifieds_list li span {
	width: 500px; 
	height: auto; 
	display: block;
	float: left;
}

ul.classifieds_list li span.classifieds_details_title {
	width: 120px;
	padding-bottom: 10px;  
	font-weight: bolder;
}

ul.classifieds_list li span.classifieds_details {
	padding-bottom: 10px;  
}

ul.classifieds_list li div.title {
	width: 328px;
	float: left;
}

ul.classifieds_list li div.offer {
	width: 82px;
	float: left;
}

ul.classifieds_list li div.price {
	width: 116px;
	float: left;
}

ul.classifieds_list li div.date {
	width: 116px;
	float: left;
}


ul.classifieds_list li div.file_name {
	width: 418px;
	float: left;
}

ul.classifieds_list li div.file_date {
	width: 82px;
	float: left;
}

.small {
	font-size: 10px;
	color: #a2a1a1;
}

a.title:link,
a.title:active,
a.title:visited,
a.title:hover {
	font-size: 10px;
}

.classifieds_cats li {
	line-height: 18px;
	font-weight: bold;
	font-size: 12px;
	padding-top: 10px;
}

.classifieds_cats li ul {
	margin-left: 15px;
}

.contact_hours p {
	margin: 0px;
}


.contact_hours h3 {
	padding-top: 20px;
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 0px;
	color: #3a3a3a;
}

.contact_col {
	width: 300px;
}

.jobs.quo {
	font-family: MuseoSans-500Italic;
	font-size: 16px;
	color: #666666;
	line-height: 22px;
}

.job_docs {
	width: 320px;
	border-top: 1px solid #e3e3e3;
	margin: 20px 0px 50px 0px;
}

.job_docs li {
	width: 320px;
	padding-top: 10px;
	height: 20px;
	border-bottom: 1px solid #e3e3e3;
}


.job_contact p {
	margin: 0px;
}


.job_contact h4 {
	padding-top: 20px;
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 14px;
	margin-bottom: 0px;
	color: #3a3a3a;
}


.search_pos {
	margin-top: 40px;
}


.hero_bg { /* cumulative height must be 360px */
	padding: 20px;
	/* padding-top: 40px; */
	width: 272px;
	height: 320px;
	position: relative;
	background: #f1f1f1 url('/images/hero_bg.jpg') repeat-x top center;
}

.hero_img_overlay {
	
}

.hero_title {
	font-family:MuseoSans-700;
	letter-spacing: 1px;
	font-size: 27px;
}
.hero_title.long {
	font-family:MuseoSans-700;
	letter-spacing: 1px;
	font-size: 26px;
}

.hero_title.homepage {
	margin-top: 45px;
}

.social {
	position: absolute;
	bottom: 40px;
}

.sociallink {
	position: absolute;
	bottom: 0;
}

.external {
	padding-right: 16px;
	background: transparent url('/images/external_icon.png') no-repeat right 2px;
}

.external.up {
	background: transparent url('/images/external_icon.png') no-repeat right 0px;
}

.extdoc {
	padding-right: 16px;
	background: transparent url('/images/external_doc.png') no-repeat right 2px;
}

.extlite {
	padding-right: 16px;
	background: transparent url('/images/external_lite.png') no-repeat right 2px;
}

.extdark {
	padding-right: 16px;
	background: transparent url('/images/external_dark.png') no-repeat right 2px;
}

a.green:link,
a.green:active,
a.green:visited,
a.green:hover, span.green {
	color: #006C39; /* was #338800 */
}

p.contact {
	margin: 0px;
}


.funding {
	margin-top: 30px;
}

.funding li {
	border-bottom: 1px solid #e3e3e3;
	padding-bottom: 10px;
	margin-top: 10px;
}

.funding li.first {
	border-top: 1px solid #e3e3e3;
	padding-top: 10px;
}

.pdf {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-pdf.png') no-repeat left 0px;
	padding-bottom: 5px;
}

.xdoc {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-external.png') no-repeat left 0px;
	padding-bottom: 5px;
}
.doc {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-word.png') no-repeat left 0px;
	padding-bottom: 5px;
}

.xls {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-excel-table.png') no-repeat left 0px;
	padding-bottom: 5px;
}

.xsl {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-excel-table.png') no-repeat left 0px;
	padding-bottom: 5px;
}

.powerpoint {
	padding-left: 25px;
	background: transparent url('/images/doc_icons/document-powerpoint.png') no-repeat left 0px;
	padding-bottom: 5px;
}

.kindergarten {
	margin-top: 32px;
}

.class_search {
	text-align: center;
}

.search_field {
	width: 153px;
	height: 22px;
	background: transparent url('/images/search_bg.png') no-repeat center 1px;
	border: 0px;
	padding: 0px 5px 0px 5px;
}

.search_button {
	vertical-align: middle;
	margin-top: -1px;
}

.job_search_header {
	margin-top: 20px;
	height: 30px;
	padding: 15px;
	padding-top: 25px;
	background-color: #e6f5fb;
}

.job_search_options {
	padding: 10px;
	background-color: #fafafa;
}

.job_search_instructions {
	float: left;
	width: 260px;
	margin-right: 40px;
}

.job_search_label {
	float: left;
	width: 120px;
	margin-bottom: 20px;
}

.job_search_keywords {
	margin-top: 20px;
}

.keywords {
	background: transparent url('/images/keywords.jpg') no-repeat center center;
	width: 252px;
	padding-left: 5px;
	padding-right: 5px;
	height: 22px;
	border: 0px;
}

.job_search_button {
	margin-top: 20px;
	text-align: right;
}

ul.job_item_list.title {
	margin-top: 20px;
}

ul.job_item_list li {
	clear: both;
	padding-top: 10px;
	height: 20px;
	border-bottom: 1px solid #e3e3e3;
}

ul.job_item_list li div.title {
	width: 378px;
	float: left;
}

ul.job_item_list li div.type {
	width: 102px;
	float: left;
}

ul.job_item_list li div.location {
	width: 116px;
	float: left;
}

.event_date_icon {
	/*background: transparent url('/images/date_circle_orange.png') no-repeat left top;
*/
}

.event_date_icon_orange {
	background: transparent url('/images/date_circle_orange.png') no-repeat left top;
}

.event_date_icon_blue{
	background: transparent url('/images/date_circle_blue.png') no-repeat left top;
}

.event_date_icon_gold{
	background: transparent url('/images/date_circle_gold.png') no-repeat left top;
}

.event_date_icon_green{
	background: transparent url('/images/date_circle_green.png') no-repeat left top;
}

.event_date_icon_purple {
	background: transparent url('/images/date_circle_purple.png') no-repeat left top;
}

.event_date_icon_red{
	background: transparent url('/images/date_circle_red.png') no-repeat left top;
}

.event_date_icon span, .event_date_icon_orange span, .event_date_icon_blue span, .event_date_icon_gold span , .event_date_icon_green span , .event_date_icon_purple span , .event_date_icon_red span {
	color: #ffffff;
	display: block;
	margin-left: 9px;
	margin-top: 14px;
}

.event_date_icon span span, .event_date_icon_orange span span, .event_date_icon_blue span span, .event_date_icon_gold span span, .event_date_icon_green span span , .event_date_icon_purple span span , .event_date_icon_red span span    {
	color: #3a3a3a;
	display: inline;
	margin-left: 14px;
}

.inner_hero.home {
	position: relative;
}

.home_hero {
	color:#ffffff;
	position: absolute;
	top: 40px;
	left: 40px;
	width: 250px;
}

.home_hero h1.hero_title {
	font-size: 35px;
	font-family: MuseoSans-500;
}

.home_hero p {
	line-height: 22px;
	font-size: 16px;
	font-family: MuseoSans-500;
	color: #ffffff;
}

.cal_image {
	float: left;
	margin-right: 10px;
}

.about_the_link a {
	font-family: MuseoSans-700;
	color: #3a3a3a;
	font-size: 13px;
}

.about_the_link a img.blue_arrow_big {
	vertical-align: text-bottom;
}

#top_search, #top_search_alt {
	color: #999999;
	font-size: 1em; /* was 12px */
	margin-left: 10px;
	background: transparent url('/images/search_field.png') no-repeat center center;
	width: 10.833em;/* was 133px; */
	height: 2em; /* was 22px; */
 	border: 0px;
	vertical-align: bottom;
	margin-top: -7px;
	display: block;
	float: left;
	margin-right: 2px;
	padding-left: 5px;
	padding-right: 5px;
}

.floated_image {
	margin: 0px 30px 0px 0px;
}

.floated_link { 
	margin-top: 20px;
}

#top_search_button, #top_search_button_alt {
	float: left;
	margin-top: -4px;
	border: none;
	background-color: #474747;
	border-radius: 0px;
	background: none;
}

.video {
	position: relative;
}

a:link.video_button,
a:active.video_button,
a:visited.video_button,
a:hover.video_button {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -50px;
	margin-top: -50px;
	background: transparent url('/images/video_button.png') no-repeat center center;
}

.rpurple,
.rorange,
.rgreen,
.rblue,
.rblack,
.rred,
.ryellow {
	padding: 2px;
	background: transparent url('/images/radio_unselected.png') no-repeat center center;
	cursor: default;
}
.rpurple.selected{
	padding: 2px;
	background: transparent url('/images/radio_purple.png') no-repeat center center;
}
.rorange.selected {
	padding: 2px;
	background: transparent url('/images/radio_orange.png') no-repeat center center;
}

.rgreen.selected {
	padding: 2px;
	background: transparent url('/images/radio_green.png') no-repeat center center;
}

.rblue.selected {
	padding: 2px;
	background: transparent url('/images/radio_blue.png') no-repeat center center;
}

.rred.selected {
	padding: 2px;
	background: transparent url('/images/radio_red.png') no-repeat center center;
}

.ryellow.selected {
	padding: 2px;
	background: transparent url('/images/radio_yellow.png') no-repeat center center;
}

.rblack.selected {
	padding: 2px;
	background: transparent url('/images/radio_black.png') no-repeat center center;
}

.radio_list.cal {
	float: left;
	padding-top: 8px;
	padding-left: 45px;
}

#date_picker {
	margin-top: 30px;
}

#date_picker div {
	float: left;
}

#date_picker div.today {
	width: 291px;
}

#date_picker div.month_title {
	width: 283px;
	text-align: center;
	font-family: MuseoSans-700;
	font-size: 30px;
}

#date_picker div.next_month {
	width: 157px;
}

#days {
	margin-top: 30px;
}

.day {
	position: relative;
	background-color: #ffffff;
	float: left;
	width: 124px;
	height: 108px;
	border: 1px solid #cccccc;
	margin: 2px;
}

.day.selected {
	background-color: #f7f3d6;
}

.day.selected .day_num {
	background-color: #ebd52d;
}

.day_num {
	padding-right: 20px;
	padding-top: 7px;
	text-align: right;
	padding-bottom: 5px;
}

.day_num.disabled {
	color: #cccccc;
}

.cal_event {
	font-size: 11px;
	color: #ffffff;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.cal_event.sg {
	color: #ff6633;
}

.cal_event.ev {
	color: #993300;
}

.hero_image {
	position: relative;
	height: 360px;
}

.hero_image_overlay {
	
	background: transparent url('/images/hero_text_overlay.png'); 
	position: absolute; /* does not render well in IE 7 */
	/* *position: relative;/* - needs adjustment to work in all browsers but closer in IE 7 */
	bottom: 0px;
	height: 20px;
	width: 100%;
	padding-top: 7px;
	*margin-left:-474px; !important /* used for IE7 */
}

.hero_image_overlay span {
	font-size: 11px;
	color: #c5c5c5;
	padding-left: 10px;
}

.hero_image_overlay_big {
	
	background: transparent url('/images/hero_text_overlay.png'); 
	position: absolute; /* does not render well in IE 7 */
	/* *position: relative;/* - needs adjustment to work in all browsers but closer in IE 7 */
	bottom: 0px;
	height: 20px;
	width: 100%;
	padding-top: 7px;
	*margin-left:-651px; !important /* used for IE7 */
}

.hero_image_overlay_big span {
	font-size: 11px;
	color: #c5c5c5;
	padding-left: 10px;
}

.hero_image_overlay_eventhero {
	
	background: transparent url('/images/hero_text_overlay.png'); 
	position: absolute; /* does not render well in IE 7 */
	/* *position: relative;/* - needs adjustment to work in all browsers but closer in IE 7 */
	bottom: 0px;
	height: 72px;
	width: 100%;
	padding-top: 7px;
	*margin-left:-474px; !important /* used for IE7 */
}

.hero_image_overlay_eventhero p {
	font-size: 20px;
	color: #c5c5c5;
	padding-left: 10px;
}

.hero_image_overlay_eventhero span {
	font-size: 11px;
	color: #c5c5c5;
	padding-left: 10px;
}

.photo_with_caption {
	width: 275px;
}

.fl_right.photo_with_caption_inline_right {
	width: 275px;
	margin: 0px 0px 5px 40px;
}

.fl_left.photo_with_caption_inline_left {
	width: 275px;
	margin: 0px 50px 0px 0px;
}

.caption {
	color: #a2a1a1;
	line-height: 15px;
	font-size: 11px;
	font-style: italic;
}

div.spacer {
	height: 40px;
}


.asi_events {
	position: absolute;
	top: 27px;
	left: 27px;
}

.padten {
	padding: 10px;
}

.asi_event_info {
	float: left;
	width: 244px;
	margin-top: 40px;
}

.asi_event_slider_date {
	color: #006C39; /* was #338800 */
	font-size: 11px;
	
}
.asi_event_slider_location {
	color: #666666;
	font-size: 11px;
	margin-bottom: 17px;
}
.asi_event_slider_title {
	color: #323030;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 17px;
	/*background: transparent url('/images/thought_bubble.png') no-repeat center right; */
}

.asi_event_slider_desc {
	color: #666666;
	line-height: 16px;
	font-size: 11px;
}

.sm_medium_slider {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 190px;
}

.sm_medium_slide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
	
}

.sm_medium_inner_slide {
	float: left;
	width: 460px;
}

/* ----------------------- ASI Events sm_medium slider -------------- */
.asi_events_slider {
	position: relative;
	overflow: hidden;
	width: 460px;
	height: 190px;
}

.asi_events_slide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
	
}

.asi_events_inner_slide {
	float: left;
	width: 460px;
	z-index:99999;
}
/* ----------------------- end ASI Events sm_medium slider -------------- */

.photo_slide_show {
	width: 600px;
	height: 400px;
	overflow: hidden;
	position: relative;
}

.photo_slide {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 6000px;
}

.photo_slide_six {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 6000px;
}


.photo {
	position: relative;
	float: left;
}

.photo_caption {
	background: transparent url('/images/hero_text_overlay.png');
	position: absolute;
	bottom: 0px;
	height: 20px;
	width: 100%;
	padding-top: 7px;
}
.photo_caption span {
	font-size: 11px;
	color: #c5c5c5;
	padding-left: 10px;
}

.champ_photos {
	position: relative;
}

.pod_arrow.photo5 {
	position: absolute;
	right: 0px;
	top: 150px;
}

.pod_arrow.photo {
	position: absolute;
	right: 0px;
	top: 150px;
}

.blue_num {
	background: transparent url('/images/blue_circle.png') no-repeat center top;
	width: 23px;
	padding-left: 12px;
	height: 25px;
	padding-top: 10px;
	font-size: 15px;
	font-weight: bold;
	color: #ffffff;
	float: left;
	margin-right: 5px;
}

.small_long_box div p {
	font-size: 11px;
}

.helpful_hints {
	color: #666666;
}

ul.classifieds_cats {
	margin-left: 10px;
}

#offering_nav li {
	vertical-align: middle;
	width: 65px;
	height: 20px;
	float:left;
	padding: 10px 20px 20px 20px;
	border-right: 1px solid #e8e8e8;
}

#offering_nav li.single_line {
	padding-top: 18px;
	height: 12px;
}

#offering_nav li.single_long {/* added this */
	padding-top: 18px;
	width: 110px;
}
#offering_nav li.long {
	padding-top: 18px;/* added this */
	width: 80px;
}

#offering_nav li.end {
	padding-top: 18px;/* added this */
	border: 0px;
}

#offering_nav li a:link,
#offering_nav li a:visited,
#offering_nav li a:active,
#offering_nav li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#offering_nav li.selected a:link,
#offering_nav li.selected a:visited,
#offering_nav li.selected a:active,
#offering_nav li.selected a:hover {
	color: #3a3a3a;
}

#offering_nav li span {
	margin-left: 38px;
}

#offering_nav_bottom {
	margin-top: 10px;
	height: 15px;
	background: transparent url('/images/club_nav_bottom.png') repeat-x 0px 0px;
}

/* ========== club nav from Tolleson ================ */
#club_nav li {
	vertical-align: middle;
	width: 75px; /* was 65px; */
	height: 20px;
	float:left;
	padding: 10px 20px 20px 20px;
	border-right: 1px solid #e8e8e8;
}

#club_nav li.single_line {
	padding-top: 18px;
	height: 12px;
}

#club_nav li.long {
	width: 120px;
}

#club_nav li.single_long {/* added this */
	padding-top: 18px;
	width: 95px;
}

#club_nav li.end {
	padding-top: 18px; /* added this */
	border: 0px;
}

#club_nav li a:link,
#club_nav li a:visited,
#club_nav li a:active,
#club_nav li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#club_nav li.selected a:link,
#club_nav li.selected a:visited,
#club_nav li.selected a:active,
#club_nav li.selected a:hover {
	color: #3a3a3a;
	padding-top: 18px; /* added this */
}

#club_nav li span {
	margin-left: 38px;
}

#club_nav_bottom {
	margin-top: 10px;
	height: 15px;
	background: transparent url('/images/club_nav_bottom.png') repeat-x 0px 0px;
}
/* ===========   end club_nav from Tolleson =========== */

#uu_clubs_content {
	padding: 30px;
	padding-top: 10px;
}

#uu_clubs_content div.quo {
	font-family: MuseoSans-500Italic;
	font-size: 17px;
	font-style: italic;
	line-height: 22px;
	color: #666666;
	margin-bottom: 25px;
	margin-top: 5px;
}


#uu_clubs_content .column {
	width: 200px;
}


#uu_clubs_content .column h3 {
	font-size: 14px;
}

#club_directory_menu ul li {
	float: left;
	height: 25px;
	text-align: center;
	padding-top: 20px;
}

#club_directory_menu ul li a:link,
#club_directory_menu ul li a:active,
#club_directory_menu ul li a:visited,
#club_directory_menu ul li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#club_directory_menu ul li.selected a:link,
#club_directory_menu ul li.selected a:active,
#club_directory_menu ul li.selected a:visited,
#club_directory_menu ul li.selected a:hover {
	color: #3a3a3a;
	font-size: 12px;
	font-family: MuseoSans-700;
	text-decoration: none;
	
}

#club_directory_menu_content ul li {
	display: block;
	float: none;
	text-align: left;
	height: 10px;
}

#club_directory_menu_content ul li.selected a:link,
#club_directory_menu_content ul li.selected a:active,
#club_directory_menu_content ul li.selected a:visited,
#club_directory_menu_content ul li.selected a:hover {
	color: #3a3a3a;
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
	background: transparent url('/images/arrow_black.png') no-repeat right 1px;
	padding-right: 15px;
}

#club_directory_menu_content ul li a:link,
#club_directory_menu_content ul li a:active,
#club_directory_menu_content ul li a:visited,
#club_directory_menu_content ul li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

li.cd_ac {
	height: 25px;
	background: transparent url('/images/clubdirectory_all_bg.png') no-repeat center center;
	width: 94px;
}

li.cd_ca {
	background: transparent url('/images/clubdirectory_affil_bg.png') no-repeat center center;
	width: 123px;
}

li.cd_search {
	background: transparent url('/images/clubdirectory_search_bg.png') no-repeat center center;
	width: 71px;
}

li.cd_ac.selected {
	background: transparent url('/images/clubdirectory_all_bg_on.png') no-repeat center center;
	width: 94px;
}

li.cd_ca.selected {
	background: transparent url('/images/clubdirectory_affil_bg_on.png') no-repeat center center;
	width: 123px;
}

li.cd_search.selected {
	background: transparent url('/images/clubdirectory_search_bg_on.png') no-repeat center center;
	width: 71px;
}


#club_directory_menu_content {
	width: 288px;
	min-height: 360px;
	background: transparent url('/images/clubdirectory_bg.png') repeat-y center center;	
}


#inner_club_directory_menu_content {
	width: 238px;
	margin: 0px auto;
	text-align: left;
	min-height: 400px;
	padding: 20px;
	color: #3a3a3a;
	background-color: #f9f9f9;
	background: url('/images/club_sub_nav_gradient.jpg') repeat-x top center;	
}

#inner_class_menu_content {
	width: 161px;
	margin: 0px auto;
	text-align: left;
	min-height: 1600px;
	color: #3a3a3a;
	background-color: #f9f9f9;
	background: url('/images/club_sub_nav_gradient.jpg') repeat-x top center;		
}


#club_directory_menu {
	float: left;
	margin-right: 30px;
}

#club_directory_content {
	width: 600px;
	margin-top: 4px;
	float: left;
}


#club_directory_content h3,
#club_directory_content h4 {
	border-top: 1px solid #dedede;
	padding-top: 18px;
	font-family: MuseoSans-700;
	font-size: 18px;
	margin-bottom: 18px;
	color: #3a3a3a;
}

div.contribute_header {
	color: #bbbaba;
	margin-right: 40px;
	float: right;
	padding-top: 5px;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}


#club_directory_content h3 {
	margin-bottom: 48px;
}

ul.club_list li {
	border-top: 1px solid #dedede;
	padding-top: 16px;
	padding-bottom: 8px;
	min-height: 15px;
	height: auto;
}

ul.club_list li a:link,
ul.club_list li a:visited,
ul.club_list li a:active,
ul.club_list li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

ul.club_list li span {
	width: 430px; 
	display: block;
	float: left;
}

ul.club_list li span.website {
	width: 80px;
}

ul.club_list li span.club_details_title {
	width: 100px;
	padding: 5px 5px 5px 5px;  
	font-weight:  bolder;
}

ul.club_list li span.club_details {
	padding: 5px 5px 5px 5px;  
}

ul.club_list li span.contribute {
	width: 50px;
	margin-top: -9px;
}

/* Added By Bryan 2-16-2012 for ASI Alumni Assoc tabs */
.alumni_sub_content_menu li {
	margin-top: 6px;
	padding-bottom: 6px;
	border-bottom: 1px solid #ececec;
}

.alumni_sub_content_menu li a:link,
.alumni_sub_content_menu li a:active,
.alumni_sub_content_menu li a:visited,
.alumni_sub_content_menu li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	text-decoration: none;
}

li.cd_alum1 {
	height: 25px;
	background: transparent url('/images/clubdirectory_alum_bg.png') no-repeat center center;
	width: 71px;
}

li.cd_alum1.selected {
	background: transparent url('/images/clubdirectory_alum_bg_on.png') no-repeat center center;
	width: 71px;
}

li.cd_alum2 {
	background: transparent url('/images/clubdirectory_alum2_bg.png') no-repeat center center;
	width: 73px;
}

li.cd_alum2.selected {
	background: transparent url('/images/clubdirectory_alum2_bg_on.png') no-repeat center center;
	width: 73px;
}

li.cd_spot{
	background: transparent url('/images/clubdirectory_spot_bg.png') no-repeat center center;
	width: 144px;
}

li.cd_spot.selected {
	background: transparent url('/images/clubdirectory_spot_bg_on.png') no-repeat center center;
	width: 144px;
}

li.cd_spot2{
	background: transparent url('/images/clubdirectory_spot2_bg.png') no-repeat center center;
	width: 144px;
}

li.cd_spot2.selected {
	background: transparent url('/images/clubdirectory_spot2_bg_on.png') no-repeat center center;
	width: 144px;
}


#inner_alumni_directory_menu_content {
	width: 238px;
	margin: 0px auto;
	text-align: left;
	min-height: 600px;
	padding: 20px;
	background: #f9f9f9 url('/images/club_sub_nav_gradient.jpg') repeat-x top center;	
}

#inner_alumni_menu_content {
	width: 161px;
	margin: 0px auto;
	text-align: left;
	min-height: 600px;
	padding: 20px;
	background: #f9f9f9 url('/images/club_sub_nav_gradient.jpg') repeat-x top center;	
}

#alumni_content {
	width: 600px;
	margin-top: 4px;
	float: left;
}

#alumni_content h2 {
font-family: MuseoSans-700;
	font-size: 20px;
	margin-bottom: 10px;
	color: #3a3a3a;
}
#alumni_content h3,
#alumni_content h4 {
	padding-top: 18px;
	font-family: MuseoSans-700;
	font-size: 16px;
	margin-bottom: 18px;
	color: #3a3a3a;
}

#alumni_content h3 {
	margin-bottom: 18px;
}

#alumni_directory_menu_content {
	width: 288px;
	min-height: 560px;
	background: transparent url('/images/clubdirectory_bg.png') repeat-y center center;	
}

#alumni_directory_menu {
	float: left;
	margin-right: 30px;
}

#alumni_directory_content {
	width: 600px;
	margin-top: 4px;
	float: left;
}

#alumni_directory_menu ul li {
	float: left;
	height: 25px;
	text-align: center;
	padding-top: 20px;
}

#alumni_directory_menu ul li a:link,
#alumni_directory_menu ul li a:active,
#alumni_directory_menu ul li a:visited,
#alumni_directory_menu ul li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#alumni_directory_menu ul li.selected a:link,
#alumni_directory_menu ul li.selected a:active,
#alumni_directory_menu ul li.selected a:visited,
#alumni_directory_menu ul li.selected a:hover {
	color: #3a3a3a;
	font-size: 12px;
	font-family: MuseoSans-700;
	text-decoration: none;
	
}

#alumni_directory_menu_content ul li {
	display: block;
	float: none;
	text-align: left;
	height: 10px;
}

#alumni_directory_menu_content ul li.selected a:link,
#alumni_directory_menu_content ul li.selected a:active,
#alumni_directory_menu_content ul li.selected a:visited,
#alumni_directory_menu_content ul li.selected a:hover {
	color: #3a3a3a;
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
	background: transparent url('/images/arrow_black.png') no-repeat right 1px;
	padding-right: 15px;
}

#alumni_directory_menu_content ul li a:link,
#alumni_directory_menu_content ul li a:active,
#alumni_directory_menu_content ul li a:visited,
#alumni_directory_menu_content ul li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}



/* end add By Bryan 2-16-2012 for ASI Alumni Assoc tabs */

#intramural_sports {
	
}

#craft_center {
}

#aquatics_box {
	margin-right:6px;
} 
#poly_escapes_box {
	margin-right:6px;
} 
#two_col_a_box {
	margin-right: 6px;
}

#reserve_facilities_box {
	margin-right: 6px;
}
#faqs_box {
	margin-right: 6px;
}
#four_col_a_box {
	margin-right: 6px;
}

#four_col_b_box {
	margin-right: 6px;
}

#four_col_c_box {
	margin-right: 6px;
}

#contact_box {
	margin-right: 6px;
}

#intramural_sports h2 a {
	font-size: 20px;
	font-family: MuseoSans-900;
	color: #3a3a3a;
}

#craft_center h2 a {
	font-size: 20px;
	font-family: MuseoSans-900;
	color: #3a3a3a;
}

#divisions {
	text-align: right;
	height: 16px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 8px;
	color: #666666;
}
/* --------------- Columns for Intramural Sports classes big slider ---------------- */
.sports_column {
	width: 185px;
	float: left;
	margin-right: 50px;
}

.sports_column h4 {
	font-family: MuseoSans-900;
	font-size: 14px;
	color: #3a3a3a;
}

.sports_column h4 img {
	vertical-align: bottom;
	margin-left: 5px;
} 

.sports_column p {
	font-size: 11px;
	margin-top: 10px;
	line-height: 16px;
}
/* --------------- Columns for Craft Center classes big slider ---------------- */
.crafts_column {
	width: 185px;
	float: left;
	margin-right: 50px;
}

.crafts_column h3 {
	font-family: MuseoSans-900;
	font-size: 14px;
	color: #3a3a3a;
}

.crafts_column h3 img {
	vertical-align: bottom;
	margin-left: 5px;
} 
.crafts_column h4 {
	font-family: MuseoSans-500;
	font-size: 12px;
	color: #3a3a3a;
}

.crafts_column h4 img {
	vertical-align: bottom;
	margin-left: 5px;
} 

.crafts_column p {
	font-size: 11px;
	margin-top: 10px;
	line-height: 16px;
}
/* --------------- end columns Craft Center classes big slider ---------------- */
/* --------------- Columns for Craft Center classes big slider ---------------- */
.programs_column {
	width: 185px;
	float: left;
	margin-right: 50px;
}

.programs_column h3 {
	font-family: MuseoSans-900;
	font-size: 14px;
	color: #3a3a3a;
}

.programs_column h3 img {
	vertical-align: bottom;
	margin-left: 5px;
} 

.programs_column h4 {
	font-family: MuseoSans-900;
	font-size: 12px;
	color: #3a3a3a;
}

.programs_column h4 img {
	vertical-align: bottom;
	margin-left: 5px;
} 

.programs_column p {
	font-size: 11px;
	margin-top: 10px;
	line-height: 16px;
}
/* --------------- end columns Craft Center classes big slider ---------------- */
.pod_slider {
	width: 940px;
	height: 200px;
	overflow:hidden;
	position: relative;
}

.pod_slide {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
}
/* ------------------ for Intramural Sports ------------------- */
.pod_slider_is {
	width: 940px;
	height: 200px;
	overflow:hidden;
	position: relative;
}

.pod_slide_is {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
}
/* ------------ end pod slider for intramural sports ----------- */
/* --------------for Craft Center classes in UU ---------------- */
.pod_slider_cc {
	width: 940px;
	height: 200px;
	overflow:hidden;
	position: relative;
}

.pod_slide_cc {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
}
/* ------------ end pod slider for craft center classes -------- */
/* ------------ pod slider for Children's Center ------------- */
.pod_slider_chi {
	width: 940px;
	height: 200px;
	overflow:hidden;
	position: relative;
}

.pod_slide_chi {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 6000px;
}
/* ------------ end pod slider for Children's Center ------------- */
.pod_slider.small {
	width: 210px;
	height: 175px; /* was 147px; edited to fit Hours info 11/18/13 */
	overflow:hidden;
	position: relative;
}

.pod_slide.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 600px;
}
/* -------------- for Contact Slides on recreation center 6-total -----------*/
.pod_slide6.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1900px; /* this width needs to be longer than the cumulative width of all slides */
}
/* -------------- end Contact Slides on recreation center 6-total -----------*/
/* -------------- for Contact Slides on UU 2-total -----------*/
.pod_slide9.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1900px; /* this width needs to be longer than the cumulative width of all slides */
}

/* -------------- for Contact Slides  2-total -----------*/
.pod_slide2.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px; /* this width needs to be longer than the cumulative width of all slides */
}
/* -------------- end Contact Slides on UU 2-total -----------*/
.contact_slide {
	width: 210px;
	float: left;
}

.contact_slide h3 {
	font-size: 10px;
	color: #3a3a3a;
}

a.learn_more:link,
a.learn_more:visited,
a.learn_more:active,
a.learn_more:hover {
	text-decoration: none;
	color: #0067AC; /* was #5aa6c0; */
	/* color: #5aa6c0;  blue */
}

.sect_content_mini,
.sect_content_contact {
	padding: 10px;
	position: relative;
}

.sect_content {
	padding: 10px;
	width: 244px;
}

.sect_content p, .sect_content_mini p {
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	font-size: 11px;
	line-height: 16px;
}

.sect_content_contact p {
	margin: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
	padding: 0px;
	font-size: 10px;
	line-height: 14px;
}

.sect_photo {
	width: 196px;
	height: 190px;
	/* background-color: #333333; */
	background-color: #FCFCFE;
	float: left;
}

.sect_content ul li,
.sect_content_mini ul li,
.sect_content_contact ul li {
	border-bottom: 1px solid #e3e3e3;
	min-height: 9px;
	padding-top: 6px;
	padding-bottom: 7px;
}

.sect_content ul li.last,
.sect_content_mini ul li.last,
.sect_content_contact ul li.last {
	border: 0px;
}

.sect_content ul li a:link,
.sect_content ul li a:active,
.sect_content ul li a:visited,
.sect_content ul li a:hover,
.sect_content_mini ul li a:link,
.sect_content_mini ul li a:active,
.sect_content_mini ul li a:visited,
.sect_content_mini ul li a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #0067AC; /* was #5aa6c0; */
	text-decoration: none;
}

.sect_content_mini h2,
.sect_content_mini h2 a {
	font-family: MuseoSans-900;
	font-size: 15px;
	color: #3a3a3a;
}

.sect_content_contact h2 a {
	font-family: MuseoSans-900;
	font-size: 15px;
	color: #3a3a3a;
}

.sect_content_mini h3,
.sect_content_mini h3 a {
	font-size: 12px;
	color: #3a3a3a;
}

.sect_content_contact h3 a {
	font-size: 12px;
	color: #3a3a3a;
	padding-top:5px;
}

.sect_content_contact ul li a:link,
.sect_content_contact ul li a:active,
.sect_content_contact ul li a:visited,
.sect_content_contact ul li a:hover {
	font-weight: bold;
	font-size: 12px;
	color: #0067AC; /* was #5aa6c0; */
	text-decoration: none;
}

.sect_mini_photo {
	height: 107px;
	margin-top: 10px;
	width: 210px;
	/* background-color: #333333; */
	background-color: #FCFCFE;
	margin-left: -10px;
}

.contact_slide h4 {
	color:#900;
}
/* added by Bryan 11-18-13 */
.sect_content_contact .contact_slide .p p {
	margin: 0px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	font-size: 11px;
}
/* end addition */

/*  tier 3 Feature menu for IM Sports */
#is_nav li {
	vertical-align: middle;
	width: 80px;
	height: 27px;
	float:left;
	padding: 20px;
	border-right: 1px solid #e8e8e8;
}

#is_nav li.single_line {
	padding-top: 25px;
	height: 22px;
}

#is_nav li.long {
	padding-top: 25px;
	width: 120px;
}

#is_nav li.end {
	border: 0px;
}

#is_nav li a:link,
#is_nav li a:visited,
#is_nav li a:active,
#is_nav li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#is_nav li.selected a:link,
#is_nav li.selected a:visited,
#is_nav li.selected a:active,
#is_nav li.selected a:hover {
	color: #3a3a3a;
}

#is_nav li span {
	margin-left: 38px;
}

#is_nav_bottom {
	margin-top: 10px;
	height: 15px;
	background: transparent url('/images/club_nav_bottom.png') repeat-x 0px 0px; 
}
/* end Tier 3 Feature Menu for IM Sports */

/* BEGIN center_top_menu as Tier 3 Feature Menu  */
#center_top_menu
{
padding-top:5px;
}

#center_top_menu li{
vertical-align: middle;
	width: 80px;
	height: 27px;
	float:left;
	padding: 20px;
	border-right: 1px solid #e8e8e8;
}

#center_top_menu li.single_line {
	padding-top: 25px;
	height: 22px;
}

#center_top_menu li.long {
	width: 120px;
}

#center_top_menu li.end {
	border: 0px;
}

#center_top_menu a:link,
#center_top_menu a:visited,
#center_top_menu a:hover{
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#center_top_menu li.selected a:link,
#center_top_menu li.selected a:visited,
#center_top_menu li.selected a:active,
#center_top_menu li.selected a:hover{
	color: #3a3a3a;
}
	
#center_top_menu li span {
	margin-left: 38px;
}

#center_top_menu_bottom {
	margin-top: 10px;
	height: 15px;
	background: transparent url('/images/club_nav_bottom.png') repeat-x 0px 0px; 
}
	
/* ====== end center_top_menu  (from cms) ====== */
.div_title {
	margin-bottom: 10px;
	font-size: 14px;
	font-family: MuseoSans-700;
}

div.hr {
	border-top: 1px solid #e3e3e3;
	margin-bottom: 20px;
	margin-top: 40px;
}

.fl_left.inline_image {
	margin: 0px 10px 0px 0px;
}

.fl_right.inline_image {
	margin: 0px 0px 5px 40px;
}

.champ_photos {
	width: 600px;
	height: 400px;
	 background-color: #333333;
}

h2.sport_type {
	font-family: MuseoSans-500;
	font-size: 32px;
	color: #3a3a3a;
	margin-bottom:30px;
}

h2.offering_type {
	font-family: MuseoSans-500;
	font-size: 32px;
	color: #3a3a3a;
	margin-bottom:30px;
}

h2.offering_type_long {
	font-family: MuseoSans-500;
	font-size: 30px;
	color: #3a3a3a;
	margin-bottom:30px;
}

h2.clubs_type {
	font-family: MuseoSans-500;
	font-size: 20px;
	color: #3a3a3a;
	margin-bottom:15px;
}

.sport_menu {
	margin-top: 40px;
	margin-bottom: 50px;
}

.offering_menu {
	margin-top: 40px;
	margin-bottom: 50px;
}

.right_side div.quo {
	font-family: MuseoSans-500Italic;
	font-size: 17px;
	line-height: 22px;
}

.right_side div.quote {
	font-family: MuseoSans-500Italic;
	font-size: 15px;
	color: #7ba53f;
	line-height: 20px;
}

.blue_arrow_big {
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -2px;
}

.blue_arrow_small {
	vertical-align: middle;
	float: right;
}

.blue_arrow_small.pod {
	float: none;
	margin-top: -2px;
	margin-left: 5px;
}

.cal_title {
	margin-bottom: 0px;
}

#offering_nav_bottom.no_arrow {
	background: transparent url('/images/club_nav_bottom_no_arrow.png') repeat-x;
}

#is_nav_bottom.no_arrow {
	background: transparent url('/images/club_nav_bottom_no_arrow.png') repeat-x;
}

#club_nav_bottom.no_arrow {
	background: transparent url('/images/club_nav_bottom_no_arrow.png') repeat-x;
}

#club_nav_bottom.soccer {
	background-position: 85px 0px;
}
/* we will need to figure out the background positions for each tab once we have those pages ready */
#club_nav_bottom.clubdir {
	background-position: 145px 0px;
}

#club_nav_bottom.softball {
	background-position: 195px 0px;
}
/* Added By ASI (Bryan) 09-15-2011 */
#alerts {
position:absolute;
margin:0;
padding:0;
top:98px;
left:0;
width:100%;
background-color:#fff200;
height:37px;
z-index:999999;
font-family: "Trebuchet MS", Verdana, sans-serif;
}

#alerts h1, #alerts h2, #alerts h3, #alerts h4, #alerts h5, #alerts h6 {
margin:5px;
}

/* ========== Styling for Simple jQuery Toggle ============== */
h2.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 550px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

h3.trigger {
	padding: 0 0 0 50px;
	margin: 0 0 5px 0;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 550px;
	font-size: 1.5em;
	font-weight: normal;
	float: left;
}
h3.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h3.trigger a:hover { color: #ccc; }
h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

h3.triggers {
	padding: 0 0 0 50px;
	margin: 20px 0 5px 50px;
	background: url(../images/h2_trigger_a.gif) no-repeat;
	height: 46px;
	line-height: 46px;
	width: 500px;
	font-size: 1.3em;
	font-weight: normal;
	float: left;
}
h3.triggers a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h3.triggers a:hover { color: #ccc; }
h3.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 600px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	/* background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

.toggle_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}

.toggle_container h4 {
	font-family: MuseoSans-900;
	font-size: 14px;
	color: #3a3a3a;
	padding-top:10px;
}

 
.toggle_container li {
	list-style:disc;
	margin-left:20px;

}

.toggle_container .block .fl_left {
	float: left;
}

.toggle_container .block .fl_right {
	float: right;
}

.toggle_container .block .contact_col {
	width: 300px;
}

.toggle_container .blockbottom {
	clear: both;
	padding: 20px; /*--Padding of Container--*/
	background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

/* added to test nested toggle for SG Documents */
.toggle_nested {
	margin: 0 0 5px 50px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0 url(../images/toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: .9em;
	width: 500px;
	clear: both;
}
.toggle_nested .blocks {
	padding: 20px; /*--Padding of Container--*/
	/* background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

.toggle_nested img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}


.toggle_nested .blockbottoms {
	clear: both;
	padding: 20px; /*--Padding of Container--*/
	background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}
/* ============ end Styling for Simple jQuery Toggle ========= */
/* ============ Styling for Fac Res sub-nav ============ */
#res_nav li {
	vertical-align: middle;
	width: 80px;
	height: 27px;
	float:left;
	padding: 20px;
	border-right: 1px solid #e8e8e8;
	
}

#res_nav li.single_line {
	padding-top: 25px;
	height: 22px;
}

#res_nav li.long {
	width: 120px;
}

#res_nav li.end {
	border: 0px;
}

#res_nav li a:link,
#res_nav li a:visited,
#res_nav li a:active,
#res_nav li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

#res_nav li.selected a:link,
#res_nav li.selected a:visited,
#res_nav li.selected a:active,
#res_nav li.selected a:hover {
	color: #3a3a3a;
}

#res_nav li span {
	margin-left: 38px;
}

#res_nav_bottom {
	margin-top: 10px;
	height: 15px;
	background: transparent url('/images/club_nav_bottom.png') repeat-x 0px 0px; 
}

/* ============ end Styling for Fac Res sub-nav ============ */
/* ============ Styling for Eplan ============ */
.policy_details
{
padding:5px 5px 5px 5px;
background:#f1f1f1;
}
table.listing
{
margin-top:10px;
width:99%;
}
table.listing th
{
background: #006C39;
color:#FFFFFF;
padding:5px;
}
table.listing td
{
padding:5px;
background:#F0F0F0;
}
table.listing th a {color: #FFFFFF }
table.listing .odd td
{
background:#FFFFFF;
}
/* ============ End Styling for Eplan ============ */

.listing tr{
	line-height:23px;
}

/* ===== styling for Comm Log and Fac Tracking Reports =====*/
#center_top_menu,.center_top_menu
{
padding-top:15px;
}

#center_top_menu li,.center_top_menu li{
padding-right:14px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
float:left;
background: url('/images/center_menu_separator.gif') no-repeat right center;
}

#center_top_menu a, .center_top_menu a{
text-decoration:none;
color: #006C39; /* was #338800 */
font-weight:bold;
font-size:11px;
}

#center_top_menu a:hover, .center_top_menu a:hover{
text-decoration:underline;
color: #006C39; /* was #338800 */
font-weight:bold;
font-size:11px;
}

#center_top_iso_menu,.center_top_iso_menu
{
padding-top:15px;
}

#center_top_iso_menu li,.center_top_iso_menu li{
padding-right:14px;
list-style-type:none;
font-family:Arial, Helvetica, sans-serif;
float:left;
background:url('/images/center_menu_separator.gif') no-repeat right center;
}

#center_top_iso_menu a, .center_top_iso_menu a{
text-decoration:none;
color: #006C39; /* was #338800 */
font-weight:bold;
font-size:11px;
}

#center_top_iso_menu a:hover, .center_top_iso_menu a:hover{
text-decoration:underline;
color: #006C39; /* was #338800 */
font-weight:bold;
font-size:11px;
}

table.lists
{
margin-top:10px;
width:99%;
}
table.lists th
{
background:#006C39; /* was #338800 */
color:#fff;
padding:5px;
}
table.lists td
{
padding:5px;
background:#FAFDFF;
}
table.lists .odd td
{
background:#E6F5FC;
}

.lists tr{
	line-height:23px;
}

/* ===== end styling for comm logs and fac reports ===== */
/* ===== begin styling for paypal pages ===== */

.paypal_sub_title {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	color: #3a3a3a;
}
/* ===== end styling for paypal pages ===== */
/* ===== begin styling for alert page ===== */
ul.alert_list li {
	border-top: 1px solid #dedede;
	padding-top: 16px;
	padding-bottom: 8px;
	min-height: 15px;
	height: auto;
}

ul.alert_list li a:link,
ul.alert_list li a:visited,
ul.alert_list li a:active,
ul.alert_list li a:hover {
	color: #0067AC; /* was #5aa6c0; */
	font-size: 12px;
	font-family: MuseoSans-500;
	text-decoration: none;
}

ul.alert_list li span {
	width: 640px; 
	display: block;
	float: left;
}

ul.alert_list li span.start {
	width: 80px;
	color:#3a3a3a; /* #dedede; */
}

ul.alert_list li span.alert_details {
	padding: 5px 5px 5px 5px;  
}

ul.alert_list li span.close, ul.alert_list li span.end {
	width: 80px;
	color:#3a3a3a; /* #dedede; */
}
.alert_header_one {
	color: #bbbaba;
	margin-right: 245px;
	margin-top:-5px;
	float: right;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}
.alert_header_two {
	clear:right;
	color: #bbbaba;
	margin-right: 165px;
	margin-top:-12px;
	float: right;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}
.alert_header_end {
	clear:right;
	color: #bbbaba;
	margin-right: 70px;
	margin-top:-12px;
	float: right;
	font-size: 12px;
	font-weight: normal;
	font-family: "Trebuchet MS";
}
/* ===== end styling for alert page ===== */
/* ===== add to footer ===== */
#asicplogo {
width:250px;
position:absolute;
margin-left:730px;
bottom:10px;
*bottom:82px;
}
/* ===== end addition to footer ===== */

/* ===== added for J. Vaccaro's Leadership Forum ===== */
#inner-left-side {
	width:550px;
	border:10px solid #fff;
	background:url(../images/inner-div-bg.png) repeat-x top left #fff;
	float:left;
	margin-left:10px;
	padding-left:26px;
	padding-right:20px;
	z-index:1;
}

#inner-left-side p {
		font-size:12px;
		line-height:normal;
		color:#585858;
}
	
p.bold-heading {
		font-weight:bold;
}

#inner-left-side h1 {
		font-size:30px;
		color:#000;
		line-height:normal;
		padding-top:30px;
}

#inner-left-side h2 {
		font-size:21px;
		line-height:normal;
		font-weight:bold;
		margin-top:40px;
}

#inner-left-side h3 {
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	padding:10px 0px;
}

#inner-left-side h4 {
	font-size:16px;
	line-height:normal;
	font-weight:bold;
	padding:6px 0px;
}

#inner-left-side h5 {
	font-size:14px;
	line-height:normal;
	font-weight:bold;
	padding:3px 0px;
}

#inner-left-side h6 {
	font-size:12px;
	line-height:normal;
	font-weight:bold;
	padding:3px 0px;
}
/* == list styling == */
#inner-left-side ol, #inner-left-side ul {
	padding-bottom: 20px;
}
#inner-left-side ol li {
	list-style-type: decimal; 
	padding-bottom: 0.25em;
	margin-left:30px;
}

#inner-left-side ul li {
	list-style-type: disc; 
	padding-bottom: 0.25em;
	margin-left:30px;
	}
#inner-left-side a {
	color:#0067AC;
	text-decoration:underline;
}
/* == end list styling == */

span.cele {
			font-size:14px;
			line-height:normal;
			color:#585858;
			line-height: normal;
    		margin-top: 5px;
			margin-bottom:50px;
			display:block;
}

span.mail {
			color: #0067AC; /* was #5aa6c0; */
}

#inner-left-side input.textbox{
			border:1px solid #a5a5a5;
			height:20px;
			width:202px;
			margin-bottom:6px;
}

#inner-left-side label {
			width:40px;
			display:inline-block;
}

#inner-right-side {
	width:346px;
	float:right;
	/* padding-left:10px; */
	margin-right:8px;
	z-index:1;
}

#inner-right-side h2 {
	font-size:18px;
	line-height:normal;
	font-weight:bold;
	padding-top:40px;
}

#inner-right-side p {
		color: #585858;
		margin-bottom:8px;
		margin-top:8px;
		font-size:12px;
		line-height:15px;
}

#upper-side {
		background:#fff;
		padding-left:20px;
}

#upper-side table tr td {
			font-size:12px;
			line-height:15px;
			color:#585858;
			padding-bottom:5px;
}

#upper-side table tr td span.italic-text {
			font-style:italic;
}

#upper-side .leftcol {
	float:left;
	width: 122px;
}
#upper-side .rightcol {
	float:left:
	width:200px;
	margin-left:122px;
}

#inner-right-side p.sub-heading {
			color:#010101;
			font-size:12px;
			line-height:15px;
			font-weight:bold;
}

#lower-side {
		background:#fff;
		margin-top:20px;
		padding-left:22px;
		padding-right:10px;
}

span.map {
		color: #0067AC; /* was #5aa6c0; */
		font-size:12px;
		line-height:normal;
		margin-bottom:15px;
		display:block;
}

#lower-side ul li {
			font-size:12px;
			line-height:15px;
			color:#585858;
}

hr.underline {
	color:#cccccc;
	margin-right:20px;
}
/* ===== end addition for leadership forum ===== */
/* ===== reservation application ============*/
.reserve_line {
        background-color: #ffffff;
        padding-left: 5px;
        padding-right: 5px;
        overflow: auto;
        border-width: 0px;
}
.reserve_line span {
        float: left;
        display: inline;
        margin-right: 10px;
        border-top-width: 1px;
        border-bottom-width: 0px;
        border-left-width: 1px;
        border-right-width: 1px;
        border-style: solid;
}
.reserve_line span.title {
        background-color: white;
        border-color: white;
        text-align: left;
        width: 100%;
        font-size: 150%;
        font-weight: bold;
        height: 24px;
}
.reserve_line span.title a{
        color: #3a3a3a;
}
.reserve_line span.title a.t11:hover{
        color:#FFFFFF;
        padding: 0px;
        background-color: #3a3a3a;
}
.reserve_line span.headTitle {
        background-color: white;
        border-color: white;
        font-size: 120%;
        font-weight: bold;
        height: 24px;
}
.reserve_line span.head {
        background-color: white;
        border-color: white;
        text-align: center;
        font-size: 120%;
        font-weight: bold;
}
.reserve_line span.elName {
        background-color: white;
        border-color: white;
        text-align: left;
        font-size: 120%;
        font-weight: bold;
}
.reserve_line span.headTitle a:hover{
        color:#FFFFFF;
        padding: 0px;
        background-color: #3a3a3a;
}
.reserve_line span.elName a:hover{
        color:#FFFFFF;
        padding: 0px;
        background-color: #3a3a3a;
}
.reserve_line span.elNameTitle {
        background-color: white;
        border-color: white;
        text-align: left;
        font-size: 120%;
        font-weight: bold;
}
.reserve_line span.time {
        width: 55px;
        background-color: white;
        border-color: white;
        text-align: left;
}
.reserve_line span.taken {
        background-color: #006C39; /* was #338800 */
        border-top-color: #006C39; /* was #338800 */
        border-left-color: black;
        border-right-color: black;
        font-size: 12px;
        color: white;
        word-wrap: break-word;
        min-height: 1px;
}
.reserve_line span.available {
        background-color: white;
        border-color: black;
        word-wrap: break-word;
        min-height: 1px;
}
/* ===== end reservation application ============*/

/* == list styling == */
.bullists ul{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.bullists li {
list-style:disc;
margin-left:20px;
}

.inlists ul{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.inlists li {
list-style:disc;
margin-left:20px;
}

#eventDesc ul{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#eventDesc li, #mce ul li {
list-style:disc;
margin-left:20px;
}

ol, #mce ol {
    counter-reset: li; /* Initiate a counter */
    margin-left:0; /* Remove the default left margin */
    padding-left:0; /* Remove the default left padding */
}

.order li:before, #mce ol li:before{
	content: counter(li);
	counter-increment: li;
	/* Position and style the number */
    /* position:absolute; */
    /* top:-2px; */
    left:-2em;
    width:2em;
    margin-right:10px;
}

.order li {
margin-left:10px;
}
/* == end list styling == */
/* Label styling */
/* D.O. removed 031813
label {
	display: none;
}
*/
.quiz label, .labels label {
	display:inline;
}
/* end label styling */
/* styling for web cams */
.pad {
	padding:20px;
}
/* end web cams styling */

/* styling for sub-content before left and right splits like Membership page */
.announce h2 {
	font-family: MuseoSans-700;
	letter-spacing: 1px;
	font-size: 18px;
	margin-bottom: 19px;
	color: #3a3a3a;
}

.announce h3 {
	font-family: MuseoSans-700;
	font-size: 14px;
	margin-bottom: 4px;
	color: #3a3a3a;
}
/* end styling for sub-content before left and right splits */
/* membership table styling */
.mTable table ul{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.mTable table li {
list-style:disc;
margin-left:20px;
font-size:.8em;
}

.mTable td, .mTable th {
	padding-top: .2em;
	padding-right: .4em;
	padding-bottom: .2em;
	padding-left: .4em;
	border: 1px solid #e3e3e3;
}
/* end membership table styling */

/* important text = red */
.important {
	color:#EC0000;
}
/* Cake Stuff */
.cake-error-class {
	color:#EC0000;
	font-style: italic;
}
/* for making text more prominent than the strong tag */
.prom {
	font-size:1.1em;
}
/* end prominent */

/* for docs in dd menu */
.dd_menu ul li a.extdoc:link,
.dd_menu ul li a.extdoc:active,
.dd_menu ul li a.extdoc:visited,
.dd_menu ul li a.extdoc:hover {
	color:#fff200;
	text-decoration: none;
}
.dd_menu ul li ul li a.extdoc:link,
.dd_menu ul li ul li a.extdoc:active,
.dd_menu ul li ul li a.extdoc:visited,
.dd_menu ul li ul li a.extdoc:hover {
	color:#fff200;
	text-decoration: none;
}

/* end docs in dd menu */
/* for external links in dd menu */
.dd_menu ul li a.extlite:link,
.dd_menu ul li a.extlite:active,
.dd_menu ul li a.extlite:visited,
.dd_menu ul li a.extlite:hover {
	color: #A4D7F4; /* was #5aa6c0; */
	text-decoration: none;
}
.dd_menu ul li ul li a.extlite:link,
.dd_menu ul li ul li a.extlite:active,
.dd_menu ul li ul li a.extlite:visited,
.dd_menu ul li ul li a.extlite:hover {
	color: #A4D7F4; /* was #5aa6c0; */
	text-decoration: none;
}
/* end external links in dd menu */
/* -------------- for Contact Slides  8-total -----------*/
.pod_slide8.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1900px; /* this width needs to be longer than the cumulative width of all slides */
}
/* -------------- end Contact Slides 8-total -----------*/

/* -------------- for Contact Slides on UU 2-total -----------*/
.pod_slide9.small {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1900px; /* this width needs to be longer than the cumulative width of all slides */
}

/* election pages */
.datesleft {
	width: 275px;
	float:left;
}
.datesright {
	width: 275px;
	float:left;
	margin-left:50px;
}
/* end election pages */
/* ASI Events page */
.fl_left.photo_inline_left {
	width: 200px;
	margin: 0px 10px 0px 0px;
}
/* end asi events page */

/* for full width quotes */
.sub_content div.quo {
	font-family: MuseoSans-500Italic;
	font-size: 15px;
	color: #006C39; /* was #338800 */
	line-height: 20px;
	padding-bottom:10px;
}
/* endfull width quotes */

#right-side-body ol, #right-side-body ul {
	padding-bottom: 20px;
}
#right-side-body ol li {
	list-style-type: decimal; 
	padding-bottom: 0.25em;
	margin-left:30px;
}

/* Responsive styles for top menu - added by Hyunjong. 08/15/2014 */
#asi_main_menubtn {
	display: none;
	cursor: pointer;
}
.cbp-spmenu {
	display: none;
	top: 50px;
}
.slicknav_menu,
.opensidemenu,
#fixed-topmenu,
#logo-responsive {
	display: none;
}
.js #main_menu {
	display: none;
}
.no-js #main_menu {
	display: none;
}
#main_menu {
	position: relative;
	top: 50px;
	z-index: 1000;
	background-color: #252525;
}

.topmenu-btn {
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0;
	cursor: pointer;
}
@media only screen and (max-width: 1024px) {
	body {
		
	}
	.js #main_menu {
		display: none;
	}
	.no-js #main_menu {
		display: block;
	}
	.js .slicknav_menu {
		display: block;
		/*
		height: 50px;
		background-color: transparent;
		*/
		padding: 0;
		
	}
	#menu-wrap {
		position: relative;
		top: 50px;
	}
	#fixed-topmenu {
		display: block;
		background: #000000 url('/images/top_bar_bg.jpg') repeat-x top center;
		position: fixed;
		height: 50px;
		color: #3a3a3a;
		width: 100%;
		z-index: 2000;
		min-width: 320px;
		
		transition: all .5s ease-in-out;
	    -webkit-transition: all .5s ease-in-out; /** Chrome & Safari **/
	    -moz-transition: all .5s ease-in-out; /** Firefox **/
	    -o-transition: all .5s ease-in-out; /** Opera **/
	}
	.topmenu-shrink {
		transform: translate(0,-50px);
    	-webkit-transform: translate(0,-50px); /** Safari & Chrome **/
    	-o-transform: translate(0,-50px); /** Opera **/
    	-moz-transform: translate(0,-50px); /** Firefox **/
	}
	#menu-wrap .slicknav_btn {
		position: absolute;
		left: 0;
		background-color: transparent;
		display: none;
	}
	#menu-wrap .slicknav_menutxt {
		display: none;
	}
	#menu-wrap .slicknav_nav {
		background: #252525;
		color:#fff;
		/*top: 50px;*/
		left: 0;
		width: 100%;
		position: relative;
		z-index: 1000;
	}
	#menu-wrap .slicknav_menu .slicknav_icon-bar {
		width: 1.225em;
		height: 0.225em;
	}
	#menu-wrap .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
		margin-top: 0.288em;
	}
	
	#menu-wrap .slicknav_nav a {
		margin: 2px 0;
		color:#FFF;
	}
	#menu-wrap .slicknav_nav a:hover span {
		color: #252525;
		background:#ccc;
    	color:#252525; /* was #fff */
	}
	#logo {
		display: none;
	}
	#logo-responsive {
		display: block;
		position: absolute;
		top: 0px;
		left: 50px;
	}
	
	
	
	#nav {
		width: 10em;
		position: absolute;
		background: #000000;
		z-index: 999;
		
		top: 5em;
		display: none;
		
	}
	#top_nav li {
		float: none;
		display: table;
	}
	#top_nav li span {
		display: none;
	}
	#top_nav li a {
		font-size: 1.5em;
		width: 100%;
		padding: 0.2em;
	}
	#asi_main_menubtn {
		display: block;
	}
	#inner_header {
		padding: 0;
	}
	#header {
		height: 50px;
	}
	#logo {
		position: absolute;
		margin: 0;
		top: 0;
		left: 5em;
		z-index: 2000;
	}
	.asilogo {
		width: 48px;
		margin: 5px;
	}
	.opensidemenu {
		display: block;
		position: absolute;
		left: 0px;
		top: 0px;
		cursor: pointer;
	}
	.cbp-spmenu {
		display: block;
	}
	#search_reponsive_menu {
		display: inline !important;
		top: 1.7em;
		position: absolute;
		left: 11em;
		z-index: 2000;
	}
	.icon-extlink {
		top: 3px;
		position: relative;
	}
	
}
