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

body {
	margin: 0px;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #DDD;
	background-color: #000;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-image: url(../web_pics/backgrounds/gradient_2000.png);
	background-repeat: repeat;
	line-height: 22px;
}

div.layout {
	display: block;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#navbar {
	float: left;
	width: 100%;
	overflow: hidden;
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	display: block;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	border: 0px none #000;
}

#navbar ul
{
	clear:left;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	left:50%;
	text-align:center;
}

#navbar ul li {
	display:block;
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	position:relative;
	right:50%;
}

a.button {
	color: #DDD;
	display: block;
	float: left;
	height: 30px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-color: transparent;
	background-attachment: scroll;
	background-image: url(../web_pics/interface/button_black1_bothStates_rightSide_v2.png);
	background-repeat: no-repeat;
	background-position: top right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	outline: none; /* hide dotted outline in Firefox */
}

a.button span {
	display: block;
	float: left;
	line-height: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../web_pics/interface/button_black1_bothStates_span_v2.png);
	background-repeat: no-repeat;
	background-position: top left;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
} 


a.button:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

a.button:active span {
    background-position: bottom left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	text-decoration: none;
} 

a.button_current {
	color: #000;
	display: block;
	float: left;
	height: 30px;
	text-decoration: none;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../web_pics/interface/button_gray_bothStates_rightSide.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	outline: none; /* hide dotted outline in Firefox */
}

