@charset "utf-8";

/*************************/
/* Default page settings */
/*************************/

body {text-align:center; background: url(images/bg.gif) #fff; font: 16px/100% Georgia, Times, serif; color: #333333; margin:0px; padding:0px;}


P {
	COLOR: #333; PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 92%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
P.large {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 122%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 112%; FONT-WEIGHT: normal; PADDING-TOP: 5px
}
P.small {
	PADDING-BOTTOM: 2px; LINE-HEIGHT: 13px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 77%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
P.intro {
	PADDING-BOTTOM: 2px; LINE-HEIGHT: 28px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 115%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}

#column_a P {
	PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 92%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}

#column_b P {
	PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 92%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}


IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BEHAVIOR: url(iepngfix.htc); BORDER-RIGHT-WIDTH: 0px
}
EM {
	FONT-STYLE: italic
}
I {
	FONT-STYLE: italic
}
B {
	FONT-WEIGHT: bold
}
STRONG {
	FONT-WEIGHT: bold
}

A {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-DECORATION: none
}
A:link {
	COLOR: #598925
}
A:visited {
	COLOR: #598925
}
A:hover {
	COLOR: #535353
}
A:active {
	COLOR: #535353
}
.alert_box {
	BORDER-RIGHT: #aaaa81 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #aaaa81 1px solid; PADDING-LEFT: 15px; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 20px; BORDER-LEFT: #aaaa81 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #aaaa81 1px solid; BACKGROUND-COLOR: #ffffdc
}
.button_no_border {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BACKGROUND-COLOR: transparent; BORDER-RIGHT-WIDTH: 0px
}
.clear {
	CLEAR: both
}
.left {
	FLOAT: left
}
.right {
	FLOAT: right
}



.search_input {
	BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 1px; PADDING-LEFT: 0px; WIDTH: 132px; PADDING-RIGHT: 0px; BACKGROUND: #fff; FONT-SIZE: 11px; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 1px
}


/*******************/
/* Global Settings */
/*******************/

#container_fullwidth {
	WIDTH: 100%
}
#container {
	BORDER-RIGHT: #e0e1e1 1px solid; PADDING-RIGHT: 20px; PADDING-LEFT: 20px; BACKGROUND: #ffffff; PADDING-BOTTOM: 10px; MARGIN: 0px auto; BORDER-LEFT: #e0e1e1 1px solid; WIDTH: 942px; PADDING-TOP: 10px; TEXT-ALIGN: left
}

#header {
	PADDING-RIGHT: 0px; DISPLAY: inline-block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; PADDING-TOP: 0px; BORDER-BOTTOM: #c1c1c1 1px solid; WIDTH: 100%;
}
#brand {
	BORDER-TOP: #c1c1c1 1px solid; xxxBACKGROUND: url(images/mbk_logo_color.gif) no-repeat right top; MARGIN: 0px; BORDER-BOTTOM: #c1c1c1 1px solid
}
#brand .tagline {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 85%; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 244px; PADDING-TOP: 36px;  FONT-STYLE: italic
}
#logo {
	BACKGROUND: url(images/div_v.gif) repeat-y right top; FLOAT: left; MARGIN: 12px 0px; WIDTH: 350px
}


#tools {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 8px; MARGIN: 0px 0px -15px; FONT: 77% Helvetica, Arial, Verdana, sans serif; WIDTH: 100%; COLOR: #535353; PADDING-TOP: 5px; TEXT-ALIGN: right
}
#tools .item {
	PADDING-RIGHT: 0px; PADDING-LEFT: 25px; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 10px; FONT: 77% bold Helvetica, Arial, Verdana, sans serif; PADDING-TOP: 0px; POSITION: relative; TEXT-ALIGN: right
}
#tools .item A {
	FONT-WEIGHT: normal; COLOR: #535353
}
#tools .item .align {
	VERTICAL-ALIGN: -30%
}
#tools .item .button_align {
	VERTICAL-ALIGN: -2px
}


