@import url('https://fonts.googleapis.com/css2?family=PT+Mono&family=PT+Sans+Caption:wght@400;700&family=PT+Sans+Narrow:wght@400;700&family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

@import url(https://fonts.googleapis.com/css?family=PT+Mono);

@viewport {width: device-width;}
@-ms-viewport {width: device-width;}

* {margin: 0; padding: 0;}

form {margin: 0; padding: 0;}

html, body {height: 100%;}

body {font: 12px myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; text-align: center; line-height: 1.3em; color: #000000; padding: 0; margin: 0; background: #ffffff;}

a, a:visited, a:link {color: #000000; text-decoration: underline;}
a:hover {color: #44846c; text-decoration: underline;}
a:active {color: #000000; text-decoration: none;}

a.no, a.no:visited, a.no:link {color: #000000; text-decoration: none;}
a.no:hover {color: #44846c; text-decoration: underline;}

a.button {font: bold 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; background: #44846c; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; cursor: pointer; padding: 6px 6px 6px 10px; border: 0; border-radius: 8px; text-decoration: none; display: block; margin: 1em auto;}
a.button:hover, a.button:active {color: #ffffff; background: #000000; text-decoration: none;}
a.sm {display: inline-block; margin: 0.6em 0 0.2em 0;}
a.big {height: auto; border-radius: 15px; margin: 0; padding: 17px 25px; font-size: 1.4em; letter-spacing: 0.2em; text-transform: none;}
a.red {background: #b61727;}
a.block {width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; text-decoration: none !important; background: url("https://www.cmu.ca/images/play_white.png") no-repeat scroll center 15px / 50px 50px !important;}

a.alt {background: #555555 !important;}
a.alt:hover {background: #000000 !important;}

b {font-weight: bold;}
i {font-style: italic;}
strong {font-weight: bold;}
em {font-style: italic;}
small {font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em;}

.details {display: block; font-size: 0.9em; margin-top: 7px; margin-bottom: 0; line-height: 1.2em;}
.desc {display: block; font-size: 0.9em; margin-left: 20px; margin-bottom: 0.4em; line-height: 1.2em;}
.ques {display: block; font-size: 0.9em; margin-top: 0; margin-bottom: 7px; line-height: 1.2em;}

.new {color: #b61727 !important;}
.c {text-align: center !important;}

.e {font-size: 0.1em; color: #ffffff; line-height: 0; display: none;}
.g {font-size: 0.1em; color: #dddddd; line-height: 0; display: none;}

img, iframe {margin: 0; padding: 0;}
	img.border, iframe.border {border: 5px solid #dddddd;}
	img.border_sm {border: 2px solid #dddddd;}
	img.photos {border: 5px solid #dddddd; margin: 12px; float: left; display: inline;}
	img.arrow {width: 10px !important; height: 10px !important; vertical-align: baseline !important; display: inline !important;}
	img.athletics {border: 0; background: #005837;}

.label {display: block; float: left; width: 50px; vertical-align: middle; font-weight: bold;}

.hidden {display: none;}
.block {display: block;}
.inline {display: inline;}


#container {position: relative; width: 100%; min-height: 100%; height: auto; margin: 0 auto -90px; background: #ffffff;}

#menu_mini {display: none;}

#top {position: relative; width: 1000px; height: 65px; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; background: #ffffff; overflow: hidden; z-index: 3;}
	#top #cmu {position: relative; width: 125px; height: 45px; margin: 12px auto; padding: 0; text-align: center; vertical-align: top; overflow: hidden;}
		#top #cmu img#logo {display: block; height: 39px; margin: auto;}
	#top #cmu_full {display: none;}
	
	#top #left {position: absolute; top: 0; left: 0; width: 200px; height: 65px; margin: 0; padding: 9px 0 0 0; text-align: left; vertical-align: top; overflow: hidden; z-index: 20000;}
		#top #left p {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 5px 0 0 11px; letter-spacing: 0.1em;}
			#top #left p a {color: #005837; text-decoration: none;}
			#top #left p a:hover {color: #000000; text-decoration: underline;}
			#top #left img {width: 16px; height: 16px; vertical-align: top; margin-right: 7px; border: 0;}
		#top #left a.button {background: #005837; display: inline-block; margin: 16px 5px; color: #fff; letter-spacing: 0.1em; padding: 7px 12px 7px 13px; line-height: 20px;}
	#top #right {position: absolute; top: 0; right: 0; width: 400px; height: 65px; margin: 0; padding: 0; text-align: right; vertical-align: top; overflow: hidden; z-index: 30000;}
		#top #right img {height: 100%; width: auto;}
		#top #right #search {position: absolute; top: 15px; right: 45px; width: 267px; height: 40px; margin: 0; padding: 0; text-align: right; vertical-align: top; overflow: hidden;}
			#top #right #search .searchbar {width: 250px; height: 26px; background: #eeeeee; border: 0; margin: 0; padding: 5px 7px; border-radius: 7px;}
		#top #right #search_close {position: absolute; top: 21px; right: 11px; width: 23px; height: 23px; margin: 0; padding: 0; text-align: right; overflow: hidden; display: block;}
		#top #right #search_open {position: absolute; top: 21px; right: 11px; width: 23px; height: 23px; margin: 0; padding: 0; text-align: right; overflow: hidden; display: none;}
			#top #right p {font-size: 1.1em; font-weight: bold; text-align: right; line-height: 65px;}
				#top #right p a {text-decoration: none; color: #005837;}
				#top #right p a:hover {text-decoration: none; color: #000000;}
	#top #search_full {position: absolute; top: 0; right: 45px; width: 267px; height: 65px; margin: 0; padding: 0; text-align: right; vertical-align: top; overflow: hidden; z-index: 40001; background: #ffffff; display: none;}
		#top #search_full .searchbar {width: 255px; height: 25px; background: #eeeeee; border: 0; font-size: 1.4em; color: #333333; padding: 4px 6px; margin: 16px 0; border-radius: 7px; outline: none;}
		
#top.large {height: 125px;}
	#top.large #left {padding-top: 39px;}
	#top.large #right {top: 30px;}
	#top.large #cmu {display: none;}
	#top.large #cmu_full {position: relative; width: 220px; height: 101px; margin: 12px auto; padding: 0; text-align: center; vertical-align: top; overflow: hidden; display: block;}
		#top.large #cmu_full img#logo {display: block; height: 99px; margin: auto;}
	#top.large #search_full {top: 30px;}


/*************** menu styles ***************/

#header {position: relative; width: 100%; height: 40px; margin: 0 auto; padding: 0; text-align: left; vertical-align: top; background: #005837; z-index: 60;}
	#header #banner {position: absolute; width: 1000px; height: 240px; margin: 0; padding: 0; text-align: left; overflow: hidden;}
	#header #logo {position: absolute; top: 0; right: 0; text-align: center; width: 475px; height: 200px; overflow: hidden; z-index: 100;}
		#header #logo img {display: block; margin: 0; border: 0; width: 475px; height: 200px;}

#header #menu_bknd {position: absolute; bottom: 0; left: 0; width: 1000px; height: 40px; margin: 0; padding: 0; overflow: hidden; background: #555555; filter: progid:DXImageTransform.Microsoft.alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; z-index: 70;}

#header #menu {position: relative; width: 1000px; height: 40px; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; z-index: 80; background: none;}

	#header #menu ul {clear: left; float: right; list-style: none; margin: 0; padding: 0; position: relative; right: 50%; text-align: center; height: 40px;}
		#header #menu ul li {display: block; float: left; list-style: none; margin: 0; padding: 0; position: relative; left: 50%; font: bold 1.4em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; border: 0; text-align: center; vertical-align: top; letter-spacing: 0.05em; text-transform: uppercase;}
			#header #menu ul li a {color: #ffffff; text-decoration: none; height: 40px; max-height: 40px; line-height: 40px; margin: 0; padding: 0 17px; display: block; background: none; border: 0;}
			#header #menu ul li a:hover, #header #menu ul li:hover a, #header #menu ul li.hover a {padding: 0 16px; background: #44846c; border-left: 1px dotted #ffffff; border-right: 1px dotted #ffffff;}
			
			#header #menu ul.horizontal ul {margin: 0; padding: 0; list-style: none; z-index: 1025; cursor: default; position: absolute; top: 40px; left: -1000em; display: none; background: #555555; border: 0;}
			#header #menu ul.horizontal ul.MenuBarSubmenuVisible {left: 0; display: block;}
			#header #menu ul.horizontal ul#last.MenuBarSubmenuVisible {right: 0; display: block;}
			#header #menu ul.horizontal ul#lastsub.MenuBarSubmenuVisible {right: 98%; display: block;}
				#header #menu ul.horizontal li ul li {list-style: none; font: bold 0.75em myriad-pro-condensed, 'PT Sans Narrow', Arial, Helvetica, sans-serif; text-transform: none; width: 175px; margin: 0; padding: 0; left: 0;}
			 		#header #menu ul.horizontal ul li a {display: block; cursor: pointer; text-decoration: none; text-align: left; padding: 6px 16px; color: #ffffff; line-height: 16px; height: auto; max-height: none; background-color: #555555; border-bottom: 1px dotted #999999; border-left: 1px dotted #999999; border-right: 1px dotted #999999;}
			 		#header #menu ul.horizontal ul li a:hover {background-color: #44846c;}
					#header #menu ul.horizontal ul a.MenuBarItemSubmenu {background-image: url(../SpryAssets/SpryMenuRight.gif); background-repeat: no-repeat; background-position: 95% 50%;}
					#header #menu ul.horizontal ul a.MenuBarItemSubmenuHover {background-image: url(../SpryAssets/SpryMenuRightHover.gif); background-repeat: no-repeat; background-position: 95% 50%;}
							
					#header #menu ul.horizontal ul li:first-child a {border-top: 1px dotted #999999;}
			 		
			 				#header #menu ul.horizontal ul ul {position: absolute; margin: 5% 0 0 98%; font-weight: bold; border-top: 0; padding: 0;}
			 					#header #menu ul.horizontal ul ul li {font-size: 1em;}
							#header #menu ul.horizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible {left: 0; top: 0;}


/*************** CMU main submenu styles ***************/

.submenu {position: relative; margin: 0 auto; padding: 0; width: 1000px; height: 270px; text-align: left; display: none; overflow: hidden; background: #eeeeee;}

	.submenu .sub_color {position: absolute; bottom: 0; left: 0; display: inline; width: 1000px; height: 5px; z-index: 21; overflow: hidden;}

	#sub_future .sub_color {background: #863947;}
	#sub_students .sub_color {background: #7b5526;}
	#sub_academics .sub_color {background: #335a7b;}
	#sub_community .sub_color {background: #54792c;}
	#sub_about .sub_color {background: #44846c;}
	#sub_give .sub_color {background: #60426f;}

	.submenu .sub_content {position: absolute; width: 970px; height: 264px; top: 0; left: 15px; z-index: 20; overflow: hidden;}

		.submenu .sub_content .sub_div {max-height: 259px; float: left; display: inline; margin-top: 5px;}

			.submenu .sub_content .sub_div h1 {font: bold 1.33em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.5em 15px 0.4em 15px; padding: 0 0 4px 0; line-height: 1em; border-bottom: 0;}
			.submenu .sub_content .sub_div h1.line {border-bottom: 1px dotted #555555; padding-bottom: 2px; margin-bottom: 0.25em;}
			.submenu .sub_content .sub_div ul {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.2em 15px 0.9em 30px; padding: 0; font-weight: normal; list-style-type: disc;}
				.submenu .sub_content .sub_div ul li {line-height: 1.1em; margin: 0 0 0.2em 0; border-bottom: 0;}
					.submenu .sub_content .sub_div ul li ul {font: 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 0 0.3em 15px; padding: 0; list-style-type: circle; font-weight: normal;}
						.submenu .sub_content .sub_div ul li ul li {line-height: 1.1em; margin: 0 0 0.2em 0; border-bottom: 0;}
			
			.submenu .sub_content .sub_div li a {font-weight: normal;}

/*
			#sub_academics h1 {margin-bottom: -0.3em;}
			#sub_academics h1.line {margin-bottom: 0.25em;}
			#sub_academics ul {font-size: 1.05em;}
				#sub_academics ul li {line-height: 1em;}
*/

		.col_1 {float: left; width: 194px;}
		.col_2 {float: left; width: 388px;}
		.col_3 {float: left; width: 582px;}
		.col_4 {float: left; width: 776px;}

		.submenu .sub_content .sm_social {display: none;}

			#sub_future .sub_content a {color: #863947; text-decoration: none;}
			#sub_future .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_future .sub_content li a:hover {color: #000000; text-decoration: underline;}

			#sub_students .sub_content a {color: #7b5526; text-decoration: none;}
			#sub_students .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_students .sub_content li a:hover {color: #000000; text-decoration: underline;}

			#sub_academics .sub_content a {color: #335a7b; text-decoration: none;}
			#sub_academics .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_academics .sub_content li a:hover {color: #000000; text-decoration: underline;}

			#sub_community .sub_content a {color: #54792c; text-decoration: none;}
			#sub_community .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_community .sub_content li a:hover {color: #000000; text-decoration: underline;}

			#sub_about .sub_content a {color: #44846c; text-decoration: none;}
			#sub_about .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_about .sub_content li a:hover {color: #000000; text-decoration: underline;}

			#sub_give .sub_content a {color: #60426f; text-decoration: none;}
			#sub_give .sub_content h1 a:hover {color: #000000; text-decoration: none;}
			#sub_give .sub_content li a:hover {color: #000000; text-decoration: underline;}

#branding {width: 1000px; height: 200px; margin: 15px auto 0 auto; overflow: hidden;}
	#branding img {margin: 0; width: 1000px; height: 200px;}
	/*#branding img {width: 600px; height: 120px; position: absolute; top: 0; right: 0;}*/
	/*#branding img.c {width: 600px; height: 120px; position: absolute; top: 0; left: -60px;}*/
	/*#branding img.left {width: 600px; height: 120px; position: absolute; top: 0; left: 0;}*/

#special {width: 100%; height: 40px; background: #44846c;}
	#special a {display: block; height: 40px; line-height: 40px; color: #ffffff; width: auto; margin: 0; padding: 0 10px; font-size: 1.1em; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; font-weight: bold;}
	#special a:hover {background: #000000;}

#content {width: 1000px; max-width: 1000px; margin: auto;}

/*************** text styles ***************/

#text {position: relative; width: 720px; margin: 0 0 0 30px; padding: 20px 0 15px 0; text-align: center; vertical-align: top; background: #ffffff; float: right; display: inline; overflow: hidden; z-index: 50;}

	#text img {max-width: 720px;}
		#text img.border {max-width: 710px;}
		#text img.border_sm {max-width: 716px;}
	#text iframe, #text video {max-width: 720px; margin-top: 5px; margin-bottom: 5px;}

	#text iframe#cmslink {float: right; margin: 0 0 -10px 0; padding: 0; width: 100px; height: 20px; border: 0;}

	#text img.mini {max-width: 428px;}
	#text iframe.mini {max-width: 428px; max-height: 241px;}

	#text p {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 0 0.9em 0;}
	#text p.byline {font: 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #999999; text-align: left; line-height: 1.3em; margin: 0 0 1.1em 0; padding: 0; letter-spacing: 0.1em; text-transform: uppercase;}
	#text p.bolded {font: bold 1.4em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #222222; margin: 0 0 0.7em 0;}
	#text p.print {text-align: right; margin-top: 1.4em; clear: both;}
	#text p.bio_position {font: italic 1.7em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.1em; margin: -0.1em 0 0.6em 0; letter-spacing: 0.05em;}

	#text h1 {font: 3em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.1em; margin: 0.1em 0 0.6em 0; padding: 0 0 22px 0; border-bottom: 5px solid #7eb09d;}
		#text h1 img.logo {max-height: 35px;}
	#text h2 {font: bold 2.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.3em; margin: 0 0 0.6em 0; letter-spacing: 0.05em;}
	#text h2.sm {font-size: 1.7em; margin-top: 1em;}
	#text h2.blog {font: 2.4em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.1em; margin: 0.5em 0 0.3em 0; letter-spacing: 0;}
	#text h2.bio_name {font-weight: normal; font-size: 2.5em; letter-spacing: 0; margin-bottom: 0; margin-top: -0.3em; color: #222222;}
	#text h2.big {font-weight: bold; font-size: 3em; letter-spacing: 0; margin-bottom: 0.4em; margin-top: 0; color: #000000; text-align: center;}
	#text h2.athlete {font-weight: bold; font-size: 2.7em; letter-spacing: 0; margin-bottom: 0; margin-top: -0.3em; color: #222222; font-variant: small-caps;}
		#text h2.athlete .sm {font-size: 0.8em;}
	#text h2.space {margin-top: 0;}
	#text h3 {font: bold 1.4em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0 0 0.7em 0; letter-spacing: 0.1em;}
	#text h3.blog {font-size: 1.5em; line-height: 1.2em;}
	#text h4 {font: bold 1.4em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0 0 0.7em 0;}
	#text h5 {font: bold 1.25em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0 0 0.7em 0;}
	
	#text .tight {margin-top: 0.4em; margin-bottom: 0.2em;}

	#text blockquote {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #777777; text-align: left; line-height: 1.3em; margin: 1.2em 0 1.2em 30px; border-left: 5px solid #7eb09d; padding: 0 0 0 15px;}
		#text blockquote p {margin: 0.6em 0 0 0; font-size: 1em; line-height: 1.3em; color: #777777; padding: 0.1em 0;}
	#text p.quoted {margin-left: 50px; margin-bottom: 1.3em; line-height: 1.3em; color: #777777;}
	#text p.indented {margin-left: 50px;}
	#text p.list_head {margin-left: 30px;}

	#text div.hr, #text hr {height: 1px; margin: 1.6em 0 1.5em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px solid #dddddd;}
	#text div.hr2 {height: 5px; margin: 1.4em 0 1.8em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 5px solid #7eb09d;}
	#text div.clear {height: 1px; clear: both; overflow: hidden;}
	#text div.slider {margin-top: 0;}
	
	#text div.contain_left {text-align: left; margin-right: -30px;}
	#text div.contain_buttons {text-align: center; margin-right: -28px;}
	#text div.contain_boxes {text-align: center; margin-right: -30px;}
	#text div.bottom_hr {margin-bottom: -10px;}

	#text div.side_scroll {overflow-x: auto; max-width: 100%;}
		#text div.side_scroll table {margin-top: 0.5em !important;}
	
	#text div.banner {margin: 0 0 1.8em 0; text-align: left; overflow: hidden; position: relative;}
		#text div.banner img {max-height: 270px;}

	#text div.photo {float: right; margin: 3px 0 12px 30px; display: inline; max-width: 304px; font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #888888; text-align: center; line-height: 1.1em; overflow: hidden;}
		#text div.photo img {border: 2px solid #dddddd; max-width: 300px; max-height: 400px;}
		#text div.photo iframe {max-width: 300px; max-height: 169px;}
		#text div.photo p {font-size: 1.1em; text-align: center; font-style: italic; color: #888888; margin: 5px; line-height: 1.1em;}
		#text div.photo .caption {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; text-align: center; color: #888888; margin: 5px auto 10px auto; display: block; max-width: 280px; line-height: 1.1em;}
	#text div.left_float {float: left; margin: 3px 30px 12px 0;}
	#text div.left_tight {margin-right: 15px;}
	#text div.li_tight {margin-left: 15px; margin-right: 0;}
	#text div.no_float {float: none; margin: 1.1em auto;}
		/*#text div.no_float .caption {max-width: 660px;}*/

	#text div.photo_blog {position: relative; margin: 0 0 0.7em 0; width: 720px; height: 300px; overflow: hidden;}
		#text div.photo_blog img {display: block; width: 720px; max-width: 720px; height: auto; margin: 0; padding: 0; border: 0; margin-top: 0;}
		#text div.photo_blog div.caption {position: absolute; bottom: 15px; right: 0; font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.3em; padding: 0.2em 0.4em; background: #44846c; display: inline;}

	#text div.sharing_icons {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 1.3em 0; padding: 12px 0 6px 0; border-bottom: 1px solid #dddddd; border-top: 1px solid #dddddd;}

	#text ul {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: -0.2em 0 1.1em 45px; padding: 0;}
		#text ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ul li ul {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 0 0.6em 35px; padding: 0; list-style-type: square;}
				#text ul li ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ul li ol {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 0 0.6em 35px; padding: 0; list-style-type: lower-alpha;}
				#text ul li ol li {line-height: 1.3em; margin: 0 0 0.6em 0;}

	#text ol {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: -0.2em 0 1.1em 45px; padding: 0;}
		#text ol li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ol li ol {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 0 0.6em 35px; padding: 0; list-style-type: lower-alpha;}
				#text ol li ol li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ol li ul {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 0 0.6em 35px; padding: 0; list-style-type: square;}
				#text ol li ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}

		#text ul li.sm, #text ol li.sm, #text ul li ul li.sm, #text ol li ol li.sm {font-size: 0.9em;}

	#text ul.arrows {margin: -0.2em 0 1.1em 45px; list-style-type: none;}
		#text ul.arrows li {line-height: 1.3em; margin: 0 0 0.6em -15px;}
		#text ul.arrows li:before {content: "�"; line-height: 1.3em; font-weight: bold; padding-right: 7px;}

	#text ul.magazine {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; list-style: none; margin: 1.5em 0 0 0; padding: 0; overflow: hidden;}
		#text ul.magazine li {float: left; display: inline; margin: 0 30px 20px 0; text-align: center;}
			#text ul.magazine li img {height: 150px; margin-bottom: 5px;}
			#text ul.magazine a {text-decoration: none;}


	#text div.flow {position: relative; display: inline-block; width: 345px; vertical-align: top; text-align: left; margin: 10px 27px 20px 0; overflow: hidden;}
		#text div.flow img {display: block; max-width: 345px; margin: 0; padding: 0; z-index: 5;}
		#text div.flow iframe {margin: 0 auto !important;}
		#text div.flow p, #text div.flow h2, #text div.flow h3, #text div.flow h4, #text div.flow h5, #text div.flow hr, #text div.flow .hr, #text div.flow .hr2 {margin-left: 0; margin-right: 0;}
		#text div.flow p:last-child, #text div.flow h3:last-child, #text div.flow h4:last-child, #text div.flow h5:last-child {margin-bottom: 0;}
		#text div.flow ul, #text div.flow ol {margin-left: 45px; margin-right: 0;}
		#text div.flow div.title {position: absolute; top: 15px; right: 0; font: bold 1.4em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: right; line-height: 1.3em; letter-spacing: 0.1em; padding: 0.2em 0.4em; background: #44846c; display: inline; z-index: 25;}
			#text div.flow div.title a {color: #ffffff; text-decoration: none; display: block;}
			#text div.flow div.title p, #text div.flow div.title h2, #text div.flow div.title h3, #text div.flow div.title h4, #text div.flow div.title h5 {margin: 0; color: #ffffff;}
		#text div.flow div.title:hover {background: #000000;}
		#text div.flow div.caption {position: absolute; width: auto; bottom: 0; left: 0; font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.1em; padding: 0.7em 0.8em 0.8em 0.8em; background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; display: block; z-index: 24;}
			#text div.flow div.caption p {margin: 0; color: #ffffff; font-size: 1em;}
			
		#text div.flow a.big {display: inline-block; float: none; width: 295px; height: auto; border-radius: 15px; margin: 0; padding: 17px 25px; font-size: 1.4em; letter-spacing: 0.2em; text-transform: none;}

	#text div.onethird {width: 220px; margin-bottom: 0;}
		#text div.onethird img {max-width: 220px; height: auto !important;}
		#text div.onethird img.border_sm {max-width: 216px;}

	#text div.colourbox {width: 220px; max-width: 220px; background: #44846c; border-radius: 15px; color: #ffffff; overflow: hidden;}
		#text div.colourbox p, #text div.colourbox h2, #text div.colourbox h3, #text div.colourbox h4, #text div.colourbox h5, #text div.colourbox hr, #text div.colourbox .hr, #text div.colourbox .hr2 {margin-left: 15px; margin-right: 15px; color: #ffffff; margin-top: 0.9em;}
		#text div.colourbox p:last-child, #text div.colourbox h3:last-child, #text div.colourbox h4:last-child, #text div.colourbox h5:last-child {margin-bottom: revert;}
		#text div.colourbox ul, #text div.colourbox ol {margin-left: 30px; margin-right: 0; margin-top: 0;}
			#text div.colourbox ul li, #text div.colourbox ol li {color: #ffffff;}
		#text div.colourbox img {max-width: 220px; height: auto !important;}
		#text div.colourbox img.border_sm {max-width: 216px;}
		#text div.colourbox a {color: rgba(255, 255, 255, 0.8); text-decoration: underline;}
		#text div.colourbox a:hover {color: #ffffff; text-decoration: underline;}
			#text div.colourbox h3 a, #text div.colourbox h4 a {color: #ffffff; text-decoration: none;}
		#text div.colourbox div.hr, #text div.colourbox hr {border-color: rgba(255, 255, 255, 0.5);}
		
		#text div.results p.heading {letter-spacing: 0.1em; text-align: center; margin-top: 20px; margin-bottom: 5px;}
		#text div.results p.result {font-size: 4em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.1em; text-align: center; margin-top: 0; margin-bottom: 0;}
		#text div.results p.result_big {font-size: 5.5em; font-weight: bold; letter-spacing: 0.1em; line-height: 1.3em; text-align: center; margin-bottom: 0;}
		#text div.results p.avg {font: 2.5em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; letter-spacing: 0.1em; text-align: center; margin-top: 0; margin-bottom: 0;}
		#text div.results p.detail {}
		#text div.results p:last-child {margin-bottom: 15px;}
			
		#text div.info p, #text div.info h2, #text div.info h3, #text div.info h4, #text div.info h5 {margin-left: 25px; margin-right: 25px;}
		#text div.info h3 {margin: 1em 25px 0.1em 25px; text-align: center; font-size: 1.9em; letter-spacing: 0; line-height: 1.1em;}
		#text div.info p {margin: 0 25px 1em 25px; text-align: center;}
		#text div.info p.stat {font: bold 5em myriad-pro, 'PT Sans Caption', Arial, Helvetica, sans-serif; margin: 0 25px 0.03em 25px; letter-spacing: 0; opacity: 0.6; text-align: center;}
		#text div.info p:last-child {margin-bottom: 1.3em; text-align: center;}
		#text div.info img {max-width: 170px; display: inline; margin-top: 0.4em;}
		
		#text div.alt {background: #555555 !important;}
		#text div.results.alt {background: #7eb09d !important;}
		
		#text div.colourbox .mask {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: hidden; display: flex !important; align-items: flex-end !important; background-attachment: fixed; background: linear-gradient(40deg, rgba(68,132,108,0.9), rgba(126, 155, 91, 0.9));}
		#text div.colourbox .mask:hover {background: rgba(30,30,30,0.9) !important;}
			#text div.colourbox .mask p {font: bold 1.8em/1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; text-align: center; width: 100%; text-transform: uppercase;
margin: 0.5em 15px;}

	#text div.contain_left a.button, #text div.contain_boxes a.button {display: inline-block; float: none; width: 184px; height: auto; border-radius: 15px; margin: 1em 18px 1em 0; padding: 17px 25px; font-size: 1.4em; letter-spacing: 0.2em; text-transform: none;}

	#text div.lists {width: 220px; margin: 10px 27px 0 0;}
		#text div.lists ul, #text div.lists ul {margin: -0.6em 0 1.1em 30px;}
			#text div.lists li {margin: 0 0 0.3em 0;}
		#text div.lists img {max-width: 220px;}
		#text div.lists img.border_sm {max-width: 216px;}
		
		#text div.lists p:last-child, #text div.lists h3:last-child, #text div.lists h4:last-child, #text div.lists h5:last-child {margin-bottom: revert;}

	#text div.event {position: relative; display: inline-block; width: 220px; min-height: 210px; height: auto; vertical-align: top; text-align: left; margin: 10px 27px 20px 0; background: #666666; overflow: hidden;}
		#text div.event img {display: block; position: absolute; top: 0; left: 0; width: 220px; min-height: 220px; height: auto; max-width: 220px; margin: 0; padding: 0; z-index: 5;}
		#text div.event div.title {position: relative; float: right; padding: 8px 9px 9px 9px; margin: 0 0 10px 15px; background: #000000; z-index: 25;}
			#text div.event div.title h3 {font: 1.2em/1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; text-align: center; font-weight: normal; text-transform: uppercase;}
			#text div.event div.title h5 {font: bold 2.1em/0.9em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #ffffff; margin: 0; text-align: center; letter-spacing: 0.1em;}
		#text div.event div.caption {position: relative; width: 220px; min-height: 210px; height: auto; padding: 3px 0 7px 0; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; z-index: 24;}
			#text div.event div.caption p {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: 0.3em 15px; clear: both;}
			#text div.event div.caption p.details {font: 1.1em/1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: -0.1em 15px 0.8em 15px; font-style: italic; clear: none;}
			#text div.event div.caption h3 {font: bold 1.3em/1.1em myriad-pro, 'PT Sans', 'Arial', Helvetica, sans-serif; margin: 0.6em 15px; color: #000000;}
			#text div.event div.caption h6 {font: 1.1em/1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: -0.1em 15px 0.8em 15px; font-style: italic; clear: none;}
			#text div.event div.caption small {display:inline-block; padding-top: 1px;}
			#text div.event div.caption img {display: inline; height: auto; min-height: 0; width: auto; position: relative; vertical-align: bottom; margin: 2px 7px 7px 0; float: left; max-width: 14px; max-height: 14px;}
			#text div.event div.caption p:last-child {margin-bottom: 0.6em;}
			
			#text div.games div.caption h3 {font: bold 1.8em/1.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin-bottom: 0.3em; font-variant: small-caps; letter-spacing: 0;}

	#text div.three {position: relative; float: left; width: 220px; margin: 0 0 0.7em 0; overflow: hidden;}
		#text div.three img {display: block; max-width: 220px; margin: 0; padding: 0;}
		#text div.three p, #text div.three h2, #text div.three h3, #text div.three h4, #text div.three h5 {margin-left: 0; margin-right: 0;}

	#text div.col1 {float: left; display: inline; width: 50%; margin-top: 0.5em;}
		#text div.col1 h1 {text-align: center; margin: 0 15px 0.8em 0; padding: 12px 0; border-bottom: 6px solid #dddddd; border-top: 6px solid #dddddd;}
		#text div.col1 p, #text div.col1 h2, #text div.col1 h3, #text div.col1 h4, #text div.col1 h5, #text div.col1 div.hr, #text div.col1 hr, #text div.col1 div.photo {margin-right: 15px;}
		#text div.col1 ul {margin-left: 60px;}
		#text div.col1 ul li ul, #text div.col1 ul li ol, #text div.col1 ol li ol, #text div.col1 ol li ul {margin-left: 35px;}
	#text div.col2 {float: right; display: inline; width: 50%; margin-top: 0.5em;}
		#text div.col2 h1 {text-align: center; margin: 0 0 0.8em 15px; padding: 12px 0; border-bottom: 6px solid #dddddd; border-top: 6px solid #dddddd;}
		#text div.col2 p, #text div.col2 h2, #text div.col2 h3, #text div.col2 h4, #text div.col2 h5, #text div.col2 div.hr, #text div.col2 hr {margin-left: 15px;}
		#text div.col2 ul {margin-left: 45px;}
		#text div.col2 ul li ul, #text div.col2 ul li ol, #text div.col2 ol li ol, #text div.col2 ol li ul {margin-left: 35px;}

	#text div.bio_photo {float: left; margin: 0 0 0.7em 0; display: inline;}
		#text div.bio_photo img {border: 0; max-width: 350px; max-height: 248px; margin-bottom: 1.2em;}
		#text div.bio_photo p {font-size: 1.1em; text-align: center; font-style: italic; color: #888888; margin: 5px;}
	#text div.left {float: left; margin: 0 0 0.7em 0; display: inline;}
		#text div.left img {margin-right: 10px; margin-bottom: 0.6em;}
	#text div.right {float: left; margin: 0 0 0.7em 0; display: inline;}
		#text div.right img {margin-left: 10px; margin-bottom: 0.6em;}
	#text div.bio_details {float: left; margin: 0 0 0.7em 0; width: 370px; display: inline;}
		#text div.bio_details table {margin: 5px 0 0 0;}
			#text div.bio_details table td {padding: 0; text-align: left; vertical-align: middle; font-size: 1em;}
				#text div.bio_details table td img {max-width: 50px; margin: 0; vertical-align: middle;}
				#text div.bio_details table td h3 {margin: 5px 0 5px 15px; color: #222222; font-size: 1.3em;}
				#text div.bio_details table td p {margin: 0 0 0 13px; color: #222222; font-size: 1.3em; font-weight: bold; letter-spacing: 0.1em;}
	
	#text div.game_info {display: none;}

	.triangle-isosceles {width: 475px; position: relative; padding: 5px 15px; margin: 1.2em 0 1.6em 0; color: #000; background: #dddddd; background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeeeee), to(#dddddd)); background: -moz-linear-gradient(#eeeeee, #dddddd); background: -o-linear-gradient(#eeeeee, #dddddd); background: linear-gradient(#eeeeee, #dddddd); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	.triangle-isosceles:after {content: ""; position: absolute; bottom: -15px; left: 50px; border-width: 15px 15px 0; border-style: solid; border-color: #dddddd transparent; display: block;  width: 0;}
		#text div.triangle-isosceles p {margin: 0.7em 0;}

	#text table {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; border-collapse: collapse; margin: 1.6em auto 1em auto; width: auto;}
	
		#text table th {font: bold 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; vertical-align: middle; line-height: 1.3em; padding: 8px; letter-spacing: 0.1em; background: #555555; border: 0;}
			#text table th a {color: #000000; font-weight: bold;}
			#text table th a:hover {color: #ffffff; font-weight: bold;}

			#text table th a.tablelink, #text table th a.tablelink:visited, #text table th a.tablelink:link {color: #ffffff; text-decoration: none; background: #555555; padding: 8px; display: block;}
			#text table th a.tablelink:hover {color: #ffffff; text-decoration: none; background: #44846c; padding: 8px; display: block;}

		#text table td {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; background: #ffffff; text-align: left; vertical-align: top; line-height: 1.3em; padding: 8px 10px; border: 0;}
			/*#text table td label {font-weight: bold;}*/
		#text table .left {border-left: 1px solid #dddddd;}
		#text table .right {border-right: 1px solid #dddddd;}
		#text table .top {border-top: 1px solid #555555;}
		#text table .top2 {border-top: 1px solid #dddddd;}
		#text table .bottom {border-bottom: 1px solid #dddddd;}
		#text table .alt {background: #eeeeee;}
		#text table .ft {background: #999999; color: #ffffff;}
		#text table .l {text-align: left;}
		#text table .r {text-align: right;}
		#text table .c {text-align: center;}
		#text table .t {vertical-align: top;}
		#text table .m {vertical-align: middle;}
		#text table .p {padding-top: 0;}
		#text table .b {padding-bottom: 0;}
		#text table td.tight, #text table th.tight {padding-left: 2px; padding-right: 2px;}
		#text table .mini {font-size: 1em;}
			#text table ul, #text table ol {font-size: 1em; margin: 0.2em 0 0 35px;}
				#text table li {margin-bottom: 0.1em;}
		#text table .sm {font-size: 0.9em;}
			#text table b.sm, #text table i.sm, #text table em.sm, #text table span.sm {line-height: 1.3em;}
			#text table td .heading {display: inline-block; margin-bottom: 5px;}
		#text table .clear {clear: both;}
		#text table .empty {font-size: 1.3em; font-style: italic; text-align: center; padding: 12px 10px;}
		#text table td table td {font-size: 1em;}
			#text table td div.hr, #text table td hr {height: 1px; margin: 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px solid #dddddd;}

			#text table td a.head {color: #eeeeee; font-weight: bold;}
			#text table td a.head:hover {color: #000000; font-weight: bold;}
			
			#text table td div.col1 {width: 48%; float: left; margin: 0;}
			#text table td div.col2 {width: 48%; float: right; margin: 0;}

	#text table.bott {border-bottom: 1px solid #dddddd;}

	#text table.form {width: 600px; border-collapse: separate; padding: 10px; border: 1px solid #44846c; border-spacing: 0;}
		#text table.form th {background: #44846c;}
			#text table.form th a {color: #ffffff;}
			#text table.form th a:hover {color: #000000;}
		#text table.form td.left {width: 150px;}
		#text table.form td.left_long {width: 200px;}
		#text table.form td.right {width: auto !important;}
		#text table.form .left {border-left: 0;}
		#text table.form .right {border-right: 0;}
		#text table.form .top {border-top: 0;}
		#text table.form .top2 {border-top: 0;}
		#text table.form .bottom {border-bottom: 0;}

			#text table.form td ul {margin: 0;}
			#text table.form td h5 {margin: 0;}
	
		#text table.padding tr:nth-of-type(2) td {padding-top: 8px !important}/* calculator padding for first included total */
		#text table.padding td.r {width: 110px;}

	#text table.schedule {width: auto; border-collapse: separate; padding: 10px; border: 1px solid #44846c; border-spacing: 0;}
		#text table.schedule th {background: #44846c;}
			#text table.schedule th a {color: #ffffff;}
			#text table.schedule th a:hover {color: #000000;}
		#text table.schedule td {vertical-align: middle;}
		#text table.schedule td.logo {text-align: center; width: 100px; height: 100px;}
			#text table.schedule td.logo img {max-width: 100px; max-height: 100px;}
		#text table.schedule td.game {font: bold 1.5em/1.4em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; text-transform: uppercase;}
			#text table.schedule td.game span {font-size: 1.8em; text-transform: none; font-variant: small-caps;}
		#text table.schedule td.city {font-size: 1.4em;}
		#text table.schedule td.score {line-height: 1.6em; text-transform: uppercase;}
			#text table.schedule td.score span {font-size: 2.2em; line-height: 1.2em;}
		#text table.schedule td.league {font-size: 1em; text-align: center; width: 40px;}
			#text table.schedule td.league img {max-width: 40px;}
			#text table.schedule td.league span {color: #ffffff; font-weight: bold; background: #555555; padding: 3px 7px; display: inline-block;}

	#text table.game {width: auto; border-collapse: separate; border-spacing: 0;}
		#text table.game td {text-align: center; vertical-align: middle;}
		#text table.game td.type {background: #555555; color: #ffffff; font-weight: bold; padding: 4px; letter-spacing: 0.1em;}
		#text table.game td.info {font-size: 1.4em;}
			#text table.game td.info p {text-align: center; margin: 0.9em 40px;}
				#text table.game td.info p.league img {max-width: 50px;}
				#text table.game td.info p.league span {font-size: 0.7em; letter-spacing: 0.1em; text-transform: uppercase; color: #ffffff; font-weight: bold; background: #555555; padding: 3px 10px; display: inline-block;}
		#text table.game td.logo {width: 250px; height: 200px; padding: 25px;}
			#text table.game td.logo img {max-width: 250px; max-height: 200px;}
		#text table.game td.score {font-size: 5em; line-height: 1em; font-weight: bold; color: #000000; padding-top: 0;}
		#text table.game td.team {font: bold 3em/1.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; vertical-align: top; font-variant: small-caps;}
		
	#text table.auto {width: auto !important;}

	#text table.tiny td {font-size: 1em;}
	
	#text table.data td {padding: 8px 4px;}

	#text table.tight_top {border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
	#text table.tight_mid {border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0;}
	#text table.tight_bottom {border-top: 0; padding-top: 0; margin-top: 0;}

	#text table.photos {margin: 1.6em 0 -0.8em 0; border-collapse: collapse; padding: 0;}
		#text table.photos td {padding: 0; text-align: left; vertical-align: top; font-size: 1em;}
		#text table.photos td.photo_left {padding-left: 0; padding-bottom: 10px;}
		#text table.photos td.photo_right {padding-right: 0;}
			#text table.photos td.photo_left img, #text table.photos td.photo_right img {border: 0;}
			#text table.photos ul, #text table.photos ol {font-size: 1.1em; margin: -0.2em 0 1.1em 45px;}
				#text table.photos li {margin-bottom: 0.6em;}
			#text table.photos h3 {margin-left: 20px; margin-top: 0.4em;}
			#text table.photos h4 {margin-left: 20px; margin-top: 0.4em;}
			#text table.photos h5 {margin-left: 20px; margin-top: 0.4em;}
			#text table.photos p {margin-left: 20px;}

	#text table.squares {margin: 1.8em -30px 0.9em 0; border-collapse: collapse; padding: 0;}
		#text table.squares td {width: 360px; padding: 0;}
			#text table.squares td div.section {position: relative; margin: 0 30px 30px 0; vertical-align: top}
				#text table.squares td div.section img {display: block; max-width: 345px; margin: 0; padding: 0; z-index: 5;}
				#text table.squares td div.section div.title {position: absolute; top: 15px; right: 0; font: bold 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: right; line-height: 1.3em; letter-spacing: 0.1em; padding: 0.2em 0.4em; background: #44846c; display: inline; z-index: 25;}
					#text table.squares td div.section div.title a {color: #ffffff; text-decoration: none;}
				#text table.squares td div.section div.title:hover {background: #000000;}
				#text table.squares td div.section div.caption {position: absolute; width: auto; bottom: 0; left: 0; font: 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.1em; padding: 0.7em 0.8em 0.8em 0.8em; background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; display: block; z-index: 25;}

	#text table.max {width: 720px; margin: 1.6em 0;}
	#text table.min {width: auto !important;}
		#text table.min td.left {width: 120px;}
	#text table.cms {margin-top: 2em; margin-bottom: 1em;}

	#text .announcement h1 {border-bottom: 0; padding: 0; margin-bottom: 0.5em;}
	#text .announcement h2 {font-style: none;}

	#rightbar {position: relative; width: 250px; margin: -0.2em 0 15px 30px; padding: 0; text-align: left; background: #ffffff; float: right; display: inline; overflow: hidden;}

		#rightbar p {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.4em; margin: 0 0 1.1em 0;}
		#rightbar h2 {font: bold 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0 0 0.5em 0; letter-spacing: 0;}
		#rightbar h3 {font: bold 1.25em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 0 0.9em 0; letter-spacing: 0;}
		#rightbar div.hr {height: 5px; margin: 0.7em 0 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 5px solid #dddddd;}
		#rightbar div.hr_light {height: 1px; margin: 0.7em 0 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #999999;}
		#rightbar div.hr_dark {height: 1px; margin: 0.7em 0 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px solid #999999;}

		#rightbar div.box {width: auto; margin: 10px 0 0 0; padding: 20px 0 7px 0; text-align: left; background: none; border: 1px solid #7eb09d; overflow: hidden;}
			#rightbar div.box ul {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 30px 0.3em 30px; padding: 0; border: 0; list-style-type: none; line-height: 1.3em;}
				#rightbar div.box ul li {line-height: 1.3em; margin: 0 0 0.6em 0; padding: 0; border: 0; width: auto; float: none; display: block;}
					#rightbar div.box ul li a {font-size: 1em; line-height: 1.3em; padding: 0; background: none; display: inline; text-decoration: none; text-transform: none; color: #44846c; font-weight: bold;}
					#rightbar div.box ul li a:hover {color: #000000;}
						#rightbar div.box ul li ul {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.2em 0 0 15px; padding: 0; border: 0; list-style-type: square; line-height: 1.3em;}
							#rightbar div.box ul li ul li {line-height: 1.3em; margin: 0 0 0.2em 0; padding: 0; border: 0; width: auto;}
			#rightbar div.box p, #rightbar div.box h2, #rightbar div.box h3 {margin-left: 30px; margin-right: 30px;}
			#rightbar div.box div.hr {margin: 0em 30px 1.3em 30px; padding-top: 0.7em; border-bottom: 1px solid #dddddd; height: 1px;}
			#rightbar div.box img {display: block; margin: 0 auto 1.1em auto; max-width: 190px;}
			#rightbar div.box img.profile {margin-bottom: 5px;}
		
		#rightbar > :first-child {margin-top: 0 !important;}

		#rightbar div.photo {width: 250px; margin: 5px 0 0 0; padding: 0; text-align: left; overflow: hidden;}
			#rightbar div.photo img {display: block; margin: 0; padding: 0;}

		#rightbar a, #rightbar a.visited, #rightbar a.link {color: #000000;}
		#rightbar a:hover {color: #44846c;}

		#rightbar a.button {color: #ffffff; text-decoration: none;}
		#rightbar a.button:hover {color: #ffffff; text-decoration: none;}
		#rightbar a.big {font-size: 1.3em; text-decoration: none;}
		#rightbar a.long {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.3em; vertical-align: middle; text-align: left; text-transform: none; text-decoration: none; letter-spacing: 0; padding: 10px 13px;}

		#rightbar ul {margin: 0.3em 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; float: left; line-height: 30px; border-bottom: 1px solid #dddddd;}
			#rightbar ul li {float: left; position: relative; margin: 0; padding: 0; border-top: 1px solid #dddddd; width: 250px;}
				#rightbar li a {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 18px; padding: 6px 30px; margin: 0; background: #ffffff; display: block; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase;}
				#rightbar li a:hover {color: #000000; background: #dddddd;}


/*************** full-width text area ****************/

#text.full {width: 1000px;}
	
	#text.full div.contain_boxes {margin-right: -18px;}

	#text.full .triangle-border, #text.full .triangle-border-rev {position: relative; padding: 0; margin: 0; border: 5px solid #44846c; color: #44846c; background: #ffffff; text-align: left; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width: 170px;}
	/*#text.full .triangle-border:hover, #text.full .triangle-border-rev:hover {background: #44846c; cursor: pointer; }*/

	#text.full .triangle-border.left, #text.full .triangle-border-rev.left {margin-left: 0;}

	#text.full .triangle-border.right, #text.full .triangle-border-rev.right {margin-right: 0;}

	#text.full .triangle-border:after {content: ""; position: absolute; bottom: -15px; /* value = - border-top-width - border-bottom-width */ left: 50%; /* controls horizontal position */ border-width: 15px 15px 0;  /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #44846c transparent; /* reduce the damage in FF3.0 */ display: block; width: 0; margin: 0 0 0 -15px;}

	#text.full .triangle-border-rev:after {content: ""; position: absolute; bottom: -20px; /* value = - border-top-width - border-bottom-width */ right: 30px; /* controls horizontal position */ border-width: 20px 20px 0 0;  /* vary these values to change the angle of the vertex */ border-style: solid; border-color: #44846c transparent; /* reduce the damage in FF3.0 */ display: block; width: 0;}
	
	#text.full div.onethird {width: 228px; margin-bottom: 20px;}
	#text.full div.onethird img {max-width: 228px;}
		#text.full div.onethird img.border_sm {max-width: 224px;}

	#text.full div.colourbox {width: 234px; max-width: 234px; background: #44846c; border-radius: 15px; color: #ffffff; margin: 10px 18px 15px 0; overflow: hidden;}
		#text.full div.colourbox img {max-width: 234px; height: auto !important;}
		#text.full div.colourbox img.border_sm {max-width: 200px;}
	
	#text.full div.results {width: 148px !important; max-width: 148px !important;}
		#text.full div.results p.result {font-size: 3.6em;}
		
	#text.full div.info img {max-width: 184px; display: inline; margin-top: 0.4em;}

	#text.full div.event {width: 228px; min-height: 218px;}
		#text.full div.event img {width: 228px; min-height: 228px; max-width: 228px;}
		#text.full div.event div.caption {width: 228px; min-height: 218px;}

	/*#text.full div div h3 {margin: 0.5em 13px 0.2em 13px; font-size: 1.2em; color: #000000;}
	#text.full div div p {margin: 0.2em 13px 0.7em 13px; font-size: 1.1em; color: #000000;}*/

	/*#text.full div div:hover h3 {color: #ffffff;}
	#text.full div div:hover p {color: #ffffff;}*/

	#text.full div.column {position: relative; display: inline-block; width: 485px; vertical-align: top; text-align: left; margin: 0 26px 0 0; overflow: hidden;}
		#text.full div.column img {max-width: 485px; margin: 0; padding: 0; z-index: 5;}
		#text.full div.column iframe {width: 485px; height: 273px; margin: 0; padding: 0; z-index: 5;}
		#text.full div.column h1 {margin-left: 0; margin-right: 0; border-top: 5px solid #7eb09d; padding: 12px 0;}
		#text.full div.column p, #text.full div.column h2, #text.full div.column h3, #text.full div.column h4, #text.full div.column h5, #text.full div.column hr, #text.full div.column .hr, #text.full div.column .hr2 {margin-left: 0; margin-right: 0;}
		#text.full div.column ul, #text.full div.column ol {margin-left: 25px; margin-right: 0;}
		
		#text.full div.column div.flow div.title {position: absolute; top: 15px; right: 0; font: bold 1.4em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: right; line-height: 1.3em; letter-spacing: 0.1em; padding: 0.2em 0.4em; background: #44846c; display: inline; z-index: 25;}
			#text.full div.column div.flow div.title a {color: #ffffff; text-decoration: none; display: block;}
			#text.full div.column div.flow div.title p, #text.full div.column div.flow div.title h2, #text.full div.column div.flow div.title h3, #text.full div.column div.flow div.title h4, #text.full div.column div.flow div.title h5 {margin: 0; color: #ffffff;}
		#text.full div.column div.flow div.title:hover {background: #000000;}
		#text.full div.column div.flow div.caption {position: absolute; width: auto; bottom: 0; left: 0; font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.1em; padding: 0.7em 0.8em 0.8em 0.8em; background: rgb(0, 0, 0) transparent; background: rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; display: block; z-index: 24;}
			#text.full div.column div.flow div.caption p {margin: 0; color: #ffffff; font-size: 1em;}

		#text.full div.column div.photo {margin: 3px 0 15px 30px;}
			#text.full div.column div.photo img {max-width: 150px; max-height: 150px;}
		#text.full div.column div.photo_sm {display: none;}
		
		#text.full div.column div.event {position: relative; display: inline-block; width: 485px; max-width: 485px; min-height: 0; height: auto; vertical-align: top; text-align: left; margin: 7px 0 20px 0; background: #666666; overflow: hidden;}
			#text.full div.column div.event img {display: block; position: absolute; top: 0; left: 0; width: 220px; min-height: 220px; height: auto; max-width: 220px; margin: 0; padding: 0; z-index: 5;}
			#text.full div.column div.event div.title {position: relative; float: right; padding: 8px 9px 9px 9px; margin: 0 0 10px 15px; background: #000000; z-index: 25;}
				#text.full div.column div.event div.title h3 {font: 1.2em/1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; margin: 0; text-align: center; font-weight: normal; text-transform: uppercase;}
				#text.full div.column div.event div.title h5 {font: bold 2.1em/0.9em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #ffffff; margin: 0; text-align: center; letter-spacing: 0.1em;}
			#text.full div.column div.event div.caption {position: relative; width: 485px; max-width: 485px; min-height: 60px; height: auto; padding: 3px 0 7px 0; background: rgb(255, 255, 255) transparent; background: rgba(255, 255, 255, 0.85); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)"; z-index: 24;}
				#text.full div.column div.event div.caption p {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: 0.3em 15px; clear: both;}
				#text.full div.column div.event div.caption p.details {font: 1.1em/1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: -0.1em 15px 0.8em 15px; font-style: italic; clear: none;}
				#text.full div.column div.event div.caption h3 {font: bold 1.3em/1.1em myriad-pro, 'PT Sans', 'Arial', Helvetica, sans-serif; margin: 0.6em 15px; color: #000000;}
				#text.full div.column div.event div.caption h6 {font: 1.1em/1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; margin: -0.1em 15px 0.8em 15px; font-style: italic; clear: none;}
				#text.full div.column div.event div.caption small {display:inline-block; padding-top: 1px;}
				#text.full div.column div.event div.caption img {display: inline; height: auto; min-height: 0; width: auto; position: relative; vertical-align: bottom; margin: 2px 7px 7px 0; float: left; max-width: 14px; max-height: 14px;}
				#text.full div.column div.event div.caption p:last-child {margin-bottom: 0.6em;}
				
				#text.full div.column div.games div.caption h3 {font: bold 1.8em/1.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin-bottom: 0.3em; font-variant: small-caps; letter-spacing: 0;}
				

	#text.full a.button {display: inline-block; float: none; width: 184px; height: auto; border-radius: 15px; margin: 1em 18px 1em 0; padding: 17px 25px; font-size: 1.4em; letter-spacing: 0.2em; text-transform: none;}
		/*#text.full .button a {width: 152px; height: auto; margin: 0; padding: 6px 6px 6px 10px; vertical-align: baseline; font: bold 1.8em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #ffffff; line-height: 1em; text-align: right; text-decoration: none; display: block; float: left;  margin-left: 0; margin-bottom: 1em; border: 0; border-radius: 8px; background: #333333; overflow: hidden;}
		#text.full .button a:hover, #text.full .button a:active {background: #44846c; color: #ffffff;}*/
	#text.full a.sm {font-size: 0.8em; display: inline-block; float: none; width: auto; height: auto; border-radius: 8px; margin: auto; padding: 6px 6px 6px 10px; letter-spacing: 0.3em; text-transform: uppercase;}
	#text.full a.max {display: block; width: auto; margin: 0.3em 0 1em 0; padding: 12px 22px 11px 22px; font-size: 1.1em; text-transform: uppercase;}

	#text.full img {max-width: 1000px;}
	#text.full iframe, #text.full video {max-width: 1000px;}

	#text.full table.form {width: 650px; margin-top: 0; margin-bottom: 1em;}
		#text.full table.form td.left {width: 150px;}
		#text.full table.form td.right {width: auto !important;}

	#text.full table.max {width: 998px;}
		
		#text.full table.min td.left {width: 120px;}
		
		
/*************** SLATE ***************/

.form_pages {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; margin: 1.6em auto 1em auto; width: 600px; padding: 10px; border: 1px solid #44846c; text-align: left;}

	.form_pages .form_h1 {font: bold 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; vertical-align: middle; line-height: 1.3em; padding: 8px; letter-spacing: 0.1em; background: #44846c; margin: 0 0 10px 0;}
		.form_pages .form_h1 .form_label {font-size: 1em; display: inline; color: #ffffff; font-weight: bold; font-style: italic;}
	
	.form_pages .form_text .form_label, .form_pages .form_birthdate .form_label, .form_pages .form_select .form_label, .form_pages .form_address .form_label, .form_pages .form_checkbox .form_label, .form_pages .form_radio .form_label, .form_pages .form_textarea .form_label {display: inline-block; font: bold 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; padding: 8px 10px; width: 150px; vertical-align: top;}
	.form_pages .form_responses {display: inline-block; font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; padding: 8px 10px; border: 0; vertical-align: top;}
		.form_pages .form_responses .form_label {display: inline-block; font: bold 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; width: 170px; padding: 8px 0 16px 0; vertical-align: top; font-style: normal !important;}
		
		.form_address.form_layout_stacked .form_responses {display: inline;}
		.form_address.form_layout_stacked textarea {margin: 6px 0; max-width: 55%;}
		.form_address.form_layout_stacked input, .form_address.form_layout_stacked select {margin: 6px 0;}
		
		.form_pages .form_textarea {padding: 8px 10px;}
		.form_pages .form_textarea .form_label {width: 0; height: 0; display: none;}
		.form_pages .form_textarea .form_responses {padding: 0; width: 100%;}
		
		.form_address div.form_label {font-style: italic !important; font-weight: normal !important; width: auto !important; display: block !important;}
		/*.form_address fieldset div.form_label:first-of-type {font-style: italic !important; font-weight: normal !important; width: 100% !important;}*/
	
	.form_pages input, .form_pages select {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; vertical-align: middle; max-width: 350px !important;}
	.form_pages textarea {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; text-align: left; color: #555555; vertical-align: top; width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	button {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; background: #000000; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; cursor: pointer; padding: 6px 6px 6px 10px; border: 0; border-radius: 8px; text-decoration: none; display: block; margin: 1em auto;}
	button:hover, button:active {color: #ffffff; background: #44846c; text-decoration: none;}


/*************** form/donate area ****************/

ul#bottom {position: fixed; right: 0; bottom: 10px; width: 125px; margin: 0; padding: 0; overflow: hidden; z-index: 4000; display: none;}

	ul#bottom li {float: left; width: 125px; height: 32px; overflow: hidden; margin: 3px 0 0 0; padding: 0; display: block;}

		ul#bottom li a {font: bold 1.2em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; width: 125px; height: 30px; line-height: 30px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; padding: 0 0 0 0.1em; background: #333333; border: 1px dotted #ffffff; display: block;}
		ul#bottom li a:hover {background: #44846c;}

		ul#bottom li#button_one a {background: #3c727a;}
		ul#bottom li#button_one a:hover {background: #000000;}
		ul#bottom li#button_two a {background: #7b5526;}
		ul#bottom li#button_two a:hover {background: #000000;}
		ul#bottom li#button_three a {background: #60426f;}
		ul#bottom li#button_three a:hover {background: #000000;}

/*
#questions_form {position: fixed; right: 0; bottom: 80px; width: 250px; height: auto; overflow: hidden; z-index: 6000; display: none;}

	#questions_form #questions_title a {font: bold 1.2em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; width: 250px; height: 30px; line-height: 30px; text-decoration: none; text-transform: uppercase; letter-spacing: 0.2em; padding: 0; background: #00748e; border: 1px dotted #ffffff; display: block;}
	#questions_form #questions_title a:hover {background: #000000;}

	#questions_form #more {width: auto; background: #555555; border: 1px dotted #ffffff; overflow: hidden; padding: 0;}
		#questions_form #more h2 {display: none;}
		#questions_form #more p {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.4em;  margin: 0.8em 20px; clear: both;}
		#questions_form #more ul {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffc000; margin: -0.4em 20px 0.3em 35px; list-style-position: inside;}
			#questions_form #more ul li {list-style-type: none;}
		#questions_form #more label {color: #ffffff;}
		#questions_form #more input {width: 150px; vertical-align: baseline; border: 1px solid #3c727a;}
			#questions_form #more input.submit {width: auto; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; color: #ffffff; background: #3c727a; border: 0;}
			#questions_form #more input.submit:hover {color: #ffffff; background: #000000;}
		#questions_form #more textarea {height: 70px; border: 1px solid #3c727a;}
		#questions_form #more a {color: #dddddd;}
		#questions_form #more a:hover {color: #000000;}

	#questions_form .closebtn {display: block; position: absolute; top: 0; right: 10px; font-size: 20px; line-height: 30px; height: 30px; z-index: 9; color: #ffffff; text-decoration: none;}
	#questions_form .closebtn:hover {color: #000000;}
*/


/*************** simple slider ****************/

#front #slider, #text.full #slider {position: relative; width: 1000px; height: 500px; overflow: hidden; margin: 10px auto 20px auto;}

#text #slider {position: relative; width: 720px; height: 360px; overflow: hidden; margin: 10px auto 20px auto;}

	#slider p {position: absolute; left: 0; top: 0;}


/*************** sliders ****************/

#front .orbit-wrapper {padding: 10px 0 50px 0;}
		#front .orbit-wrapper .contentdiv {background: #ffffff url('orbit/orbit/loading.gif') no-repeat center center; width: 1000px; height: 500px; max-height: 500px; overflow: hidden; display: none; position: absolute; left: -1000px;}
			#front .orbit-wrapper .contentdiv img {display: block; margin: 0; z-index: 10; width: 1000px; height: 500px;}
			#front .orbit-wrapper .contentdiv .bknd {display: none;}
			#front .orbit-wrapper .contentdiv .text {position: absolute; width: auto; max-width: 1000px; height: 70px; left: 0; bottom: 30px; padding: 0; margin: 0; z-index: 25; background: #44846c;}
				#front .orbit-wrapper .contentdiv .text h1 {font: bold 2.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0.4em 15px 0 15px; text-align: left; line-height: 1.1em; color: #ffffff; letter-spacing: 0; text-transform: uppercase; padding: 0; border: 0;}
				#front .orbit-wrapper .contentdiv .text p {font: 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; margin: 0 15px 0.5em 15px; text-align: left; line-height: 1.3em; color: #ffffff;}
				#front .orbit-wrapper .contentdiv .text a {text-decoration: none; color: #ffffff;}
				#front .orbit-wrapper .contentdiv .text a:hover {text-decoration: underline; color: #eeeeee;}
		#front .orbit-wrapper .orbit-bullets {margin: 15px 0 -30px 0; text-align: center;}

			#front .orbit-wrapper .large .contentdiv .slider {position: absolute; width: 1000px; max-width: 1000px; height: 500px; left: 0; top: 0; padding: 0; margin: 0; z-index: 25; background: none;}

				#front .orbit-wrapper .large .contentdiv h1 {position: absolute; left: 125px; top: 25px; width: 750px; font: bold 5.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; margin: 0; text-align: center; line-height: 1.05em; color: #ffffff; letter-spacing: 0; padding: 0; border: 0;}
					#front .orbit-wrapper .large .contentdiv h1 a {text-decoration: none; color: #ffffff;;}
					#front .orbit-wrapper .large .contentdiv h1 a:hover {text-decoration: underline; color: #000000;}
				#front .orbit-wrapper .large .contentdiv p {position: absolute; left: 0; bottom: 0; top: auto; width: auto; font: 3em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0; padding: 0.5em 25px; text-align: left; line-height: 1.1em; color: #ffffff; background: linear-gradient(40deg, rgba(68,132,108,0.9), rgba(126, 155, 91, 0.9));}

			/*#text.full .orbit-wrapper .contentdiv img.darken {filter: brightness(50%);}*/
			#front .orbit-wrapper .large .contentdiv .bknd {display: block !important;}
			#front .large .contentdiv .bknd:after {content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,transparent 50%);}

#text.full .orbit-wrapper {padding: 10px 0 50px 0;}
		#text.full .orbit-wrapper .contentdiv {background: #ffffff url('orbit/orbit/loading.gif') no-repeat center center; width: 1000px; height: 500px; max-height: 500px; overflow: hidden; display: none; position: absolute; left: -1000px;}
			#text.full .orbit-wrapper .contentdiv img {display: block; margin: 0; z-index: 10; width: 1000px; height: 500px;}
			#text.full .orbit-wrapper .contentdiv .bknd {display: none;}
			#text.full .orbit-wrapper .contentdiv .text {position: absolute; width: auto; max-width: 1000px; height: 70px; left: 0; bottom: 30px; padding: 0; margin: 0; z-index: 25; background: #44846c;}
				#text.full .orbit-wrapper .contentdiv .text h1 {font: bold 2.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0.4em 15px 0 15px; text-align: left; line-height: 1.1em; color: #ffffff; letter-spacing: 0; text-transform: uppercase; padding: 0; border: 0;}
				#text.full .orbit-wrapper .contentdiv .text p {font: 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; margin: 0 15px 0.5em 15px; text-align: left; line-height: 1.3em; color: #ffffff;}
				#text.full .orbit-wrapper .contentdiv .text a {text-decoration: none; color: #ffffff;}
				#text.full .orbit-wrapper .contentdiv .text a:hover {text-decoration: underline; color: #eeeeee;}
		#text.full .orbit-wrapper .orbit-bullets {margin: 15px 0 -30px 0; text-align: center;}

			#text.full .orbit-wrapper .large .contentdiv .slider {position: absolute; width: 1000px; max-width: 1000px; height: 500px; left: 0; top: 0; padding: 0; margin: 0; z-index: 25; background: none;}

				#text.full .orbit-wrapper .large .contentdiv h1 {position: absolute; left: 125px; top: 25px; width: 750px; font: bold 5.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; margin: 0; text-align: center; line-height: 1.05em; color: #ffffff; letter-spacing: 0; padding: 0; border: 0;}
					#text.full .orbit-wrapper .large .contentdiv h1 a {text-decoration: none; color: #ffffff;;}
					#text.full .orbit-wrapper .large .contentdiv h1 a:hover {text-decoration: underline; color: #000000;}
				#text.full .orbit-wrapper .large .contentdiv p {position: absolute; left: 0; bottom: 0; top: auto; width: auto; font: 3em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0; padding: 0.5em 25px; text-align: left; line-height: 1.1em; color: #ffffff; background: linear-gradient(40deg, rgba(68,132,108,0.9), rgba(126, 155, 91, 0.9));}

			/*#text.full .orbit-wrapper .contentdiv img.darken {filter: brightness(50%);}*/
			#text.full .orbit-wrapper .large .contentdiv .bknd {display: block !important;}
			.large .contentdiv .bknd:after {content: ''; position: absolute; top: 0; left: 0; display: inline-block; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%,transparent 50%);}
		
#text .orbit-wrapper {padding: 10px 0 50px 0;}
		#text .orbit-wrapper .contentdiv {background: #ffffff url('orbit/orbit/loading.gif') no-repeat center center; width: 720px; height: 360px; max-height: 360px; overflow: hidden; display: none; position: absolute; left: -720px;}
			#text .orbit-wrapper .contentdiv img {display: block; margin: 0; z-index: 10; width: 720px; height: 360px;}
			#text .orbit-wrapper .contentdiv .bknd {display: none;}
			#text .orbit-wrapper .contentdiv .text {position: absolute; width: auto; max-width: 720px; height: 60px; left: 0; bottom: 20px; padding: 0; margin: 0; z-index: 25; background: #44846c;}
				#text .orbit-wrapper .contentdiv .text h1 {font: bold 1.8em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; margin: 0.4em 15px 0 15px; text-align: left; line-height: 1.1em; color: #ffffff; letter-spacing: 0; text-transform: uppercase; padding: 0; border: 0;}
				#text .orbit-wrapper .contentdiv .text p {font: 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; margin: 0 15px 0.5em 15px; text-align: left; line-height: 1.3em; color: #ffffff;}
				#text .orbit-wrapper .contentdiv .text a {text-decoration: none; color: #ffffff;}
				#text .orbit-wrapper .contentdiv .text a:hover {text-decoration: underline; color: #eeeeee;}
		#text .orbit-wrapper .orbit-bullets {margin: 15px 0 -30px 0; text-align: center;}
			#text .orbit-wrapper .orbit-bullets li {background-image: url(/orbit/bullets.png); background-size: 21px 12px;}
			
		#text .orbit-wrapper .fluid-placeholder, #text.full .orbit-wrapper .fluid-placeholder {visibility: hidden; position: static; display: block; width: 100%;}


/*************** emergency notice area ****************/

#notification {position: relative; width: 100%; margin-bottom: 2em; padding-bottom: 1.3em; border-bottom: 5px solid #b61727;}
	#notification h1 {color: #b61727; border: 0; border-color: #b61727; margin-bottom: 0.2em; padding-bottom: 0;}
		#notification h1 a {color: #b61727 !important; text-decoration: none !important;}
	#notification h3 {color: #b61727;}
	#notification p {color: #b61727 !important;}
	#notification a {color: #b61727 !important;}
	#notification a:hover {color: #000000 !important;}


/*************** left sidebar styles ***************/

#sidebar {position: relative; width: 250px; margin: 30px 0; padding: 0; text-align: left; background: #ffffff; float: left; display: inline; overflow: hidden; z-index: 40;}

	#sidebar div.box {width: auto; margin: 10px 0 0 0; padding: 20px 0 7px 0; text-align: left; background: none; border: 1px solid #7eb09d; overflow: hidden;}
		#sidebar div.box ul {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 28px 1em 28px; padding: 0; border: 0; list-style-type: none; line-height: 1.3em;}
			#sidebar div.box ul li {line-height: 1.3em; margin: 0 0 0.6em 0; float: none; padding: 0; border: 0; width: auto; display: block;}
				#sidebar div.box ul li a {font-size: 1em; line-height: 1.3em; padding: 0; background: none; display: inline; text-transform: none; text-decoration: underline; color: #000000;}
				#sidebar div.box ul li a:hover {color: #44846c;}
					#sidebar div.box ul li ul {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.2em 0 0 15px; padding: 0; border: 0; list-style-type: disc; line-height: 1.3em;}
						#sidebar div.box ul li ul li {line-height: 1.3em; margin: 0 0 0.2em 0; padding: 0; border: 0; width: auto;}
		#sidebar div.box img {display: block; margin: 0 28px 1.1em 28px; max-width: 190px;}
		#sidebar div.box iframe {display: block; margin: 0 28px 1.1em 28px; max-width: 190px; max-height: 107px;}
			#sidebar div.box p img, #sidebar div.box p iframe {display: block; margin-left: 0; margin-right: 0;}
		#sidebar div.box img.profile {margin-bottom: 5px;}

		#sidebar div.box p, #sidebar div.box h2, #sidebar div.box h3, #sidebar div.box div.hr, #sidebar div.box div.hr_dark {margin-left: 28px; margin-right: 28px;}
		
		#sidebar div.box a.button {color: #ffffff;}
		#sidebar div.box a.button:hover {color: #ffffff;}
		#sidebar div.box a.long {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.3em; vertical-align: middle; text-align: left; text-transform: none; letter-spacing: 0; padding: 10px 13px;}

	#sidebar div#more {background: #44846c; overflow: hidden; padding: 0;}
		#sidebar div#more {width: auto; border: 10px solid #70d8b2; padding: 0;}
			#sidebar div#more h2 {font: bold 2.6em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #70d8b2; text-align: center; line-height: 1.1em; margin: -0.2em 20px 0.5em 20px;}
			#sidebar div#more h3 {font: bold 1.3em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #70d8b2; text-align: left; line-height: 1.4em; margin: -0.5em 20px 0.6em 20px;}
			#sidebar div#more p {margin-left: 20px; margin-right: 20px; color: #ffffff; clear: both;}
			#sidebar div#more ul {font-weight: bold; color: #70d8b2; margin: -0.4em 20px 0.3em 35px; list-style-position: inside;}
				#sidebar div#more ul li {list-style-type: disc;}
			#sidebar div#more label {color: #ffffff;}
			#sidebar div#more input {width: 130px; vertical-align: baseline;}
				#sidebar div#more input.submit {width: auto; vertical-align: middle; margin-top: 2px; border: 0;}
				#sidebar div#more input.submit:hover {color: #ffffff; background: #000000;}
			#sidebar div#more a {color: #70d8b2;}
			#sidebar div#more a:hover {color: #000000;}

	#sidebar p {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.4em; margin: 0 30px 1.1em 30px;}
	#sidebar h2 {font: bold 1.3em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.2em; margin: 0 30px 0.7em 30px;}
	#sidebar h3 {font: bold 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.2em; margin: 0 30px 0.9em 30px;}
	#sidebar div.hr {height: 1px; margin: 0.7em 30px 1.2em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #dddddd;}
	#sidebar div.hr_dark {height: 1px; margin: 0.7em 30px 1.2em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px solid #dddddd;}
	
	#sidebar div.photo {max-width: 250px; margin: 10px 0 0.5em 0; padding: 0; text-align: left; overflow: hidden;}
		#sidebar div.photo img {display: block; max-width: 250px; margin: 0; padding: 0;}
		#sidebar div.photo iframe {display: block; max-width: 250px; max-height: 141px; margin: 0; padding: 0;}
		#sidebar div.photo img.border, #sidebar div.photo iframe.border {display: block; max-width: 248px; margin: 0; padding: 0; border: 1px solid #7eb09d;}
		#sidebar div.photo .caption {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; text-align: center; color: #888888; margin: 5px auto 10px auto; display: block; max-width: 220px; line-height: 1.1em;}

	#sidebar a, #sidebar a.visited, #sidebar a.link {color: #000000;}
	#sidebar a:hover {color: #44846c;}

	#sidebar a.button {color: #ffffff;}
	#sidebar a.button:hover {color: #ffffff;}
	#sidebar a.big {font-size: 1.3em;}
	#sidebar a.long {font: bold 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.3em; vertical-align: middle; text-align: left; text-transform: none; letter-spacing: 0; padding: 10px 13px;}

	#sidebar ul {margin: 73px 0 10px 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 30px; border-bottom: 1px solid #dddddd;}
		#sidebar ul li {position: relative; margin: 0; padding: 0; border-top: 1px solid #dddddd; width: 250px;}
			#sidebar ul li a {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 18px; padding: 6px 30px; margin: 0; background: #ffffff; display: block; font-weight: normal; font-style: normal; text-decoration: none; text-transform: uppercase;}
			#sidebar ul li a:hover {color: #000000; background: #dddddd;}

			#sidebar ul li ul {margin: 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; line-height: 26px; border: 0;}
				#sidebar ul li ul li {position: relative; margin: 0; padding: 0; border-top: 1px solid #dddddd; width: 250px;}
					#sidebar ul li ul li a {font: 1.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 16px; padding: 5px 30px; margin: 0; background: #ffffff; display: block; font-weight: normal; font-style: normal; text-decoration: none; text-transform: none;}
					#sidebar ul li ul li a:hover {color: #000000; background: #dddddd;}
	
	#sidebar iframe.twitter-timeline, #sidebar div.box iframe.twitter-timeline, #sidebar div.photo iframe.twitter-timeline {max-height: none !important;}

	#sidebar .tabs {position: relative; margin: 0; border-top: 6px solid #dddddd; border-left: 6px solid #dddddd; border-bottom: 6px solid #dddddd; padding: 0; height: 338px; overflow: hidden;}
		#sidebar .tabs p {margin: 0 15px 0.8em 15px;}
		#sidebar .tabs h2 {font-weight: normal; font-style: italic; font-size: 1.3em; color: #555555; letter-spacing: 0.05em; margin: -0.1em 15px 0.6em 15px;}

	#sidebar .tab_content {position: absolute; top: 45px; width: 244px; height: 273px; padding-top: 15px; overflow: auto; z-index: 99;}

	#sidebar .sidenews_1 {width: 34%; float: left; font: bold 0.9em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; z-index: 100;}
	#sidebar .sidenews {width: 33%; float: left; font: bold 0.9em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; z-index: 101;}
		#sidebar .sidenews span, #sidebar .sidenews a, #sidebar .sidenews a:hover {border-left: 2px solid #dddddd;}
		#sidebar .sidenews a, #sidebar .sidenews_1 a, #sidebar .sidenews a:hover, #sidebar .sidenews_1 a:hover {color: #ffffff !important;}


/*************** popup styles ***************/

.popup {display: none; z-index: 20000; overflow: auto; max-width: 400px; padding-bottom: 10px;}
	.popup p {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 15px 0.7em 15px;}
	.popup h1 {font: bold 1.5em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.1em; margin: 0.8em 0 0.8em 15px; padding: 0 15px 9px 0; letter-spacing: 0.05em; border-bottom: 5px solid #7eb09d;}
		.popup h1 span {font-family: myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 0.7em; font-weight: normal; font-style: italic; color: #555555;}
	.popup h2 {font: italic 1.4em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.1em; margin: -0.2em 15px 0.6em 15px; letter-spacing: 0.05em;}
		.popup h2 span {font-weight: bold; font-size: 0.6em; font-style: normal; line-height: 1.1em;}
	.popup h3 {font: bold 1.2em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.1em; margin: 0.9em 15px 0.7em 15px; letter-spacing: 0.1em;}
	.popup h4 {font: bold 1.15em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.1em; margin: 0.9em 15px 0.7em 15px;}
	.popup h5 {font: bold 1.2em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.1em; margin: 0.9em 15px 0.6em 15px; letter-spacing: 0.1em;}
	.popup .tight {margin-bottom: 0.2em;}

	.popup ul {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 15px 0.7em 45px; padding: 0;}
		.popup ul li {line-height: 1.3em; margin: 0 0 0.5em 0;}

	.popup ol {font: 1.1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 15px 0.7em 45px; padding: 0;}
		.popup ol li {line-height: 1.3em; margin: 0 0 0.5em 0;}

	.popup small {font-size: 0.8em; text-transform: uppercase; letter-spacing: 0.1em;}

	.popup div.hr, .popup hr {height: 1px; margin: 1.4em 15px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px solid #dddddd;}
	
.youtube {max-width: 720px; max-height: 480px;}
	.youtube iframe {margin: 0; max-width: 720px; max-height: 480px;}

.fancybox-overlay {background: rgba(0, 0, 0, 0.85) !important;}
.fancybox-title {font: bold 14px/20px "PT Sans",Arial,sans-serif !important;}


/*************** footer styles ***************/

.push {height: 90px; clear: both;}

#footer_bknd {position: relative; background: #eeeeee; width: 100%;}

	#footer {position: relative; width: 1000px; height: 90px; margin: 0 auto; padding: 0; text-align: left; vertical-align: middle; clear: both; overflow: hidden;}
	
		#footer #footer_cmu {position: relative; width: 250px; height: 90px; margin: 0 30px 0 0; padding: 0; text-align: right; float: left; display: inline; overflow: hidden;}
			#footer #footer_cmu img {display: block; margin: 21px 0 30px 150px; border: 0;}
		#footer p {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.2em; margin: 16px 0;}
		#footer #footer_social {position: absolute; top: 30px; right: 0; height: 30px; width: 220px; text-align: right;}
			#footer #footer_social img {height: 30px; margin-left: 12px; border: 0;}


/*************** top bar rotation ***************/

.sliderwrapper {position: relative; width: 1000px; height: 240px; overflow: hidden; margin: 0; padding: 0; z-index: 25; background-color: #000000;}
	.sliderwrapper .contentdiv {visibility: hidden; position: absolute; left: 0; top: 0; padding: 0; margin: 0; width: 1000px; height: 240px; filter: progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1; z-index: 26;}
		.sliderwrapper .contentdiv img {display: block; margin: 0;}

.pagination {width: auto; text-align: right; background-color: #fdce00; padding: 5px; margin: 0 10px; display: none;}
	.pagination a {padding: 0 5px; text-decoration: none; color: #fdce00; background: #777777;}
	.pagination a:hover, .pagination2 a.selected {color: #fdce00; background-color: #3d3d3d; text-decoration: none;}


/*************** date time picker ***************/

.ui-datepicker {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif;}

.ui-timepicker-div .ui-widget-header {margin-bottom: 8px;}
.ui-timepicker-div dl {text-align: left;}
.ui-timepicker-div dl dt {height: 25px; margin-bottom: -25px;}
.ui-timepicker-div dl dd {margin: 0 10px 10px 65px;}
.ui-timepicker-div td {font-size: 90%;}
.ui-tpicker-grid-label {background: none; border: none; margin: 0; padding: 0;}

.datepick, .datetimepick {width: 125px;}


/*************** keywords bubbles ***************/

div.tagsinput {border: 1px solid #171717; background: #ffffff; padding: 5px; width: auto !important; min-height: 45px !important; height: 45px !important; overflow: auto;}
div.tagsinput span.tag {font: 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; float: left; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #555555; text-decoration: none; background: #dddddd; color: #555555; margin: 0 5px 5px 0; padding: 0 5px;}
div.tagsinput span.tag a {font: bold 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #000000; text-decoration: none;}
div.tagsinput span.tag a:hover {font: bold 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #b61727; text-decoration: none;}
div.tagsinput input {font: 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; background: transparent; border: 0; margin: 0 5px 5px 0; width: 80px; outline: 0px;}
div.tagsinput div {display: block; float: left;}
.tags_clear {clear: both; width: 100%; height: 0px;}
.not_valid {color: #b61727 !important; font-weight: bold;}


/*************** pixlee social feed ***************/
	
#text #pixlee_container {width: 750px; max-width: 750px; max-height: 375px; overflow: hidden;}
#text #pixlee_container iframe {width: 755px !important; max-width: 755px !important; max-height: 375px !important;}

#text.full #pixlee_container {width: 1000px; max-width: 1000px; max-height: 500px; overflow: hidden;}
#text.full #pixlee_container iframe {width: 1005px !important; max-width: 1005px !important; max-height: 500px !important;}

#pixlee_container iframe div.img_holder {cursor: inherit !important;}

#text iframe.lightwidget-widget {max-width: 770px !important; width: 770px !important; height: 510px !important; max-height: none !important; margin-left: -10px !important; margin-right: -10px !important; margin-top: -5px !important;}
#text.full iframe.lightwidget-widget {max-width: 1020px !important; width: 1020px !important; height: 510px !important; margin-left: -10px !important; margin-right: -10px !important; margin-top: -5px !important;}
.lightwidget__link:focus::after {box-shadow: inset 0 0 0 .4vw #555555 !important;}


/* unibuddy */

#sidebar #unibuddy-buddyframe-0 {margin-top: 10px;}



/*************** form element styles ***************/

input, select {font-size: 1em; color: #555555; font-family: myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif !important;}
	input.trans {background: transparent; border: 0;}
	input.light {background: transparent; border: 1px solid #dddddd;}
	input.tiny, select.tiny {font-size: 0.9em;}
	select optgroup {font-weight: bold; font-style: normal; text-transform: uppercase;}
	select optgroup option {padding-left: 1.3em; text-transform: none;}
	select option {padding-left: 0; padding-right: 1em;}
	#check-all {vertical-align: bottom; margin-bottom: 3px;}
input {padding: 0 3px;}
input[type='text']:invalid{outline: 2px solid #b61727;}
input[type='checkbox'], input[type='radio'] {padding: 0; vertical-align: baseline; margin-right: 2px;}
textarea {font: 1em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; text-align: left; color: #555555; vertical-align: top; width: 100%; height: 100px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 3px;}
textarea.sm {height: 45px;}
input.submit {font: bold 0.9em myriad-pro, 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; background: #333333; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; cursor: pointer; padding: 6px 6px 6px 10px; border: 0; border-radius: 8px;}
input.submit:hover {color: #ffffff; background: #44846c;}
input.submit:disabled {color: #999999 !important; background: #cccccc !important;}

label.dollar {white-space: nowrap; display: inline-block;}

label.multi {margin-left: 20px; display: block; margin-bottom: 5px;}
label.multi:last-child {margin-bottom: 0;}
	label.multi input[type='checkbox'], label.multi input[type='radio'] {margin: 0 3px 0 -20px; width: 13px; height: 13px;}

.sm_only {display: none;}
.sm_social {display: none;}

#recaptcha_widget_div {margin: auto !important; width: 318px !important;}
	#questions_form #more #recaptcha_widget_div {margin: auto !important;}
	#questions_form #more .g-recaptcha {-webkit-transform:scale(0.67); -webkit-transform-origin: 0 0; transform:scale(0.67); transform-origin: 0 0; margin: 0 20px !important;}
		#questions_form #more .g-recaptcha  > div {margin: auto !important; max-height: 50px !important;}
#recaptcha_image img {width: auto !important; max-width: none !important;}
	#questions_form #more #recaptcha_image img {width: auto !important;}
#text .g-recaptcha iframe {margin: auto !important; min-height: auto !important}
	#questions_form #more .g-recaptcha iframe {margin: auto !important;}
#text .g-recaptcha div:first-child {margin: auto;}
	#questions_form #more .g-recaptcha div:first-child {margin: auto;}
		
	

	#text .none {display: none !important;}
	#text.full .none {display: none !important;}

/* SOURCE FOR EDITOR */
textarea.cke_source
{
	font-family: 'PT Mono', Monospace !important;
	font-size: small !important;
	background-color: #fff !important;
	white-space: pre-wrap !important;
	border: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: block !important;
	min-height: 150px !important;
	line-height: 1.4em !important;
}

#cke_display_details {margin: 0 auto;}

/* CMS CONTENT RESIZING */
@media (min-width: 981px) {

	#text.larger {width: 815px;}
		#text.larger img {max-width: 720px;}
		#text.larger table.max {width: 815px;}
		#text.larger .cke_chrome {width: auto;}
		#text.larger iframe {max-width: none;}
		
	#sidebar.smaller {width: 155px;}
		#sidebar.smaller ul li a {font: 1.1em myriad-pro-condensed, 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; padding: 4px 20px;}

}