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

*	{
	margin:0;
	padding:0;
	font-size:1em
}

html {
	overflow:scroll;	
}

body{
	background-color:#e0e1e1;
	color:#333;
	font-family:arial,sans-serif;
	font-size:12px;
	line-height:18px;
}

img {
	border:0;	
}

h1 {
	font-size:24px;
	font-weight:normal;
	line-height:1.2;
	margin: 15px 0;
}

#contentleft h2 {
	font-size:18px;
	font-weight:normal;
	line-height:1.2;
	margin: 15px 0;
}

/*h3 {
	font-size:16px;
	font-weight:normal;
	line-height:1.2;
	margin: 15px 0;
}*/

hr {
	height: 1px; 
	border-style: none; 
	color: #e0e1e1; 
	background-color: #e0e1e1; 
}


a {
	color:#0162cd;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

ul{
	margin:0px;
	overflow:auto;
}

ul li {
	background-image:url(/images/li_baseline.gif);
	background-repeat:no-repeat;
	background-position: 0 2px;
	list-style-type:none;
	padding-left:25px;
	margin:5px 0;
}

ul ul {
	margin:0 0 0 30px;
	overflow:auto;
}

ul ul li {
	background-image:none;
	list-style-type:circle;
	list-style-position:inside;
	padding-left:25px;
	margin:3px 0;
}

p {
	margin: 1em 0;	
}

/**************************** TOP ****************************/

#topOuterWrapper {
	background-color:#21242d;

}
#topInnerWrapper {
	width:986px;
	margin:0 auto;
}

#logo { 
	padding: 20px 0;
}

#navbar {
	width:986px;
	height:34px;
	background-color:#3d3e43;
}

#navbar ul {
	margin:0;
	background-image: url(/images/navbar.gif);
	list-style-type:none;
	height:34px;
	width:986px;
}

#navbar ul li {
	display: block;
	height:34px;
	float:left;
	background-color:transparent;
	background-image:none;
	padding:0;
	margin:0;
}

#navbar ul li a {
	display: block;
	height:34px;
	width:100px;
}

#navbar ul li a span {
	display: none;
}

#navbar ul li a:hover, #navbar ul li a.active {
	background-image: url(/images/navbar.gif);
}

#navbar a.one {
	width:120px;
	background-position: 0px -34px;
}

#navbar a.two {
	width:125px;
	background-position: -120px -34px;
}

#navbar a.three {
	width:115px;
	background-position: -245px -34px;
}

#navbar a.four {
	width:150px;
	background-position: -360px -34px;
}

#navbar a.five {
	width:110px;
	background-position: -510px -34px;
}

#colorbar {
	background-image: url(/images/colortop.jpg);
	width:986px;
	height:100px;
}

/**************************** HOME TOP ****************************/

#videobox {
	background-color:#e3e3e3;
}
#videoplayer { 
	width:640px;
	height:380px;
	float:left;
}

#latestvideos { 
	background-image:url(/images/bck_latest.jpg);
}

#inthepicture { 
	background-image:url(/images/bck_welcome.jpg);
}

.inthepicture {
	background-color:#e3e3e3;
	background-repeat:no-repeat;
	width:346px;
	height:380px;
	float:left;
}

.inthepicture ul { 
	margin: 49px 0 0 0;
	list-style-type:none;
	background-image:none;
}

.inthepicture ul li{
	background-image:none;
	margin:0;
	padding:0;
}

.inthepicture ul li a {
	display:block;
	width:306px; /*346 - padding*/
	height:45px; /* 50 - padding */
	padding: 5px 0 0 40px;
	background-image:url(/images/li_latest.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	text-decoration:none;
	font-size:14px;
	color:#24242c;
}

.inthepicture ul li a.more {
	background-image:url(/images/li_more.gif);
	padding: 15px 0 0 40px;
	height: 35px; /* 50 - padding */
}

.inthepicture ul li a.more:hover {
	background-color:transparent;
}

.inthepicture ul li a:hover, .inthepicture ul li a.active {
	background-color:#dcdcdc;
}

.inthepicture .subtitle {
	color:#8f8f8f;
	font-size:10px;
}

/**************************** GENERAL ****************************/

#content {
	background-color:#fff;
	background-image:url(/images/bck_content.gif);
	width:986px;
	margin:0 auto;
	overflow:auto;
}

#footer {
	background-color:#21242d;
	color:#636469;
	width:986px;
	/*height:80px;*/
	margin:0 auto;
	font-size:11px;
	line-height:14px;
}

#footer .margin {
	padding: 20px 40px;
}

#footer a {
	color:#9c9ca4;
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/**************************** HOME CONTENT ****************************/

#homeleft {
	background-color:#dddddd;
	background-image:url(/images/bck_left.jpg);
	width:640px;
	height:210px;
	float:left;
}

#homeleft .margin{
	margin:20px;
}

#homeleft .baseline{
	font-size:14px;
	font-weight:bold;
}

#homeleft ul{
	margin:15px 20px 20px 20px;
	font-size:14px;
	color:#24242c;
}

#homeleft ul li {
	background-image:url(/images/li_baseline.gif);
	background-repeat:no-repeat;
	background-position: left center;
	list-style-type:none;
	padding-left:20px;
	margin:15px 0;
}


#homeright {
	background-color:#f0f0f0;
	background-image:url(/images/bck_right.jpg);
	background-repeat:no-repeat;
	background-position: left center;
	width:346px;
	height:210px;
	float:right;
}

#homeright .margin{
	margin: 60px 50px 10px 50px;
}


/**************************** GENERAL CONTENT ****************************/

#contentleft {
	background-color:#ffffff;
	width:640px;
	float:left;
	line-height:1.8em;
	text-align:justify;
}

#contentleft .margin{
	margin: 40px 40px 80px 40px;
}

#contentleft {
	background-color:#ffffff;
	width:640px;
	float:left;
	line-height:1.8em;
	text-align:justify;
}




#contentright {
	width:346px;
	float:right;
}

#contentright .margin{
	margin: 40px;
}


/**************************** RIGHTBOX ****************************/

.rightbox {
}

.rightbox p {
	margin:0;
}

.rightboxmid {
	padding: 0 30px;
	width: 246px;
	text-align: justify;
	margin: 0 auto;
	background-image:url(/images/rightbox/rightbox_mid.jpg);
}

.rightboxtop {
	width:306px;
	height:29px;
	margin: 0 auto;
	background-image:url(/images/rightbox/rightbox_top.jpg);
}

.rightboxbottom {
	width:306px;
	height:29px;
	margin: 0 auto;
	background-image:url(/images/rightbox/rightbox_bottom.jpg);
}


/**************************** STEMMENBANK ****************************/

.voice { font-weight:bold;}