@charset "UTF-8";
/* CSS screen styles for Union Blacks - Jason Fry - 9-8-08 - http://www.humanoidtomutant.com */

/* reset styles for browser consistency */
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
a:link {
color:#000;
}
a:visited {
color:#222;
}
a:active, a:hover, a:focus {
color:#ff0000;
}
#bodcon a:link, #bodtim a:link {
color:#000;
}
#bodcon a:visited, #bodtim a:visited {
color:#222;
}
#bodcon a:active, #bodcon a:hover, #bodcon a:focus, #bodtim a:active, #bodtim a:hover, #bodtim a:focus {
color:#ffff00;
}
#bodpor a:link, #bodlea a:link {
color:#fff;
}
#bodpor a:visited, #bodlea a:visited {
color:#ddd;
}
#bodpor a:active, #bodpor a:hover, #bodpor a:focus, #bodlea a:active, #bodlea a:hover, #bodlea a:focus  {
color:#ffff00;
}
body, select, input, textarea {
	font-size: 70%;
	line-height:1.4;
	font-family: arial, helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;	
}
h1 {
	font-size: 160%;
	margin-bottom:0.4em;
}
h2 {
	font-size: 140%;
	margin-bottom:0.4em;	
}
#bodlea h2 {
	margin-bottom:0;
}
h3 {
	font-size: 120%;
	margin-bottom:0.4em;	
}
p {
	font-size:110%;
	margin-bottom:1.8em;	
}
legend {
	font-size:140%;
	font-weight:bold;
}

/* colors */
.blue {
	background-color:#00a3ee;
}

/* structure styles */
body {
	text-align:left;
}

#container {
	width:840px;
	margin:20px 0 20px 20px;
	text-align:left;
}

/* header styles */
#header {
	margin-left:120px;
}
#header p {
	color:#ffffff;
}

/*navigation styles */
#navigation ul {
	text-align:right;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	list-style-type:none;
	font-size:120%;
	line-height:1.4;
	margin-top:-155px;
	margin-right:7px;
}
#navigation a {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	padding:0.1em 0.2em 0.1em 0.2em;
}
#navigation:link, #navigation a:visited {
	color:#000;
}
#navigation a:hover, #navigation a:focus {
	background-color:#ffffff;
}

#bodpor #navigation a, #bodlea #navigation a {
	color:#000000;
}
#bodpor #navigation a:hover, #bodpor #navigation a:focus, #bodlea #navigation a:hover, #bodlea #navigation a:focus {
	color:#ffffff;
	background-color:#000000;
}

#bodint #navint,
#bodpor #navpor,
#bodlea #navlea,
#bodesh #navesh,
#bodcon #navcon,
#bodvid #navvid,
#bodcom #navcom,
#bodtim #navtim,
#bodvid #navvid {
	color:#fff!important;
}

/* misc styles */
.head1, .head2, .head3 {
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
}
.head1 {
	font-size:180%;
}
.head2 {
	font-size:160%;
}
.head3 {
	font-size:140%;
}
.caps {
	text-transform:uppercase;
}
.boldtext {
	font-weight:bold;
}
blockquote, q {
	display:block;
	font-family: arial, helvetica, sans-serif;
	font-weight:bold;
	quotes:"\201c" "\201d";
	margin-bottom:1em;
}

/*imgnav styles */
#imgnav {
	padding-top:20px;
}
.imagediv {
	width:200px;
	display:block;
	float:left;
	margin-right:8px;
}
.imagediv img {
	display:block;
}
.imagediv p {
	padding:0.6em 0.3em 0 0.3em;
	font-size:90%;
	margin-bottom:0;
}

/* columns styles*/
#content {
	display:block;
	clear:both;
}
#columns {
	padding-top:20px;
	margin-left:120px;
	display:block;
	clear:both;
}

/* columns styles*/
#columns {
	margin-left:120px;
}

