/* `Basic HTML
----------------------------------------------------------------------------------------------------*/

body {font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 20px; font-weight: normal; height: 900px;}
a {text-decoration: none; color: #000000; font-weight: normal;}
a:hover {text-decoration: underline;}
a:active {font-weight: bold; text-decoration: none;}


/* `Headings
----------------------------------------------------------------------------------------------------*/

h1 {font-size: 22px; line-height: 24px; color: #ffcf56;}

.debug {outline: solid green 1px;} 
.side, .main {float: left; height: 100%;}
.side {opacity: 0.4;}
	.side:hover {opacity: 1.0;}
	.side.left:hover {opacity: .3 !important;}
	.side .header img {margin-left: -6px;}
.main .header, .side .header { width: 100%; clear: left; height: 132px;}


.section {border-top: 2px solid #000000; padding-top: 32px; }
	.section p {-webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;}
	.main .section {border-top: 2px solid #ffcf56;}
	.side .section {border-top: 2px solid #999999;}
	.section .highlight {margin-bottom: 32px;}
	.section .form h2 {font-style: italic; color: #000000; font-weight: bold;}
.info {padding-top: 32px;}

.square {opacity: 0.8; min-width: 144px;}
	.square a {display: block; max-width: 128px; min-width: 128px; height: 128px; float: left; background-color: #ffcf56; padding:8px; overflow: hidden; margin-top: 4px;}
	.section.press .square a {background-color: #bbbbbb;}
	.square a:hover {text-decoration: none;}
	.square h3 {font-weight: normal; color: #ffffff;}
	.square:hover {opacity: 1.0;}
	.square:hover a h3 {font-weight: bold;}
		.section.press .square:hover a h3 {font-weight: normal;}
.video {margin-bottom: 16px}
.video iframe {padding: 8px 0px 4px 0px;}