#main_body .item .more {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; FONT: bold 11px Helvetica, Arial, Verdana, sans serif; BACKGROUND: url(../_images/current/arrow.gif) no-repeat 100% 40%; COLOR: #7d5d9d; PADDING-TOP: 0px; _padding: 0 8px 0 0
}
.more_noarrow {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; FONT: bold 11px Helvetica, Arial, Verdana, sans serif; COLOR: #7d5d9d; PADDING-TOP: 0px; _padding: 0 8px 0 0
}
#main_body .item .more_noarrow {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 12px; FONT: bold 11px Helvetica, Arial, Verdana, sans serif; COLOR: #7d5d9d; PADDING-TOP: 0px; _padding: 0 8px 0 0
}

#main_body {
	PADDING-BOTTOM: 20px; FONT-SIZE: 100%; FONT-WEIGHT: normal
}
H1 {
	COLOR: #666666; FONT-WEIGHT: normal
}
H2 {
	COLOR: #666666; FONT-WEIGHT: normal
}
H3 {
	COLOR: #666666; FONT-WEIGHT: normal
}
H4 {
	COLOR: #666666; FONT-WEIGHT: bold
}
#main_body H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 360%; PADDING-TOP: 0px
}
#main_body H1 A {
	FONT-WEIGHT: normal
}
#main_body H2 {
	PADDING-BOTTOM: 0px;  LINE-HEIGHT: 110%; MARGIN: 0px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 160%; PADDING-TOP: 0px
}
#main_body H4 {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 120%; MARGIN:0px 0px 5px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 120%; PADDING-TOP: 0px
}
#main_body H2.border4 {
	BORDER-BOTTOM: #e0e1e1 4px solid; MARGIN-BOTTOM: 5px
}
#main_body H2.border {
	BORDER-BOTTOM: #e0e1e1 1px solid
}
#main_body H3.border {
	BORDER-BOTTOM: #e0e1e1 1px solid; MARGIN-BOTTOM: 10px; FONT-SIZE: 160%; FONT-WEIGHT: normal
}
#main_body H3.noborder {
	MARGIN-BOTTOM: 10px; FONT-SIZE: 160%; FONT-WEIGHT: normal
}
#main_body H3.alternate {
	COLOR: #333
}
#main_body H3.firsttitle {
	FONT-SIZE: 36px
}
#main_body H3.firstsubtitle {
	FONT-SIZE: 16px
}
#main_body H3.title {
	FONT-SIZE: 24px
}
#main_body H3.subtitle {
	FONT-SIZE: 16px
}
#main_body P {
	PADDING-BOTTOM: 9px; LINE-HEIGHT: 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 92%; FONT-WEIGHT: normal; PADDING-TOP: 9px
}
#main_body P.large {
	PADDING-BOTTOM: 5px; LINE-HEIGHT: 122%; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 112%; FONT-WEIGHT: normal; PADDING-TOP: 9px
}
#main_body P.small {
	PADDING-BOTTOM: 9px; LINE-HEIGHT: 13px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 77%; FONT-WEIGHT: normal; PADDING-TOP: 9px
}
#main_body P.intro {
	PADDING-BOTTOM: 9px; LINE-HEIGHT: 28px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 115%; FONT-WEIGHT: normal; PADDING-TOP: 9px
}
#main_body .about .credit {
	
}
#main_body UL {
	PADDING-BOTTOM: 12px; LINE-HEIGHT: 18px; LIST-STYLE-TYPE: disc; MARGIN: 0px 0px 0px 20px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; COLOR: #333333; FONT-SIZE: 85%; PADDING-TOP: 4px
}
#main_body LI {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 12px; PADDING-RIGHT: 0px; PADDING-TOP: 5px
}
#main_body LI P {
	FONT-SIZE: 100%
}
#main_body H1 A {
	FONT-WEIGHT: normal
}
#main_body H2 A {
	FONT-WEIGHT: normal
}
#main_body H3 A {
	FONT-WEIGHT: normal
}
#main_body P A {
	FONT-WEIGHT: bold
}
#main_body UL {
	FONT-WEIGHT: bold
}
#main_body LI {
	FONT-WEIGHT: bold
}

