@font-face {
    font-family: 'PT Sans';
	src: url('includes/PTS55F_W.eot');
    src: url('includes/PTS55F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTS55F_W.woff') format('woff'),
        url('includes/PTS55F_W.ttf') format('truetype'),
        url('includes/PTS55F_W.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
	src: url('includes/PTS56F_W.eot');
    src: url('includes/PTS56F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTS56F_W.woff') format('woff'),
        url('includes/PTS56F_W.ttf') format('truetype'),
        url('includes/PTS56F_W.svg#PTSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans';
	src: url('includes/PTS75F_W.eot');
    src: url('includes/PTS75F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTS75F_W.woff') format('woff'),
        url('includes/PTS75F_W.ttf') format('truetype'),
        url('includes/PTS75F_W.svg#PTSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans';
	src: url('includes/PTS76F_W.eot');
    src: url('includes/PTS76F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTS76F_W.woff') format('woff'),
        url('includes/PTS76F_W.ttf') format('truetype'),
        url('includes/PTS76F_W.svg#PTSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'PT Sans Narrow';
	src: url('includes/PTN57F_W.eot');
    src: url('includes/PTN57F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTN57F_W.woff') format('woff'),
        url('includes/PTN57F_W.ttf') format('truetype'),
        url('includes/PTN57F_W.svg#PTSans-Narrow') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PT Sans Narrow';
	src: url('includes/PTN77F_W.eot');
    src: url('includes/PTN77F_W.eot?#iefix') format('embedded-opentype'),
        url('includes/PTN77F_W.woff') format('woff'),
        url('includes/PTN77F_W.ttf') format('truetype'),
        url('includes/PTN77F_W.svg#PTSans-NarrowBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@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 'PT Sans', Arial, Helvetica, sans-serif; text-align: center; line-height: 1.3em; color: #000000; padding: 0; margin: 0; background: #999999;}

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

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

a.button {font: bold 0.9em 'PT Sans', Arial, Helvetica, sans-serif; color: #005837; background: #ffffff; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; cursor: pointer; padding: 4px 6px 3px 8px; border: 2px solid #005837; text-decoration: none; display: block; margin: 1em auto;}
a.button:hover, a.button:active {color: #ffffff; background: #005837; border: 2px solid #888888; text-decoration: none;}

a.sm {display: inline; margin: 1em 0;}

b {font-weight: bold;}
i {font-style: italic;}
strong {font-weight: bold;}
em {font-style: italic;}

.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: 6px solid #dddddd;}
	img.border_sm {border: 2px solid #dddddd;}
	img.photos {border: 5px solid #dddddd; margin: 12px; float: left; display: inline;}

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


#connectintro {background: #ffffff url(connect/images/intro.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

	#connectintro #logo {position: absolute; bottom: 25px; right: 30px; width: 325px; height: 150px; overflow: hidden;}

	#connectintro table {width: auto; min-width: 980px; height: 234px; margin: 0 auto; border-collapse: collapse;}
		#connectintro table td {width: 20%; height: 174px; padding: 30px 0;}


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

#top {position: relative; width: 1000px; height: 60px; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; background: #005837; overflow: hidden; z-index: 3;}
	#top #cmu {position: absolute; top: 0; left: 0; width: 500px; height: 60px; margin: 0; padding: 0; text-align: left; vertical-align: top; overflow: hidden;}
	#top #social {position: absolute; top: 0; right: 0; width: 400px; height: 60px; margin: 0; padding: 0; text-align: left; vertical-align: top; overflow: hidden;}
		#top #social #search {position: absolute; top: 21px; right: 124px; width: 163px; height: 23px; margin: 0; padding: 0; text-align: right; vertical-align: top; background: url(images/search.png); overflow: hidden;}
		#top #social #buttons {position: absolute; top: 21px; right: 0; width: 124px; height: 23px; margin: 0; padding: 0; text-align: right; vertical-align: top; overflow: hidden;}
			#top #social #buttons img {margin: 0 0 0 8px;}
			#top #social #buttons p {font-size: 1.2em; text-align: right; color: #ffffff; position: absolute; bottom: 0; right: 0;}
				#top #social #buttons p a, #top #social #buttons p a:visited, #top #social #buttons p a:link {color: #ffffff; text-decoration: none; font-weight: bold;}
				#top #social #buttons p a:hover {color: #ffffff; text-decoration: underline;}
				#top #social #buttons p a:active {color: #ffffff; text-decoration: none;}


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

#header {position: relative; width: 1000px; height: 240px; margin: 0 auto; padding: 0; text-align: left; vertical-align: top; background: #dddddd; 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.cms {height: 40px; background: #4c5a55;}

#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: absolute; bottom: 0; left: 0; 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.6em '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; 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 {color: #ffffff; text-decoration: none; height: 40px; line-height: 40px; margin: 0; padding: 0 16px; background: #005837; display: block; border-left: 1px dotted #999999; border-right: 1px dotted #999999;}


#header #menu2 {position: absolute; bottom: 0; left: 0; width: 1000px; height: 40px; margin: 0 auto; padding: 0; text-align: center; vertical-align: top; z-index: 90; background: none;}


/*************** submenu styles ***************/

.submenu {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 1000px; height: 200px; text-align: left; display: none; overflow: hidden; background: none;}

	.submenu .sub_back {position: absolute; width: 1000px; height: 200px; top: 0; right: 0; background: #ffffff; filter: progid:DXImageTransform.Microsoft.alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85; z-index: 1;}

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

	#sub_become .sub_color {background: #a55600;}
	#sub_students .sub_color {background: #a22208;}
	#sub_academics .sub_color {background: #152e74;}
	#sub_community .sub_color {background: #40830f;}
	#sub_about .sub_color {background: #005837;}

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

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

			.submenu .sub_content .sub_div h1 {font: bold 1.3em '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.1em '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.05em; margin: 0 0 0.2em 0; border-bottom: 0;}
					.submenu .sub_content .sub_div ul li ul {font: 0.8em '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;}

			#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;}

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

			#sub_students .sub_content a {color: #a22208; 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: #152e74; 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: #40830f; 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: #005837; 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;}

#colourbar {position: relative; width: 1000px; height: 6px; margin: 0 auto; padding: 0; background: #005837; overflow: hidden; z-index: 5;}


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

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

	#text p {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 30px 0.9em 30px;}

	#text h1 {font: bold 2em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.3em; margin: 0 0 0.8em 30px; padding: 0 30px 18px 0; letter-spacing: 0.05em; border-bottom: 6px solid #dddddd;/* background: #eeeeee; *-moz-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px;*/}
	#text h2 {font: italic 1.6em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: -0.2em 30px 0.6em 30px; letter-spacing: 0.05em;}
	#text h2.sm {font-size: 1.5em; margin-top: 1em;}
	#text h2.heavy {font: bold 1.4em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.3em; margin: 1.1em 30px 0.6em 30px; letter-spacing: 0.05em; text-transform: uppercase;}
	#text h2.blog {font: 2.4em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.1em; margin: 0.5em 30px 0.4em 30px; letter-spacing: 0;}
	#text h3 {font: bold 1.25em 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0.9em 30px 0.7em 30px; letter-spacing: 0.1em;}
	#text h4 {font: bold 1.25em 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0.9em 30px 0.2em 30px; letter-spacing: 0.1em;}
	#text h4.blog {font-size: 1.4em; line-height: 1.2em;}
	#text h5 {font: bold 1.25em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0.9em 30px 0.7em 30px; letter-spacing: 0.1em;}

	#text p.quoted {margin-left: 60px; margin-bottom: 1.3em;}

	#text div.hr, #text hr {height: 1px; margin: 1.4em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #888888;}
	#text div.hr2 {height: 6px; margin: 1.4em 0 1.8em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 6px solid #dddddd;}
	#text div.clear {height: 1px; clear: both; overflow: hidden;}

	#text p.byline {font: italic 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #999999; text-align: left; line-height: 1.3em; margin: 0 30px 1.1em 30px; padding: 0; letter-spacing: 0.1em; clear: both;}

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

	#text div.contain_left {text-align: left;}

	#text div.photo {float: right; margin: 3px 30px 12px 30px; display: inline;}
		#text div.photo img {border: 2px solid #dddddd;}
		#text div.photo p {font-size: 1.1em; text-align: center; font-style: italic; color: #888888; margin: 5px;}
	#text div.left_float {float: left;}
	#text div.left_tight {margin-right: 15px;}
	#text div.li_tight {margin-left: 15px; margin-right: 0;}

	#text div.photo_blog {position: relative; margin: 0 30px 0.7em 30px; width: 690px; height: 300px; overflow: hidden;}
		#text div.photo_blog img {display: block; max-width: 690px; 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 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.3em; padding: 0.2em 0.4em; background: #005837; display: inline;}

	#text .sharing_icons {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 1.3em 30px; padding: 1em 0; border-bottom: 1px dotted #999999; border-top: 1px dotted #999999;}

	#text iframe {margin-top: 5px; margin-bottom: 5px;}

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

	#text ul {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: -0.2em 30px 1.1em 75px; padding: 0;}
		#text ul li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ul li ul {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 30px 1.1em 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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 30px 1.1em 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.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: -0.2em 30px 1.1em 75px; padding: 0;}
		#text ol li {line-height: 1.3em; margin: 0 0 0.6em 0;}
			#text ol li ol {font: 1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 30px 1.1em 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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.6em 30px 1.1em 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 30px 1.1em 75px; 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.blazer {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; list-style: none; margin: 1.5em 0 0 30px; padding: 0; overflow: hidden;}
		#text ul.blazer li {float: left; display: inline; margin: 0 30px 20px 0; text-align: center;}
			#text ul.blazer li img {height: 150px; margin-bottom: 5px;}
			#text ul.blazer a {text-decoration: none;}


	#text div.flow {position: relative; display: inline-block; width: 330px; vertical-align: top; text-align: left; margin: 10px -4px 20px 30px; overflow: hidden;}
		#text div.flow img {display: block; max-width: 330px; margin: 0; padding: 0; z-index: 5;}
		#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 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 '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: #005837; 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 '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.onethird {width: 210px;}
		#text div.onethird img {max-width: 210px;}


	#text div.three {position: relative; float: left; width: 210px; margin: 0 0 0.7em 30px; overflow: hidden;}
		#text div.three img {display: block; max-width: 210px; 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 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 ul, #text div.col1 ol {margin-right: 15px;}
	#text div.col2 {float: right; display: inline; width: 50%; margin-top: 0.5em;}
		#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: 60px;}
		#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;}

	.triangle-isosceles {width: 475px; position: relative; padding: 5px 15px; margin: 1.2em 30px 1.6em 30px; 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 '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.2em '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-left: 1px solid #555555; border-right: 1px solid #555555; border-top: 1px solid #555555;}
			#text table th a {color: #dddddd; font-weight: bold;}
			#text table th a:hover {color: #ffffff; font-weight: bold;}
		#text table td {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; background: #ffffff; text-align: left; vertical-align: middle; 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 .r {text-align: right;}
		#text table .c {text-align: center;}
		#text table .t {vertical-align: top; padding-top: 10px;}
		#text table .p {padding-top: 0;}
			#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 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 dotted #888888;}

			#text table td a.head {color: #eeeeee; font-weight: bold;}
			#text table td a.head:hover {color: #000000; font-weight: bold;}

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

	#text table.photos {margin: 1.6em 0 -0.8em 0;}
		#text table.photos td {padding: 0; text-align: left; vertical-align: top; font-size: 1em;}
		#text table.photos td.photo_left {padding-left: 30px; padding-bottom: 10px;}
		#text table.photos td.photo_right {padding-right: 30px;}
			#text table.photos td.photo_left img, #text table.photos td.photo_right img {border: 2px solid #888888;}
			#text table.photos ul, #text table.photos ol {font-size: 1.1em; margin: -0.2em 30px 1.1em 75px;}
				#text table.photos li {margin-bottom: 0.6em;}
			#text table.photos h3 {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 0 0.9em 30px;}
		#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: 330px; 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 '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: #005837; 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 '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: 688px; margin: 0.9em 30px;}
	#text table.cms {margin-top: 2em; margin-bottom: 1em;}

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

	#text h2.bio_name {font-style: normal; font-family: 'PT Sans Narrow'; font-size: 2.5em; letter-spacing: 0; margin-bottom: 0; color: #222222;}

	#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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.4em; margin: 0 30px 1.1em 0;}
		#rightbar h2 {font: bold 1.3em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.4em; margin: 0 30px 0.3em 0;}
		#rightbar div.hr {height: 1px; margin: 0.7em 0 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 6px solid #dddddd;}
		#rightbar div.hr_light {height: 1px; margin: 0.7em 30px 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #ffffff;}
		#rightbar div.hr_dark {height: 1px; margin: 0.7em 30px 1.2em 0; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #dddddd;}

		#rightbar div.box {width: 250px; margin: 5px 0 0 0; padding: 20px 0 7px 0; text-align: left; background: #dddddd; overflow: hidden;/* -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;*/}
			#rightbar div.box ul {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 30px 0.3em 30px; padding: 0; border: 0; list-style-position: outside; 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;}
					#rightbar div.box ul li a {font-size: 1em; line-height: 1.3em; padding: 0; background: none; font-weight: bold; display: inline; text-transform: none; text-decoration: none; color: #005837;}
					#rightbar div.box ul li a:hover {color: #000000;}
						#rightbar div.box ul li ul {font: 1em '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;}
							#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 {margin-left: 30px;}
			#rightbar div.box div.hr {margin-left: 30px; margin-right: 30px; border-bottom: 1px dotted #ffffff;}
			#rightbar div.box img {display: block; margin: 0 30px 1.1em 30px; max-width: 190px;}
			#rightbar div.box img.profile {margin-bottom: 5px;}

		#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: #005837;}
		#rightbar a:hover {color: #000000;}

		#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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 22px; padding: 4px 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 .triangle-border, #text.full .triangle-border-rev {position: relative; padding: 0; margin: 0; border: 5px solid #005837; color: #005837; 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: #005837; 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: #005837 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: #005837 transparent; /* reduce the damage in FF3.0 */ display: block; width: 0;}

	#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 #progress_sketch {position: absolute; top: 0; left: 0; z-index: 1;}
	#text.full #progress_colour {display: none; position: absolute; top: 0; left: 0; z-index: 2;}

	#text.full #progressbar {position: relative; width: 940px; height: 393px; margin: 1em 30px;}

	#text.full .button {float: left; width: 152px; height: 100px; margin-left: 30px; margin-bottom: 15px; border: 6px solid #dddddd; background: #005837; overflow: hidden;}
		#text.full .button a {height: 80px; margin: 0; padding: 10px 6px; vertical-align: baseline; font: bold 1.8em 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #ffffff; line-height: 1em; text-align: right; text-decoration: none; display: block;}
		#text.full .button a:hover {background: #000000; color: #ffffff;}
		#text.full .button a:active {background: #dddddd; color: #000000;}

	#text.full table.max {width: 938px;}


	#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;}


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

#donate {position: fixed; right: 0; bottom: 10px; width: 125px; height: 30px; overflow: hidden; z-index: 5000;}
	#donate a.top {font: bold 1.2em '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; background: #005837; border: 1px dotted #ffffff; display: block;}
	#donate a.top:hover {font: bold 1.2em '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; background: #000000;}

#apply {position: fixed; right: 0; bottom: 43px; width: 125px; height: 30px; overflow: hidden; z-index: 5001;}
	#apply a.top {font: bold 1.2em '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; background: #a55600; border: 1px dotted #ffffff; display: block;}
	#apply a.top:hover {font: bold 1.2em '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; background: #000000;}

#questions_close {position: fixed; right: 0; bottom: 76px; width: 125px; height: 30px; overflow: hidden; z-index: 5002;}
	#questions_close a.top {font: bold 1.2em '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; background: #64246a; border: 1px dotted #ffffff; display: block;}
	#questions_close a.top:hover {font: bold 1.2em '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; background: #000000;}

#questions {position: fixed; right: 0; bottom: 76px; width: 250px; height: auto; overflow: hidden; z-index: 5003;}
	#questions a.top {font: bold 1.2em '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: #64246a; border: 1px dotted #ffffff; display: block;}
	#questions a.top:hover {font: bold 1.2em '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: #000000;}
	#questions div#more {width: auto; background: #555555; border: 1px dotted #ffffff; overflow: hidden; padding: 0;}
		#questions div#more h3 {font: bold 1.3em 'PT Sans Narrow', 'Arial Narrow', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.4em; margin: 0.5em 20px 0.6em 20px;}
		#questions div#more p {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: left; line-height: 1.4em;  margin: 0.8em 20px; clear: both;}
		#questions div#more ul {font: bold 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #ffc000; margin: -0.4em 20px 0.3em 35px; list-style-position: inside;}
			#questions div#more ul li {list-style-type: disc;}
		#questions div#more label {color: #ffffff;}
		#questions div#more input {width: 150px; vertical-align: baseline;}
			#questions div#more input.submit {width: auto; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; color: #64246a;}
			#questions div#more input.submit:hover {color: #ffffff; background: #64246a; border: 1px solid #ffffff;}
		#questions div#more a {color: #dddddd;}
		#questions div#more a:hover {color: #000000;}


/*************** intro area ****************/

#intro {position: relative; margin: 0; padding: 30px; text-align: center; vertical-align: top; background: #ffffff; float: left; display: inline; z-index: 50;}
	#intro .contentdiv {background: #000 url('orbit/orbit/loading.gif') no-repeat center center; width: 688px; height: 350px; overflow: hidden; display: none; position: absolute; left: -688px;}
		#intro .contentdiv img {display: block; margin: 0; z-index: 10;}
		#intro .contentdiv .bknd {position: absolute; width: 688px; height: 70px; left: 0; bottom: 0; padding: 0; margin: 0; background: #000000; filter: progid:DXImageTransform.Microsoft.alpha(opacity=70); -moz-opacity: .7; opacity: .7; z-index: 20;}
		#intro .contentdiv .text {position: absolute; width: 688px; height: 70px; left: 0; bottom: 0; padding: 0; margin: 0; z-index: 25;}
			#intro .contentdiv .text h1 {font: bold 2.1em '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;}
			#intro .contentdiv .text p {font: 1.3em 'PT Sans', Arial, Helvetica, sans-serif; margin: 0 15px 0.5em 15px; text-align: left; line-height: 1.3em; color: #ffffff;}
			#intro .contentdiv .text a {text-decoration: none; color: #ffffff;}
			#intro .contentdiv .text a:hover {text-decoration: underline; color: #eeeeee;}


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

#notification {position: relative; width: 100%; margin: 0; padding: 20px 0 8px 0; text-align: center; vertical-align: top; background: #ffffff; overflow: hidden; z-index: 50; border-bottom: 6px solid #b61727;}
	#notification h1 {font: bold 2em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #b61727; text-align: left; line-height: 1.3em; margin: 0 30px 0.5em 30px; padding: 0; letter-spacing: 0.05em;}
	#notification p {font: 1.3em 'PT Sans', Arial, Helvetica, sans-serif; color: #b61727; text-align: left; line-height: 1.3em; margin: 0 30px 0.9em 30px;}


/*************** tabs ***************/

.tabs {margin: 0 0 15px 30px; border-left: 6px solid #dddddd; border-bottom: 6px solid #dddddd; padding: 0 0 10px 0;}
.tabs_1 {margin: 0 0 0 30px; border-left: 6px solid #dddddd; padding: 0;}
.tabs_2 {margin: 0 0 15px 30px; border-left: 6px solid #dddddd; border-bottom: 6px solid #dddddd; padding: 0 0 10px 0;}

.tab_left {float: left;}
.tab_right {float: right;}

.active {position: relative; display: inline; width: 50%; padding: 0; background: #dddddd; border-bottom: 6px solid #dddddd; margin: 0 0 27px 0;}
	.active span {display: block; font: bold 1.25em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: center; line-height: 17px; padding: 9px 0;}
	.active span.hide_text {display: inline; font-size: 1em; border: 0;}

.active:after {content:""; position:absolute; bottom: -15px; left: 50%; border-width: 10px 10px 0; border-style: solid; border-color: #dddddd transparent; display: block; width: 0; margin-left: -10px;}

.inactive {position: relative; display: inline; width: 50%; padding: 0; background: #555555; border-bottom: 6px solid #dddddd; margin: 0 0 27px 0;}
	.inactive a {display: block; font: bold 1.25em 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; line-height: 17px; text-decoration: none; padding: 9px 0;}
	.inactive a:hover {background: #005837; font: bold 1.25em 'PT Sans', Arial, Helvetica, sans-serif; color: #ffffff; text-align: center; line-height: 17px; text-decoration: none; padding: 9px 0;}

.one, .five {width: 20%; float: left;}
	.five span, .five a, .five a:hover {border-left: 2px solid #dddddd;}
	.five span.hide_text {border: 0;}

.third_one {width: 34%; float: left;}
.third {width: 33%; float: left;}
	.third span, .third a, .third a:hover {border-left: 2px solid #dddddd;}
	.third span.hide_text {border: 0;}


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

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

	#sidebar div.box {width: 250px; margin: 5px 0 0 0; padding: 20px 0 7px 0; text-align: left; background: #dddddd; overflow: hidden;/* -moz-border-radius: 0 10px 10px 0; border-radius: 0 10px 10px 0;*/}
		#sidebar div.box ul {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; margin: 0.3em 30px 0.3em 30px; padding: 0; border: 0; list-style-position: outside; 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;}
				#sidebar div.box ul li a {font-size: 1em; line-height: 1.3em; padding: 0; background: none; font-weight: bold; display: inline; text-transform: none; text-decoration: none; color: #005837;}
				#sidebar div.box ul li a:hover {color: #000000;}
					#sidebar div.box ul li ul {font: 1em '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 30px 1.1em 30px; max-width: 190px;}
		#sidebar div.box img.profile {margin-bottom: 5px;}

	#sidebar div#more {background: #005837; overflow: hidden; padding: 0;}
		#sidebar div#more {width: auto; border: 10px solid #70d8b2; padding: 0;}
			#sidebar div#more h2 {font: bold 2.6em '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 '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;}
				#sidebar div#more input.submit:hover {color: #005837; background: #70d8b2; border: 1px solid #005837;}
			#sidebar div#more a {color: #70d8b2;}
			#sidebar div#more a:hover {color: #000000;}

	#sidebar p {font: 1.1em '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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.4em; margin: 0 30px 0.7em 30px;}
	#sidebar div.hr {height: 1px; margin: 0.7em 30px 1.2em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #ffffff;}
	#sidebar div.hr_dark {height: 1px; margin: 0.7em 30px 1.2em 30px; padding: 0; overflow: hidden; clear: both; border-bottom: 1px dotted #dddddd;}

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

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

	#sidebar ul {margin: 60px 0 5px 0; padding: 0; list-style-type: none; list-style-position: outside; position: relative; float: left; line-height: 30px; border-bottom: 1px solid #dddddd;}
		#sidebar ul li {float: left; position: relative; margin: 0; padding: 0; border-top: 1px solid #dddddd; width: 250px;}
			#sidebar ul li a {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 22px; padding: 4px 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; float: left; line-height: 26px; border: 0;}
				#sidebar ul li ul li {float: left; position: relative; margin: 0; padding: 0; border-top: 1px solid #dddddd; width: 250px;}
					#sidebar ul li ul li a {font: 1.1em '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 .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 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; z-index: 100;}
	#sidebar .sidenews {width: 33%; float: left; font: bold 0.9em '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;}
	.popup h1 {font: bold 1.5em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #000000; text-align: left; line-height: 1.3em; margin: 0.8em 0 0.8em 15px; padding: 0 15px 9px 0; letter-spacing: 0.05em; border-bottom: 6px solid #dddddd;}
	.popup h2 {font: italic 1.4em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; 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 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0.9em 15px 0.7em 15px; letter-spacing: 0.1em;}
	.popup h4 {font: bold 1.15em 'PT Sans', Arial, Helvetica, sans-serif; color: #222222; text-align: left; line-height: 1.3em; margin: 0.9em 15px 0.4em 15px;}
	.popup h5 {font: bold 1.2em 'PT Sans Narrow', 'Arial Narrow', Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0.9em 15px 0.6em 15px; letter-spacing: 0.1em;}
	.popup p {font: 1.1em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.3em; margin: 0 15px 0.9em 15px;}


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

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

#footer_bknd {background: #cccccc; width: 100%;}

	#footer {position: relative; width: 1000px; height: 90px; margin: 0 auto; padding: 0; text-align: left; vertical-align: middle; background: #cccccc; 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 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; text-align: left; line-height: 1.2em; margin: 16px 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 '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;}


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

input, select {font: 0.9em 'PT Sans', Arial, Helvetica, sans-serif; color: #555555; vertical-align: middle;}
	input.trans {background: transparent; border: 0;}
	input.tiny {font-size: 0.8em;}
	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;}
textarea {font: 0.9em '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;}
textarea.sm {height: 35px;}
input.submit {font: bold 0.9em 'PT Sans', Arial, Helvetica, sans-serif; color: #005837; background: #ffffff; vertical-align: middle; text-align: center; text-transform: uppercase; letter-spacing: 0.3em; cursor: pointer; padding: 4px 6px 3px 8px; border: 1px solid #005837;}
input.submit:hover {color: #ffffff; background: #005837; border: 1px solid #ffffff;}

#recaptcha_widget_div {margin: auto !important; width: 318px !important;}
#recaptcha_image img {width: auto !important; max-width: none !important;}