a.button_current span {
	color: #000;
	display: block;
	float: left;
	line-height: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 14px;
	font-weight: bold;
	background-color: transparent;
	background-image: url(../web_pics/interface/button_gray_bothStates_span.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
} 

a.button_current:active {
	background-position: top right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
	text-decoration: none;
}

a.button_current:active span 
{
    background-position: top left;
	padding-top: 6px;
	padding-right: 0px;
	padding-bottom: 9px;
	padding-left: 10px;
	text-decoration: none;
}

.h1_centered {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	line-height: 30px;
	text-align: center;
}

h1, .h1_left
{
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
}

h2 {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	vertical-align: top;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}

.h2_centered {
	font-size: 20px;
	font-style: italic;
	font-weight: bold;
	font-variant: normal;
	vertical-align: top;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-align: left;
	vertical-align: top;
	line-height: 20px;
	margin: 0px;
	padding: 0px;
}

.h3_centered {
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	vertical-align: top;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

hr
{
	background-image: url(../web_pics/interface/horizontal_rule.png);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: center;
	border: 0px solid transparent;
	display: block;
	clear: both;
	float: none;
	height: 4px;
	width: 600px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	outline: none; /* hide dotted outline in Firefox */
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;

}

a:link {
	color: #EEE;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

a:visited {
	color: #EEE;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #FFF;
	outline: none;
	font-weight: bold;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a:active {
	text-decoration: underline;
	outline: none;
	color: #FFF;
	font-weight: bold;
}

:focus {outline:none;}

div.image_big {
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

div.text_block {
	display: block;
	float: none;
	clear: both;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.text_block_centered, div.text_centered
{
	display: block;
	float: none;
	clear: both;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.table_centered
{
	display: block;
	float: none;
	clear: both;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position:relative;
	left:110px;
}


div.text_block_narrow
{
	display: block;
	float: none;
	clear: both;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

div.vid_854 {
	display: block;
	position: relative;
	float: none;
	clear: both;
	height: 480px;
	width: 854px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	z-index: 100;
	border: 0px none #000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	text-align: center;
}

div.columnBox {
	display: block;
	position: relative;
	left: 0px;
	clear: both;
	float: left;
	width: 800px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	border: 0px none #000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/*div.columnBox {
	display: block;
	position: relative;
	left: 200px;
	clear: both;
	float: left;
	width: 459px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	border: 0px none #000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
*/
.columnBox a:link {
	color: #EEE;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

.columnBox a:hover {
	color: #FFF;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

.columnBox a:active {
	color: #FFF;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

.columnBox a:visited {
	color: #EEE;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}


.columnBoxRow
{
	width: 459px;
	height: 126px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


.columnBoxLeft
{
	position: relative;
	width: 159px;
	height: 126px;
	float: left;
	padding: 0px;
	margin: 0px;
	clear: both;
	text-align: right;
	vertical-align: middle;
}

ul.columnBoxRow li.columnBoxLeft
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 126px;
	width: 159px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
}

ul.columnBoxRow li.columnBoxLeft:hover
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 126px;
	width: 159px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

ul.columnBoxRow li.columnBoxLeft a:hover, ul.columnBoxRow li.columnBoxLeft a:active
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 126px;
	width: 159px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

.columnBoxRight 
{
	position: relative;
	width: 390px;
	height: 126px;
	float: left;
	padding: 0px;
	clear: none;
	text-align: left;
}


ul.columnBoxRow li.columnBoxRight
{
	float: left;
	text-align: left;
	list-style: none;
	height: 126px;
	width: 280px;
	margin: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}

.image_box 
{
	width: 795px;
	height: 504px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.image_box_6rows 
{
	width: 795px;
	height: 756px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.image_box_2rows 
{
	width: 795px;
	height: 252px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.image_box_1row 
{
	width: 795px;
	height: 126px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

ul
{
	padding: 0px;
	margin: 0px;
}

/* The wider the #list_wrapper is, the more columns will fit in it */
#list_wrapper 
{
    width: 795px;
}

/* The wider this li is, the fewer columns there will be */
ul.image_box_columns li
{
	display: block;
	float: left;
	list-style: none;
	height: 126px;
	width: 159px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
}

ul.image_box_columns li:hover
{
	display: block;
	float: left;
	list-style: none;
	height: 126px;
	width: 159px;	
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

ul.image_box_columns li a:hover
{
	display: block;
	float: left;
	list-style: none;
	height: 126px;
	width: 159px;	
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

ul.image_box_columns li a:active
{
	display: block;
	float: left;
	list-style: none;
	height: 126px;
	width: 159px;	
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

img.thumbnailVideo
{
	height: 100px;
	width: 133px;
	margin: 13px;
	padding: 0px;
	z-index: 100;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
	text-align: right;
}

img.thumbnailRadio
{
	height: 145px;
	width: 145px;
	margin: 13px;
	padding: 0px;
	z-index: 100;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
	text-align: right;
}

img.thumbnail
{
	display: block;
	position: relative;
	height: 100px;
	width: 133px;
	margin: 13px;
	padding: 0px;
	z-index: 100;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
}

.image_border_black_15px {
	border: 15px solid #000;
}

.image_border_black_5px {
	border: 5px solid #000;
}








div.columnBox2 {
	display: block;
	position: relative;
	left: 200px;
	clear: both;
	float: left;
	width: 500px;
	height: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	border: 0px none #000;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.columnBox2 a:link {
	color: #EEE;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}

.columnBox2 a:hover {
	color: #FFF;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

.columnBox2 a:active {
	color: #FFF;
	text-decoration: underline;
	outline: none;
	font-weight: bold;
}

.columnBox2 a:visited {
	color: #EEE;
	text-decoration: none;
	outline: none;
	font-weight: bold;
}


.columnBox2Row
{
	width: 500px;
	height: 175px;
	text-align: center;
	position: relative;
	display: block;
	clear: both;
	z-index: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}


.columnBox2Left
{
	position: relative;
	width: 175px;
	height: 175px;
	float: left;
	padding: 0px;
	margin: 0px;
	clear: both;
	text-align: right;
	vertical-align: middle;
}

ul.columnBox2Row li.columnBox2Left
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 175px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
}

ul.columnBox2Row li.columnBox2Left:hover
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 175px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

ul.columnBox2Row li.columnBox2Left a:hover, ul.columnBox2Row li.columnBox2Left a:active
{
	display: block;
	float: left;
	text-align: right;
	list-style: none;
	height: 175px;
	width: 175px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	background-color: #222;
	outline: none; /* hide dotted outline in Firefox */
}

.columnBox2Right 
{
	position: relative;
	width: 390px;
	height: 160px;
	float: left;
	padding: 0px;
	clear: none;
	text-align: left;
}


ul.columnBox2Row li.columnBox2Right
{
	float: left;
	text-align: left;
	list-style: none;
	height: 160px;
	width: 280px;
	margin: 0px;
	border: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-left-style: none;
	outline: none; /* hide dotted outline in Firefox */
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}