#main_body .subnav_image {
	float:left; text-align:left; PADDING-TOP: 0px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 20px; TEXT-TRANSFORM: uppercase; MARGIN: 0px; FONT: bold 100% Helvetica, Arial, Verdana, sans serif; LETTER-SPACING: 2px; COLOR: #333333; 
}
#main_body .subnav_head {
	text-align:left; PADDING-TOP: 5px; PADDING-BOTTOM: 5px; PADDING-LEFT: 15px; TEXT-TRANSFORM: uppercase; MARGIN: 0px; FONT: bold 100% Helvetica, Arial, Verdana, sans serif; LETTER-SPACING: 2px; COLOR: #333333; 
}
#main_body .section_head {
	BORDER-BOTTOM: #e0e1e1 4px solid; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; MARGIN: 0px 0px 15px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 77% Helvetica, Arial, Verdana, sans serif; LETTER-SPACING: 2px; COLOR: #333333; PADDING-TOP: 10px
}

#main_body .section_head .navigate{
	TEXT-TRANSFORM: lowercase; FLOAT:right; FONT: 100% Helvetica, Arial, Verdana, sans serif; COLOR: #333333;
}

#column_a .section_head {
	BORDER-BOTTOM: #e0e1e1 4px solid; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 69% Helvetica, Arial, Verdana, sans serif; LETTER-SPACING: 2px; COLOR: #333333; PADDING-TOP: 10px
}
#column_b .section_head {
	BORDER-BOTTOM: #e0e1e1 4px solid; PADDING-BOTTOM: 3px; TEXT-TRANSFORM: uppercase; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT: bold 69% Helvetica, Arial, Verdana, sans serif; LETTER-SPACING: 2px; COLOR: #333333; PADDING-TOP: 10px
}
#main_body {
	PADDING-BOTTOM: 20px
}
#main_body .item {
	PADDING-BOTTOM: 20px
}
#main_body P {
	MARGIN-TOP: -8px
}
#main_body .item .credit {
	PADDING-BOTTOM: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-SIZE: 77%; PADDING-TOP: 6px
}
#main_body .item P {
	PADDING-BOTTOM: 9px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 9px; _padding: 9px 0 3px 0
}
#main_body .item A {
	
}
#main_body .item A:link {
	COLOR: #7d5d9d
}
#main_body .item A:visited {
	COLOR: #7d5d9d
}
#main_body .item A:hover {
	COLOR: #535353
}
#main_body .item A:active {
	COLOR: #535353
}
#main_body .half {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 285px; PADDING-RIGHT: 40px; FLOAT: left; PADDING-TOP: 0px
}
#main_body .inner_section_right {
	BORDER-LEFT: #ccc 1px dotted; PADDING-BOTTOM: 0px; PADDING-LEFT: 15px; WIDTH: 310px; PADDING-RIGHT: 0px; FLOAT: right; PADDING-TOP: 0px
}
#main_body .out_of_print {
	Z-INDEX: 1000; POSITION: absolute; BOTTOM: 0px; VISIBILITY: visible; LEFT: 97px; _bottom: 114px
}
#column_a .out_of_print {
	Z-INDEX: 1000; POSITION: absolute; BOTTOM: 0px; VISIBILITY: visible; LEFT: 97px; _top: 158px
}
#main_body .map {
	MARGIN: 20px 0px
}
#main_body .nav {
	MARGIN: 18px 0px 0px; WIDTH: 650px
}
#main_body .nav UL {
	LIST-STYLE-TYPE: none; WIDTH: 220px
}
#main_body .nav UL LI {
	MARGIN: 0px; DISPLAY: inline; BACKGROUND: url(images/div_v.gif) repeat-y right top; FLOAT: left; VERTICAL-ALIGN: 100%
}
#main_body .nav UL LI A {
	PADDING-BOTTOM: 8px; PADDING-LEFT: 7px; PADDING-RIGHT: 8px; DISPLAY: block; FONT-SIZE: 114%; FONT-WEIGHT: normal; PADDING-TOP: 2px
}
#main_body .nav UL LI A:link {
	COLOR: #999999
}
#main_body .nav UL LI A:visited {
	COLOR: #999999
}
#main_body .nav UL LI A:hover {
	COLOR: #999999
}
#main_body .nav UL LI A:active {
	COLOR: #999999
}
#main_body .nav UL LI A.current {
	PADDING-BOTTOM: 6px; MARGIN: -3px 0px 0px; PADDING-LEFT: 7px; PADDING-RIGHT: 8px; COLOR: #333333; FONT-SIZE: 144%; PADDING-TOP: 2px
}
#main_body .nav UL LI.no_border {
	BACKGROUND-IMAGE: none
}
#main_body .nav UL LI.next {
	BACKGROUND-IMAGE: none; MARGIN: 2px 0px 0px; PADDING-LEFT: 0px; _margin: 3px 0 0 0
}
#main_body .nav UL LI.previous {
	BACKGROUND-IMAGE: none; MARGIN: 1px 0px 0px; PADDING-RIGHT: 0px; _margin: 2px 0 0 0
}
#main_body .quote {
	PADDING-BOTTOM: 9px; PADDING-LEFT: 0px; WIDTH: 310px; PADDING-RIGHT: 0px; PADDING-TOP: 9px
}
#main_body .quote P {
	LINE-HEIGHT: 1.2em
}
#main_body .quote .credit {
	LINE-HEIGHT: 1.2em; FONT-SIZE: 85%
}
#main_body .person {
	MARGIN-BOTTOM: 25px
}
#main_body .person IMG {
	MARGIN: 9px 10px 10px 0px; FLOAT: left
}


