@charset "UTF-8";
/* CSS Document */

/*HTML*/
body{
	margin:0px;
	background-color:#E6DCCF;
	font-family:"Trebuchet MS", Verdana, Helvetica, Arial, sans-serif, Optima;
	font-size:.9em;
}
a img{
	border:none;
}
a {
	color:#B22024;
}
a:link {color: #B22024}
a:visited {color: #004E7C}
a:hover {color: #FEBE10}
a:active {color: #B22024}
h1{
	text-align:right;
}
#right-content p{
	padding-left:25px;
}

/*DIVS*/
/*HEADER holds the entire top portion of the site, including TOP-LOGO*/
#header{
	position:absolute;
	top:0px;
	height:75px;
	width:100%;
}
/*TOP-LOGO holds the logo and catch phrase*/
#top-logo{
	position:absolute;
	bottom:0px;
	left:50%;
	width:800px;
	height:75px;
	margin-left:-400px;
}
/*CONTENT is the div that holds TOP and BOTTOM-SPACERS and the LEFT-MENU and RIGHT-CONTENT*/
#content{
	position:absolute;
	top:75px;
	height:483px;
	width:100%;
	background-color:#FFFFFF;
}
/*TOP-SPACER is a 4px high image for the top border*/
#top-spacer{
	position:relative;
	background-image:url(../images/border_top.png);
	background-repeat:repeat-x;
	height:4px;
	width:100%;
	clear:both;
}
/*MAIN-CONTENT is the div that holds both the LEFT-MENU and RIGHT-CONTENT areas*/
#main-content{
	position:relative;
	height:475px;
	width:850px;
	left:50%;
	margin-left:-425px;
	/*overflow:hidden;*//*It was hiding the menu*/
}
/*LEFT MENU is the navigation*/
#left-menu{
	top:-25px;
	float:left;
	width:175px;
}
	#left-menu ul{
		list-style:none;
		margin-left:0px;
		padding-left:0px;
		left:0px;
	}
	#left-menu li{
		margin-bottom:8px;
		font-weight:bold;
		font-size:105%;
	}
	#left-menu img{
		margin-right:6px;
	}
	#left-menu a{
		text-decoration:none;
	}
	#left-menu a:hover{
		text-decoration:none;
	}

#left-bottom{
	position:absolute;
	bottom:0px;
	margin-left:-94px;
}
/*RIGHT-CONTENT is where the bulk of information is presented*/
#right-content{
	position:relative;
	float:left;
	width:675px;
	height:475px;
	/*
	background-image: url(../images/main_back.png);
	background-position:top right;
	background-repeat:no-repeat;*/
	overflow:auto;
}
/*Video*/
#video{
	position:relative;
	margin-left:25px;
	width:625px;
	height:288px;
	overflow:hidden;
	border:1px solid #CCC;
}
#vimeo{
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
	width:480px;
	height:288px;
}
/*Video TOC*/
#video-toc{
	position:absolute;
	font-size:.85em;
	top:0px;
	left:481px;
	width:144px;
	height:288px;
	overflow:auto;
	background-color:#E6DCCF;
}
#video-toc a{
	font-weight:bold;
	text-decoration:none;
}
#video-toc a:hover{
	text-decoration:none;
}
	#video-toc ul{
		left:0px;
		margin:0px;
		padding:0px;
		list-style:none;
	}
	#video-toc li{
		padding:8px;
		border-bottom:1px solid #CCC;
	}
/*BOTTOM-SPACER is a 4px high image for the bottom border*/
#bottom-spacer{
	position:relative;
	background-image:url(../images/border_bottom.png);
	background-repeat:repeat-x;
	height:4px;
	width:100%;
	clear:both;
}
/*BOTTOM-LOGO holds the logos that appear below the BOTTOM-SPACER*/
#bottom-logo{
	position:relative;
	left:50%;
	width:800px;
	height:50px;
	margin-left:-400px;
}

/*FLOATS designated for image floats in the TOP-LOGO and BOTTOM-LOGO*/
#bottom-left, #top-left{
	float:left;
}
#bottom-right, #top-right{
	float:right;
}

/*Absolutely positioned area at bottom of screen*/
#footer{
	position:fixed;
	bottom:0px;
	height:50px;
	left:50%;
	width:500px;
	margin-left:-250px;
	/*Centered bottom image removed*/
	/*background-image: url(../images/now_available.png);
	background-repeat:no-repeat;
	background-position:center;*/
}

/*CLASSES*/
.tinytext{
	font-size:80%;
}
.h1-title{
	margin-top:-8px;; margin-bottom:-55px;
}
a.menu:link img, a.menu:visited, a.menu:hover, a.menu:active img {
border: none;
}
.card{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:normal;
}
.phrase{
	position:relative;
	width:auto;
}
.phrase img{
	margin-right:2px;
}