@font-face {

	font-family: SCS_Serif;
	src: url('Bernhard Modern Roman.ttf');
}

body {

	width:							1000px;
	padding:							32px;
	background:						#F0FFF0;
	padding-top:					8px;
	padding-bottom: 				8px;
	padding-right: 					8px;
	padding-left: 					8px;
	font-family: 					Helvetica, Sans-serif;
	font-size: 						14px;
	line-height: 					24px;
}

a {
	color:							Green;
	text-decoration:				none;
}
	
p, td {

	font-family: 					Helvetica, Sans-serif;
	font-size: 						14px;
	line-height: 					24px;
}

p.fancy:first-letter {

	font-size:						180%;
	letter-spacing: 				0em;
	word-spacing: 					.3em;

}

strong {

	font-weight: 					bold;
}


#header_image {
	clear:				both;
	float:				left;
}

#header_text {
	float:				right;
	width:				80%;
	font-family:		SCS_Serif, Serif;
	font-size : 		240%;
	letter-spacing: 	.2em;
	text-align:			left;
	margin-top:			100px;
	margin-left:		32px;

}

#header_subtext {
	clear:				right;
	float:				right;
	width:				80%;
	font-family:		SCS_Serif, Serif;
	font-size : 		160%;
	letter-spacing: 	.2em;
	text-align:			left;
	margin-top:			16px;
	margin-left:		32px;

}

#header_menu {
	clear:							both;
	float:							left;
	width:							100%;
}
		
#content  {
	clear: 							both;
	float:							left;
	width:							100%;
	text-align:						left;
	margin: 						0px;
	padding-top: 					12px;
	padding-left: 					32px;
	padding-right: 					32px;
	padding-bottom: 				12px;
}

#_button {
	float:							left;
	font-family:					sans-serif;
	text-align:						center;
	font-size:						80%;
	margin:							12px;
}

#_button_right {
	clear: 							right;
	float:							right;
	font-family:					sans-serif;
	text-align:						center;
	font-size:						80%;
	margin:							8px;
}

#button {
	border-radius:					12px;
}

p.title {

	font-family:					SCS_Serif, Serif;
	font-size : 					200%;
	font-variant: 					small-caps;
	font-weight:					bold;
	text-decoration:				underline;
	letter-spacing: 				.2em;
	padding-top: 					12px;
	padding-bottom: 				12px;
}

p.button_large {

	font-variant: small-caps;
	font-size : 200%;
	letter-spacing: .3em;
}

p.button_medium {

	font-variant: small-caps;
	font-size : 160%;
	letter-spacing: .2em;
}

p.button_small {

	font-variant: small-caps;
	font-size : 120%;
	letter-spacing: .2em;
}

p.invisibles {

	font-size: 0pt;
	line-height: 0pt;
	color: #ffffff;
}

p.infitesimals {

	font-size: .6em;
	line-height: .8em;
	color: #white;
}

/*

	Beautiful, exquisitely rounded navigation tabs by Chris Coyier
	
	http://css-tricks.com/better-tabs-with-round-out-borders/
	
*/

.tabrow  {

	position: 						relative;
	height: 						26px;
	overflow: 						hidden;
	font-family: 					Helvetica, Sans-serif;
	font-size: 						12px;
	line-height: 					24px;
	text-align: 					left;
	list-style: 					none;
	margin: 						20px 0 20px;
	padding: 						0;
}

.tabrow li  {

	border: 				1px solid #AAA;
	background: 			#AAEEAA;
	background: 			-o-linear-gradient(top, #EEFFEE 50%, #AACCAA 100%);
	background: 			-ms-linear-gradient(top, #EEFFEE 50%, #AACCAA 100%);
	background: 			-moz-linear-gradient(top, #EEFFEE 50%, #AACCAA 100%);
	background: 			-webkit-linear-gradient(top, #EEFFEE 50%, #AACCAA 100%);
	background: 			linear-gradient(top, #EEFFEE 50%, #AACCAA 100%);
	display: 				inline-block;
	position: 				relative;
	z-index: 				0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 			0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 			0 1px #fff;
	margin: 				0 -5px;
	padding: 				0 20px;
}

.tabrow a  {

	  color: 				Green;
	  text-decoration: 		none;
}

.tabrow:before  {

	position: 				absolute;
	content: 				" ";
	width: 					100%;
	bottom: 				0;
	left: 					0;
	border-bottom: 			1px solid #aaa;
	z-index: 				1;
}

.tabrow li:before,.tabrow li:after  {

	border: 1px solid #aaa;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}

.tabrow li:before  {

	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #d1d1d1;
}

.tabrow li:after  {

	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #d1d1d1;
}

.tabrow li.selected  {

	background:					#AAEEAA;
	z-index: 					2;
	color:						Black;
	border-bottom-color: 		Green;
}

.tabrow li.selected:before  {

	box-shadow: 2px 2px 0 #AAEEAA;
}

.tabrow li.selected:after  {

	box-shadow: -2px 2px 0 #AAEEAA;
}