.pagenavigate {
	padding-top:20px;
	text-align:center;
	FONT: 90% Helvetica, Arial, Verdana, sans serif; color:#000000;
	float:right;
}

.pagenavigate span{
	border:1px solid white; 
	text-align:center;
	paddin:4px;
	margin:4px;
}

.pagenavigate A:hover span{
	border:1px solid red; 
	background-color:#ccc; 
}

.pagenavigate span.selected{
	border:1px solid red; 
	background-color:#ccc; 
}


#footer {
	PADDING-RIGHT: 0px; BORDER-TOP: #c1c1c1 1px solid; MARGIN-TOP: 55px; PADDING-LEFT: 0px; FONT-SIZE: 77%; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 12px; BORDER-BOTTOM: #c1c1c1 1px solid
}
#footer .tagline {
	FONT-WEIGHT: bold; FONT-SIZE: 85%; FLOAT: left; WIDTH: 350px; FONT-STYLE: italic
}

#footer .nav {
	FLOAT: right; FONT: 100% Helvetica, Arial, Verdana, sans serif
}
#footer .nav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 92% bold Helvetica, Arial, Verdana, sans serif; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#footer .nav UL LI {
	PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 7px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#footer .nav UL LI A {
	FONT-WEIGHT: normal
}
#footer .nav UL LI A:link {
	COLOR: #598925
}
#footer .nav UL LI A:visited {
	COLOR: #598925
}
#footer .nav UL LI A:hover {
	COLOR: #535353
}
#footer .nav UL LI A:active {
	COLOR: #535353
}

#bottom {
	TEXT-ALIGN: center; PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; WIDTH: 100%; PADDING-TOP: 12px;
}


#copyright {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 8px 0px 10px; FONT: 61% Helvetica, Arial, Verdana, sans; COLOR: #878787; PADDING-TOP: 0px
}




/*************************/
/* Video and Photo edit */
/*************************/

#main_body .videcontainer {
	MARGIN-BOTTOM: 10px; BORDER:1px solid #ccc; 
}

#main_body .videcontainer .header{
	HEIGHT:20px; PADDING:5px; BACKGROUND-COLOR:#ccc; 
}

