/* $Id: screen.css,v 1.10 2006/09/05 10:12:00 cvsdef Exp $ */
/** Center **/
html, body {
	height: auto;
}

body {
	margin: 30px 0 0 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

	body, table, input, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: #000;
}

#center {
	height: auto;
	width: 100%;
}
	
/** Mac IE5 hack \*/
html, body {
	height: 100%;
}

body {
	margin: 0px 0px 0px 0px;
}

#center {
	height: 100%;
	width: 100%;
}
/** end **/


#center #centertd {
	text-align: center;
	vertical-align: middle;
	padding: 0;
	margin: 0;
}

#container {
	margin: 0px auto;
	width: 900px;
	/*height: 503px;*/
	text-align: left;
	/*background-color: #970c14;*/
}

#container.slideshow {
	/*height: 420px;*/
	background-color: #970c14;
}

*html #container.slideshow {
	/*height: 420px;*/
}

#left {
	float: left;
	width: 208px;
	border-right: 1px solid #000;
	/*background-color: #970c14;*/
}

#right {
	float: left;
	width: 691px;
	/*height: 503px;*/
}

#container.slideshow #left, #container.slideshow #right {
	/*height: 420px;*/
}

/** admin **/

body.admin, body.admin #center, body.admin #container, body.admin #right {
	height: auto;
}

body.admin #center #centertd {
	vertical-align: top;
}

/** GLOBAL **/
a img {
	border: none;
}

a {
	text-decoration: none;
	color: #970c14;
}

a:hover {
	color: #000;
}

h1 {
	font-size: 14px;
	margin: 0 0 5px 0;
	font-weight:bold;
	text-transform:uppercase;
	font-family: arial;
}

h2 {
	font-size: 12px;
	margin: 0;
}

.img-left {
	float: left;
	clear: both;
	padding: 0 10px 0 0;
}
.img-right {
	float: right;
	clear: both;
	padding: 0 0 0 10px;
}

/** LEFT **/
#left #logo {
	height: 70px;
	background-color: #fff;
}

#left #directors-head {
	background-color: #970c14;
	font-size: 15px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-weight: bold;
	padding: 50px 22px 0 22px;
	height: 45px;
}

#left #directors {
	padding: 15px 20px;
}

#left #directors ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	border-bottom: 1px solid #000;
}

#left #directors ul li {
	border-top: 1px solid #000;
	padding: 0 0 0 2px;
}

#left #directors ul li a {
	color: #000;
	display: block;
	padding: 5px 0 5px 11px;
	text-decoration: none;
	background: url(../images/arrow_black.gif) 0% 50% no-repeat;
	font-size: 10px;
	font-family: arial;
}

#left #directors ul li a:hover, #left #directors ul li a.active {
	color: #970c14;
	background-image: url(../images/arrow_red.gif);
}

#container.slideshow #left #directors ul li a:hover, #container.slideshow #left #directors ul li a.active {
	color: #aaa;
	background-image: url(../images/arrow_grey.gif);
}

/** RIGHT **/
#right #menu {
	height: 70px;
	padding: 0 0 -2px 0;
	border-bottom: 95px solid #970c14;
	background-color: #fff;
}
#right #menu ul {
	padding: 45px 0 0 0;
	margin: 0;
	list-style-type: none;
	font-family: arial, helvetica, verdana, sans-serif;
}
#right #menu ul li {
	float: left;
	padding: 0 0 0 15px;
}
#right #menu ul li a {
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 10px;
	background: url(../images/arrow_black.gif) 0% 50% no-repeat;
}
#right #menu ul li a.active, #right #menu ul li a:hover {
	color: #970c14;
	background-image: url(../images/arrow_red.gif);
}
#content {
	padding: 15px;
}
#container.slideshow #content {
	padding: 50px 0 0 33px;
}
#content.narrow {
	width: 500px;
}
#content p {
	line-height: 14px;
	margin: 5px 0 10px 0;
}

.director-head {
	display: inline;
}
.director-links {
	display: inline;
	padding: 0 0 0 5px;
}
.director-links a {
	margin: 0 0 0 20px;
}

.director-videos {
	margin: 20px 0 0 0;
}
.director-videos td {
	vertical-align: top;
}
.director-videos .thumb {
	width: 150px;
	padding: 0 10px 16px 0;
}
.director-videos .text {
	width: 220px;
	padding: 0 10px 10px 0;
}
.director-videos .text h3 {
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.director-videos .text p {
	padding: 4px 0;
	margin: 0;
}
a.arrow-red {
	padding: 0 0 0 10px;
	background: url(../images/arrow_red.gif) 0% 51% no-repeat;	
}
a.arrow-red:hover {
	background-image: url(../images/arrow_black.gif);	
}
.input-boxtext {
	color: #970c14;
}
.newsletter-buttons {
	width: 250px;
}

/** Input styles **/
.input-text-login {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #919191;
	padding: 1px;
	width: 200px;
}

.input-text-view, .input-text-newsletter {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #919191;
	padding: 1px;
	width: 250px;
}

.input-but {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	background-color: #fff;
	margin-top: 5px;
}

/* site specific styles */

.contact a{
	background: url(../images/arrow_red.gif) 0% 60% no-repeat;
	padding-left:10px;
}

.contact a:hover, .contact a:active{
	background: url(../images/arrow_black.gif) 0% 60% no-repeat;
	
}