#primary {
	width:430px;
	clear:both;
	float:right;
	padding-right:20px;
}
#secondary {
	padding-top:3em;
	width:195px;
}
#thirdwide {
	clear:both;
}
#secondary p {
	font-size:100%;
}
#secondary q {
	font-size:110%;
	font-weight:bold;
}

/* !Portrait styles */
#bodpor h1 {
display:inline;
}
#bodpor p.portpara {
display:inline;
}
#bodpor p.portsecpara {
margin-top:1.8em;
}

/* !portrait navigation styles */
#imgnav {
	margin-left:7px;
	position:relative;
}
#previous, #next {
	position:absolute;
	top:95px;
}
#next {
	right:10px;
}
.controls {
	display:block;
	text-align:center;
	margin-bottom:4px;
	padding-right:46px;
}
#my-glider {
	margin-left:32px;
}
div.scroller {
	width: 766px;
	height: auto;
	overflow: hidden;
}
div.scroller div.section {		
	width:766px;
	height:auto;
	overflow:hidden;
	float:left;		
}
div.scroller div.content {
	width: 10000px;
}
.portraitlist {
list-style-type: none;
}
.portraitlist li {
display:inline;
float:left;
margin-right:5px;
width:80px;
font-size:90%;
}
.portraitlist li a:link, .controls a:link, .controls a:visited {
color:#fff;
}
.portraitlist li a:visited {
color:#ddd;
}
.portraitlist li a:hover, #portraitlist li a:focus, .controls a:hover, .controls a:focus  {
color:#ffff00;
}
.portraitlist li img {
display:block;
}
.imgplus {
text-align:right;
text-decoration:none;
}
/* page area styles - set last to overwrite the cascade*/
/* homepage styles */
#bodhom, #bodabo {
	background-color:#ffffff;
}
#bodhom .head1, #bodhom .head2, #bodhom .head3, #bodabo .head1, #bodabo .head2, #bodabo .head3, #bodint .head1, #bodint .head2, #bodint .head3 {
	color:#F63A33;
}
#bodhom #navigation a, #bodabo #navigation a, #bodint #navigation a{
	color:#000000;
}
#bodhom #navigation a:hover, #bodhom #navigation a:focus, #bodabo #navigation a:hover, #bodabo #navigation a:focus, #bodint #navigation a:hover, #bodint #navigation a:focus {
	color:#ffffff;
	background-color:#000000;
}
#bodhom #content {
	margin-left:120px;
}
#bodhom #navhom, #bodabo #navabo, #bodint #navint {
	color:#F63A33!important;
}
#bodhom #navigation #navhom:hover, #bodhom #navigation #navhom:focus, #bodabo #navigation #navabo:hover, #bodabo #navigation #navabo:focus, #bodint #navigation #navint:hover, #bodint #navigation #navint:focus {
	color: #F63A33;
	background-color: #ffffff;
}
#bodhom #navigation {
	width:200px;
}
#bodhom #navigation ul {
	margin-top:0;
	text-align:left;
}
#bodhom #homepageimage {
	margin-left:320px;
	margin-top:-13.5em;
	padding-bottom:20px;
}
/* !timeline */
#timeline {
border-left:10px solid #ff0000;
padding-left:15px;
}
#timeline dt {
font-size:130%;
font-weight:bold;
float:left;
}
#timeline dd {
line-height:1.4;
margin-bottom:1.4em;
margin-left:11em;
font-size:110%;
}

/*!contact form */
#contactform {
width:440px;
}
#contactform label {
width:110px;
float:left;
display:block;
}
#contactform input {
margin-bottom:3px;
width:323px;
}
#contactform textarea {
width:327px;
}
#contactform button {
margin-top:5px;
float:right;
padding:2px 4px;
}
#contactform .reqtext {
float:right;
clear:both;
}
#contactform .missingfield {
color:#ffff00;
font-weight:bold;
}
/* !footer styles */