#main_body .videcontainer .header .title{
	FLOAT:left; 
}

#main_body .videcontainer .header .link{
	FLOAT:right; 
}


#main_body .videolist .picture {
	TEXT-ALIGN: center; PADDING-BOTTOM: 5px; MARGIN: 0px 0px 5px; PADDING-LEFT: 0px; WIDTH: 618px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; FONT-SIZE: 90% 
}


.div-shadow {
  xxwidth: 90%;
  float:left;
  background: url(images/drop-shadow.png) no-repeat bottom right !important;
  background: url(images/drop-shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.div-shadow div {
  background: none !important;
  background: url(images/shadow2.gif) no-repeat left top;
  padding: 0 !important;
  padding: 0 6px 6px 0;
  }

.div-shadow div div {
  background-color: #fff;
  xxfont: italic 1em georgia, serif;
  xxborder: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
  }


 

.image_block {
	TEXT-ALIGN: center; PADDING-BOTTOM: 25px; MARGIN: 0px auto 25px; PADDING-LEFT: 0px; WIDTH: 140px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; FONT-SIZE: 90%;
}

.shadowhelper {
	margin:0 auto;
	width:120px;
}


.shadowed { 
  float:left;
  background: url(images/drop-shadow.png) no-repeat bottom right !important;
  background: url(images/drop-shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
}

.shadowed img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}

.caption {
	text-align:center;
	vertical-align: top;
	text-align: center;
  	font: italic 90% georgia, serif;
}


/*************************/
/* ITT-OTT Talalkozok */
/*************************/


#main_body .itt-ott .prev_next_nav {
	WIDTH:100%; PADDING-BOTTOM: 0px; TEXT-TRANSFORM: uppercase; MARGIN: 8px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Helvetica, Arial, Verdana, sans serif; FLOAT: left; COLOR: #535353; FONT-SIZE: 70%; PADDING-TOP: 0px
}
#main_body .itt-ott .prev_next_nav .prev {
	FLOAT:left; 
}
#main_body .itt-ott .prev_next_nav .next {
	FLOAT: right; TEXT-ALIGN:right;
}
#main_body .itt-ott .tagline {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;  MARGIN: 0px 0px 15px; FONT-SIZE: 152%; LINE-HEIGHT: normal;
}
#main_body .itt-ott .year {
	PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 10px; BACKGROUND: url(images/div_v.gif) repeat-y right top; PADDING-TOP: 0px
}
#main_body .itt-ott .archive {
	TEXT-ALIGN: center; PADDING-BOTTOM: 25px; MARGIN: 0px 0px 25px; PADDING-LEFT: 0px; WIDTH: 177px; PADDING-RIGHT: 0px; FLOAT: left; PADDING-TOP: 0px; FONT-SIZE: 90% 
}

#main_body .rightnav UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 80% bold Helvetica, Arial, Verdana, sans serif; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#main_body .rightnav UL LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}



/*************************/
/* FORMS 		 */
/*************************/


div.error {
  border: 1px solid #d77;
  margin-bottom:15px;
}
div.error, tr.error {
  background: #fcc;
  color: #200;
  padding: 2px;
}
.warning {
  color: #e09010;
}
div.warning {
  border: 1px solid #f0c020;
}
div.warning, tr.warning {
  background: #ffd;
  color: #220;
  padding: 2px;
}
.ok {
  color: #008000;
}
div.ok {
  border: 1px solid #00aa00;
  margin-bottom:15px;
}
div.ok, tr.ok {
  background: #dfd;
  color: #020;
  padding: 2px;
}


.border_bot_1 {
	border-bottom:1px solid #ccc;
	padding-top: 10px;
	padding-bottom: 10px;
	margin:0px;
	font-size:90%;
}

.border_bot_1 p {
	padding: 0px;
	margin: 0px;
}


.form-item {
  margin-top: 1em;
  margin-bottom: 1em;
}

.form-item .form-text {
	width: 98%;
}

.form-item .form-textarea {
	width: 98%;
}


div.grippie {
	background:#EEEEEE url(images/grippie.png) no-repeat scroll center 2px;
	border-color:#DDDDDD;
	border-style:solid;
	border-width:0pt 1px 1px;
	cursor:s-resize;
	height:9px;
	overflow:hidden;
}
.resizable-textarea textarea {
	display:block;
	margin-bottom:0pt;
	width:50%;
	height: 30%;
}


.form-item .form-select {
	width: 250px;
}


.form-item input.error, .form-item textarea.error, .form-item select.error {
  border: 2px solid red;
}
.form-item .description {
  font-size: 0.85em;
}
.form-item label {
  display: block;
  font: 80%  Helvetica, Arial, Verdana, sans serif;
  font-weight: bold;
}
.form-item label.option {
  display: inline;
  font-weight: normal;
}
.form-checkboxes, .form-radios {
  margin: 1em 0;
}
.form-checkboxes .form-item, .form-radios .form-item {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

.marker, .form-required {
  color: #f00;
}



/*************************/
/* ARCHIVE EDIT 		 */
/*************************/


#contentEdit {
	font:icon;			
}
				
#contentEdit TABLE{
	border-top:1px solid #666666; border-left:1px solid #666666; 
	width:100%;		
}

#contentEdit TH{
	border-right:1px solid #666666; border-bottom:1px solid #666666; background-color:#CCCCCC;
	padding: 2px 5px 2px 5px;
}

#contentEdit TD{
	border-right:1px solid #666666; border-bottom:1px solid #666666;
	padding: 2px 5px 2px 5px;
}



/*************************/
/* TABS 		 */
/*************************/

  div.tabs
  {
    margin: 0;
  }

  ul.primary
  {
    margin: 0;
    padding: 0;
    border-width: 0;
    list-style: none;
    white-space: nowrap;
    line-height: normal;
    background: url(images/tab-bar.png) repeat-x left bottom;
  }

  ul.primary li
  {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
  }

  ul.primary li a
  {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0 0 0 5px; /* width of tab-left.png */
    border-width: 0;
    font-weight: bold;
    text-decoration: none;
    color: #777;
    background-color: transparent;
    background: url(images/tab-left.png) no-repeat left -38px;
  }

  ul.primary li a .tab
  {
    display: block;
    height: 20px; /* 24px (parent) - 4px (padding) */
    margin: 0;
    padding: 4px 13px 0 6px;
    border-width: 0;
    line-height: 20px;
    background: url(images/tab-right.png) no-repeat right -38px;
  }

  ul.primary li a:hover
  {
    border-width: 0;
    background-color: transparent;
    background: url(images/tab-left.png) no-repeat left -76px;
  }

  ul.primary li a:hover .tab
  {
    background: url(images/tab-right.png) no-repeat right -76px;
  }

  ul.primary li.active a,
  ul.primary li.active a:hover
  {
    border-width: 0;
    color: #000;
    background-color: transparent;
    background: url(images/tab-left.png) no-repeat left 0;
  }

  ul.primary li.active a .tab,
  ul.primary li.active a:hover .tab
  {
    background: url(images/tab-right.png) no-repeat right 0;
  }

  ul.secondary
  {
    margin: 0;
    padding: 0 0 0 5px;
    border-bottom: 1px solid #c0c0c0;
    list-style: none;
    white-space: nowrap;
    background: url(images/tab-secondary-bg.png) repeat-x left bottom;
  }

  ul.secondary li
  {
    float: left;
    margin: 0 5px 0 0;
    padding: 5px 0;
    border-right: none;
  }

  ul.secondary a
  {
    display: block;
    height: 24px;
    margin: 0;
    padding: 0;
    border: 1px solid #c0c0c0;
    text-decoration: none;
    color: #777;
    background: url(images/tab-secondary.png) repeat-x left -56px;
  }

  ul.secondary a .tab
  {
    display: block;
    height: 18px; /* 24px (parent) - 6px (padding) */
    margin: 0;
    padding: 3px 8px;
    line-height: 18px;
  }

  ul.secondary a:hover
  {
    background: url(images/tab-secondary.png) repeat-x left bottom;
  }

  ul.secondary a.active,
  ul.secondary a.active:hover
  {
    border: 1px solid #c0c0c0;
    color: #000;
    background: url(images/tab-secondary.png) repeat-x left top;
  }