#footer {
font-size:90%;
width:640px;
clear:both;
display:block;
border-top:2px solid #666;
margin:0 60px 0 180px;
padding-top:10px;
text-align:center;
}
#footer #footerlinks {
display:block;
list-style-type:none;
text-align:center;
padding-bottom:10px;
}
#footer #footerlinks li {
display:inline;
border-right:1px solid #666;
padding:0 10px;
}
#footer #footerlinks .firstlink {
padding:0 10px 0 0;
}
#footer #footerlinks .lastlink {
border-right:none;
padding:0 0 0 10px;
}
.copyright {
font-size:80%;
}

/* !image styles */
.rightimage {
float:right;
margin-left:10px;
margin-bottom:10px;
}

/* !other page styles */
/* !about */

/*#bodabo {
	background-color:#149b9b;
}
#bodabo #navigation a:hover, #bodabo #navigation a:focus {
	color:#149b9b;
	background-color:#000000;
}
#bodabo #navigation #navabo:hover, #bodabo #navigation #navabo:focus {
	color: #ffffff;
	background-color: #149b9b;
} */
/* !contact */
#bodcon {
	background-color:#149b9b;
}
#bodcon #navigation a:hover, #bodcon #navigation a:focus {
	color:#149b9b;
	background-color:#000000;
}
#bodcon #navigation #navcon:hover, #bodcon #navigation #navcon:focus {
	color: #ffffff;
	background-color: #149b9b;
}

/* !video */
#bodvid {
	background-color:#149b9b;
}
#bodvid #navigation a:hover, #bodvid #navigation a:focus {
	color:#149b9b;
	background-color:#000000;
}
#bodvid #navigation #navvid:hover, #bodvid #navigation #navvid:focus {
	color: #ffffff;
	background-color: #149b9b;
}
/* !timelinebodnav */
#bodtim {
	background-color:#149b9b;
}
#bodtim #navigation a:hover, #bodtim #navigation a:focus {
	color:#149b9b;
	background-color:#000000;
}
#bodtim #navigation #navtim:hover, #bodtim #navigation #navtim:focus {
	color: #ffffff;
	background-color: #149b9b;
}
/* !introduction */
/*#bodint {
	background-color:#cb9a9d;
}
#bodint #navigation a:hover, #bodint #navigation a:focus {
	color:#cb9a9d;
	background-color:#000000;
}
#bodint #navigation #navint:hover, #bodint #navigation #navint:focus {
	color: #ffffff;
	background-color: #cb9a9d;
}*/
/* !learning zone */
#bodlea {
	background-color:#c7341d;
}
#bodlea #content p, #bodlea #content h1, #bodlea #content q {
	color:#ffffff;
}
#bodlea #navigation a:hover, #bodlea #navigation a:focus {
	color:#c7341d;
	background-color:#000000;
}
#bodlea #navigation #navlea:hover, #bodlea #navigation #navlea:focus {
	color: #ffffff;
	background-color: #c7341d;
}
/* !portraits */
#bodpor {
	background-color:#c7341d;
}
#bodpor #content p, #bodpor #content h1, #bodpor #content q {
	color:#ffffff;
}
#bodpor #navigation a:hover, #bodpor #navigation a:focus {
	color:#c7341d;
	background-color:#000000;
}
#bodpor #navigation #navpor:hover, #bodpor #navigation #navpor:focus {
	color: #ffffff;
	background-color: #c7341d;
}
#bodabo {
background-image:url(/images/about/garrison-fade.jpg);
background-repeat:no-repeat;
background-position: 0 110px;
}
#bodint {
background-image:url(/images/introduction/peter-fry-bg.jpg);
background-repeat:no-repeat;
background-position: 0 80px;
}
#bodlea.quiz {
background-image:url(/images/learningzone/bg.jpg);
background-repeat:no-repeat;
background-position: 0 50px;
}
form {
margin-bottom:20px;
}
.video {
width:45%;
float:left;
margin:10px 36px 20px 0;
}
.zoomtext {
font-size:80%;
margin:0;
padding:0;
}