/*************************/
/* SUB NAVIGATION TABS 		 */
/*************************/

#sub-nav {
    background: url(images/tab-line.gif) bottom repeat-x;
    float: left;
    width: 100%;
} /*IE6*/

#sub-nav {
    margin-bottom: 1.5em;
    font-size: 80%;
    font-weight: bold;
}

#sub-nav br {
    clear: both;
}

#sub-nav h2 {
    background: none;
    min-height: 15px;
    margin-bottom: 0;
}


#sub-nav ul{
    margin: 0.5em 0 0 0;
    padding: 0 0 0 1em;
    list-style: none;
    font-size: 85%;
}



#sub-nav li{
    margin: 0 1px 0 0;
    padding: 0 5px 0 0;
    background: url(images/tab-back.png) 100% -100px;
    float: left;
    border-bottom: 1px solid #bbb;
    text-align: center;
}



#sub-nav li.active {
    border-bottom: 1px solid #fff;
    background: url(images/tab-back.png) 100% 0;
}

#sub-nav li a, #sub-nav li a:visited, #sub-nav li span{
    display: block;
    float: left;
    padding: 5px 11px 5px 16px;
    text-align: center;
    white-space: nowrap;
    background: url(images/tab-back.png) 0 -100px;
    text-decoration: none;
    min-height: 17px; /* fixes FX/Mac issue */
    color: #666;
}

#sub-nav li.active a, #sub-nav li.active span {
    background: url(images/tab-back.png) 0 0;
} /*IE6*/

#sub-nav li.sub-comments a, #sub-nav li.sub-comments a:visited, #sub-nav li.sub-comments span, #sub-nav li.sub-comments a, #sub-nav li.sub-comments span {
    background-image: url(images/tab-back-comment.png);
    padding-left: 28px;
}

#sub-nav li.sub-comments a.friend, #sub-nav li.sub-comments a.friend:visited, #sub-nav li.sub-comments span.friend, #sub-nav li.sub-comments a.friend, #sub-nav li.sub-comments span.friend {
    background-image: url(images/tab-back-comment-friends.png);
}

#sub-nav li:hover {
    background-position: 100% -200px;
}

#sub-nav li:hover a {
    background-position: 0 -200px;
}

#sub-nav li.active:hover {
    background-position: 100% 0;
}

#sub-nav li.active:hover a {
    background-position: 0 0;
    text-decoration: underline;
}




/*************************/
/* EDIT NAVIGATION TABS 		 */
/*************************/

#edit-nav-container {
    width: 100%;
	padding-bottom: 10px;
}

ul#edit-nav
{
text-align: left;
list-style: none;
padding: 0px;
}

ul#edit-nav li
{
float: left;
display: block;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif; font-size:80%;
}

ul#edit-nav li a
{
display: block;
padding: 0.5em 0.5em 0.5em 0.5em;
border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#edit-nav-container ul#edit-nav li a { width: auto; }

ul#edit-nav a.active
{
background: #f0e7d7;
color: #800000;
}

ul#edit-nav li a:hover, ul#edit-nav li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}


/*********************************/
/*       FEATURE CAROUSEL        */
/*********************************/

.feature-carousel {
	WIDTH: 477px; HEIGHT: 355px; OVERFLOW: hidden; background: #fff;
}
#feature {
	BORDER-BOTTOM: #d6d7d6 1px solid; POSITION: relative; BORDER-LEFT: #d6d7d6 1px solid; MARGIN-BOTTOM: 8px; FLOAT: left; BORDER-TOP: #d6d7d6 1px solid; BORDER-RIGHT: #d6d7d6 1px solid
}
.feature-carousel IMG {
	WIDTH: 475px; FLOAT: left
}
.feature-carousel .carousel-mod {
	WIDTH: 477px; HEIGHT: 355px
}
.feature-carousel .feature-info {
	PADDING-BOTTOM: 7px; PADDING-LEFT: 22px; WIDTH: 234px; PADDING-RIGHT: 22px; FLOAT: left; HEIGHT: 226px; PADDING-TOP: 10px
}
.feature-carousel .feature-info .premium-icon {
	MARGIN: 0px 0px 0px 4px; WIDTH: auto; FLOAT: none; VERTICAL-ALIGN: middle
}
.feature .kicker {
	FONT-FAMILY: Arial; COLOR: #780808; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.feature-carousel .feature-info H1 A {
	LINE-HEIGHT: 1em; FONT-SIZE: 21px
}
.feature .byline {
	PADDING-BOTTOM: 11px; FONT-STYLE: italic
}
.feature-carousel .photo-info {
	WIDTH: 278px; BACKGROUND: #f9f7f2; FLOAT: left; HEIGHT: 33px
}
.feature .photo-caption {
	PADDING-BOTTOM: 0px; FONT-STYLE: italic; PADDING-LEFT: 22px; FONT-FAMILY: Arial; FONT-SIZE: 11px
}
.feature .photo-info .photo-credit {
	PADDING-BOTTOM: 0px; FONT-STYLE: italic; PADDING-LEFT: 22px; FONT-FAMILY: Arial; FONT-SIZE: 11px
}
.carousel-nav {
	Z-INDEX: 100; POSITION: relative; WIDTH: 54px; BOTTOM: 30px; DISPLAY: inline; FLOAT: left; LEFT: 420px
}
.carousel-nav A {
	WIDTH: 16px; DISPLAY: block; FLOAT: left; HEIGHT: 16px; MARGIN-RIGHT: 2px
}
.carousel-nav .prev {
	BACKGROUND: url(images/back.jpg) no-repeat 0px 0px
}
.carousel-nav .pause {
	BACKGROUND: url(images/pause.jpg) no-repeat 0px 0px
}
.carousel-nav .paused#pause {
	BACKGROUND: url(images/play.jpg) no-repeat 0px 0px
}
.carousel-nav .next {
	BACKGROUND: url(images/play.jpg) no-repeat 0px 0px
}
.carousel-nav A SPAN {
	DISPLAY: none
}




/*****************************/
/* PHOTO ALBUM IMAGE UPLOADER*/
/*****************************/



#swfupload-control p{ margin:10px 5px; font-size:0.9em; }
#log{ margin:0; padding:0; width:100%;}
#log li{ list-style-position:inside; margin:2px; border:1px solid #ccc; padding:10px; font-size:12px; 
	font-family:Arial, Helvetica, sans-serif; color:#333; background:#fff; position:relative;}
#log li .progressbar{ border:1px solid #333; height:5px; background:#fff; }
#log li .progress{ background: #999 right; width:0%; height:5px; }
#log li p{ margin:0; line-height:18px; }
#log li.success{ border:1px solid #339933; background:#ccf9b9; }
#log li span.cancel{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url('http://www.itt-ott.org/javascript/swfupload/b_drop.png') no-repeat; cursor:pointer; }
#log li span.check{ position:absolute; top:5px; right:5px; width:20px; height:20px; 
	background:url('http://www.itt-ott.org/javascript/swfupload/check.gif') no-repeat; display:none; }
		
#totprogressbar{ border:1px solid #333; height:20px; background:#fff; width:525px;}
#totprogress{ background: url(javascript/swfupload/file_upload_progress.gif) #CCCCFF right; width:0%; height:20px;  width:0%;}
#queuestatus {position:relative; left:0px; top:-20px;}

#bottomDiv {}	
#divButtonContainer {padding-top:15px;}
#divMovieContainer {float:left}
#divStartContainer {display:none}
#divProgressContainer {padding-top:15px;}
#divSaveContainer {display:none; padding-top:15px;}