/* CSS Document */
/* Ottawa International Animation Festival - Joomla Template CSS */
/* Jerrett Zaroski, Programming Producer, jerrett@animationfestival.ca */

div.everything {
	width: 980px;
	margin: auto;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 12px;
	color: #555555;
}

/* Header Menu */

.topmenuSpacer {
	float: left;
	padding-left: 241px;
}
	
	
.topmenu {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 9pt;
	font-weight: bold;
	width: 980px;
}
ul#mainlevel-top {
	float: left;
	list-style-type: none;
	display: inline;
	margin: 0px;
	padding: 5px 0px 4px 0px;
	font-stretch: normal;
}

ul#mainlevel-top li {
	display: inline;
	margin: 0px 19px 0px 19px;
	list-style-type: none;
}

a.mainlevel-top {
	padding: 5px 7px 4px 7px;
	color: #FFFFFF;
	text-decoration: none;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
}

a.mainlevel-top:hover { color: #FFF; }


/* Horizontal Divider */

#hor_divider {
	width: 980px;
	height: 10px;
	font-size: 0px;
	clear: both;
}

/* Sidebar (General)*/

div.middle #sidebar {
	width: 252px;
	float: left;
}

div.middle #logo { font-size: 0px; overflow: hidden;}

div.clear {
	clear: both;
}

/* User Login Area */

.userLogin {
	margin-top: 11px;
	width: 250px;
}

.moduletable-login {
	float: left;
	font-weight: bold;
	color: #FFFFFF; 
	padding-bottom: 10px;
}

.userLogin a { color: #FFFFFF; text-decoration: none; }

.userLine1, .userLine2, .userLine3 {
	width: 250px;
	padding-top: 9px;
}


.userLabel {
	float: left;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 9pt;
	text-align: left;
}

.userInput1, .userInput2 {
	padding-left: 2px;
	margin-top: 3px;
	font-size: 8.5pt;
	font-weight: normal;
	color: #000000;
	margin-left: 10px;
}

.userInput1 { width: 175px; }

.userInput2 { width: 95px; margin-right: 5px;}

.loginButton {
	display: inline;
	width: 39px;
	height: 22px;
	position: absolute;
}

.loginButton a {
	cursor: pointer;
	cursor: hand;
	position: absolute;
	width: 39px;
	height: 22px;
}

.logoutButton {
	margin-top: 8px;
	display: inline;
	width: 49px;
	height: 22px;
	position: absolute;
}

.logoutButton a { 
	cursor: pointer;
	cursor: hand;
	position: absolute;
	width: 49px;
	height: 22px;
}

.userMenu {
	padding: 2px;
	font-size: 8.5pt;
	font-weight: normal;
	color: #000000;
	width: 165px;
	margin: 9px 15px 0px 10px;
}

#loginSubmit {
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	height: 22px;
	width: 39px;
	cursor: pointer;
	cursor: hand;
}
	
#userHelp {
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
	float: left;
	color: #000000;
	text-transform: lowercase;
}

#userRegister {
	padding-right: 10px;
	font-size: 10px;
	font-weight: normal;
	float: right;
	color: #000000;
	text-transform: lowercase;
}

#userAnnouncements {
	padding-left: 10px;
	padding-top: 5px;
	font-size: 8pt;
	font-weight: normal;
	float: left;
	color: #FFFFFF;
}

.loginFloat {
	float: left;
	overflow: hidden;
}



/* Event Menu */

.eventmenu {
	font-size: 10pt;
	font-weight: bold;
	background-color: #ebebeb;
	margin: 4px 0px 5px 0px;
	width: 250px;
}

ul#mainlevel-eventmenu {
	list-style-type: none;
	text-transform: uppercase;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 0px;
	padding-top: 10px;
}

.eventmenu li a.mainlevel-eventmenu {
	display: inline;
	text-decoration: none;
	display: block;
	border-top: 2px solid #ebebeb;
	border-bottom: 2px solid #ebebeb;
}

.eventmenuFloat {
	float: left;
	display: inline;
	overflow: hidden;
}

.eventmenuTopLeft {
	background: #ebebeb url(../images/corners/ebebeb_top_left.png) top left no-repeat;
}
.eventmenuTop {
	/*border-top: 1px solid #ccc;*/
	background-color: #ebebeb;
}
.eventmenuTopRight {
	background: #ebebeb url(../images/corners/ebebeb_top_right.png) top left no-repeat;
}
.eventmenuMiddleLeft {
	background-color: #ebebeb;
	/*border-left: 1px solid #ccc;*/
	margin: 0px;
}
.eventmenuMiddle {
	background-color: #ebebeb;
	margin: 0px;
}
.eventmenuMiddleRight {
	background-color: #ebebeb;
	/*border-right: 1px solid #ccc;*/
	margin: 0px;
}
.eventmenuBottomLeft {
	background: #ebebeb url(../images/corners/ebebeb_bottom_left.png) top left no-repeat;
}
.eventmenuBottom {
	/*border-bottom: 1px solid #ccc;*/
	background-color: #ebebeb;
}
.eventmenuBottomRight {
	background: #ebebeb url(../images/corners/ebebeb_bottom_right.png) top left no-repeat;
}

/* General Content */

div.middle #content {
	float: right;
	font-size: 10pt;
	background-color: #FFFFFF;
	width: 720px;
	overflow: hidden;
}

img { border: 0; }
img.imageLeft { margin: 10px 10px 10px 0px; }
img.imageRight { margin: 10px 0px 10px 10px; }

/* Content Header */

.contentslide {
padding: 0;
width: 100%;
height: 277px;
}

.contentslide .opacitylayer{ /*Do not edit this rule unless you're familiar with CSS opacity behavior*/
width: 100%;
height: 100%;
/*filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);*/
-moz-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
float: left;
}

.contentslide .contentdiv{
display: none;
}

*.pagination { display: none; }

/*.pagination{
width: 100%; /*Width of pagination DIV. To equal that of Content Slider's width, take into account the later's left/right paddings!*/
/*text-align: right;
background-color: #FFFFFF;
border: 10px solid black;
border-width: 0 0px; /*Left/ right border width of pagination DIV.*/
/*padding: 17px 0px 0px 10px;
}

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
/*width: 100%; /*IE5 width*/
/*w\idth: 100%; /*IE6 width*/
/*}

.paginate-slider1, .paginate-slider2, .paginate-slider3, .paginate-slider4, .paginate-slider0 { float: left; padding: 0px 10px 0px 10px;}

.paginate-slider1 a, .paginate-slider2 a, .paginate-slider3 a, .paginate-slider4 a, .paginate-slider0 a { float: left; height: 85px; width: 120px; }

.paginate-slider0 a { background: #FFF url(../tempimages/1_th.jpg) top left no-repeat; }
.paginate-slider1 a { background: #FFF url(../tempimages/2_th.jpg) top left no-repeat; }
.paginate-slider2 a { background: #FFF url(../tempimages/3_th.jpg) top left no-repeat; }
.paginate-slider3 a { background: #FFF url(../tempimages/4_th.jpg) top left no-repeat; }
.paginate-slider4 a { background: #FFF url(../tempimages/5_th.jpg) top left no-repeat; }
.paginate-slider0 a:hover, .paginate-slider0 a.selected { background: #FFF url(../tempimages/1_th_hv.jpg) top left no-repeat; }
.paginate-slider1 a:hover, .paginate-slider1 a.selected { background: #FFF url(../tempimages/2_th_hv.jpg) top left no-repeat; }
.paginate-slider2 a:hover, .paginate-slider2 a.selected { background: #FFF url(../tempimages/3_th_hv.jpg) top left no-repeat; }
.paginate-slider3 a:hover, .paginate-slider3 a.selected { background: #FFF url(../tempimages/4_th_hv.jpg) top left no-repeat; }
.paginate-slider4 a:hover, .paginate-slider4 a.selected { background: #FFF url(../tempimages/5_th_hv.jpg) top left no-repeat; }
.pagination a:hover, .pagination a.selected{ }*/


/* KWIK (Popular Topics) Menu */

#kwikmenu { margin-top: 10px; }

#imageMenu {
	position: relative;
	width: 710px;
	height: 92px;
	overflow: hidden;
}



#imageMenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: block;
	height: 92px;
	width: 14400px;
}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1440px;
	background:#FFFFFF none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	cursor: hand;
	display:block;
	overflow:hidden;
	height: 92px;
}


/* "How Do I...?" Select Box */

#quicklinksMain { margin-left: 20px; margin-bottom: 15px;}

#quicklinks div.moduletable, #quicklinksMain div.moduletable {
	margin-top: 15px;
	width: 680px;
	height: 18px;
	line-height: 18px;
	background-color: #FFF;
	border-top: 3px #CCC solid;
	border-bottom: 3px #CCC solid;
}

#selectLabel {
	text-align: center;
	border-right: solid 3px #CCC;
	float: left;
	width: 97px;
	line-height: 18px;
	background-color: #FFF;
	height: 18px;
	font-weight:bold;
	font-size:12px;
	padding: 0px 15px 0px 15px;
	color: #999999;
}

.elSelect {
	background-color: #FFF;
	line-height: 18px;
	height:18px;
	float: left;
	cursor: pointer;
	cursor: hand;
}
.elSelect .selected {
	text-align: left;
	background-color:#fff !important;
	height: 18px;
}

.elSelect .clear {
	clear:both;
}

.elSelect .selectedOption {
	position:absolute;
 	line-height: 18px;
	background-color: #FFF;
	float: left;
	padding-left: 5px;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	height: 17px;
	overflow:hidden;
}

.elSelect .dropDown {
	position:absolute;
	width: 0px;
	height: 18px;
	float: left;
	display: none;
	/*background:url(select_arrow.gif) no-repeat 0% 0%;*/
}
.elSelect .optionsContainerTop {
	position:absolute;
	/*background:url(top_center.gif) repeat-x 0% 0%;*/
	width:0;
	height:5px;
	display: none;
}
.elSelect .optionsContainerTop div {
	/*background:url(top_left.gif) no-repeat 0% 0%;*/
	position:absolute;
	width:0;
	height:5px;
	display: none;
}
.elSelect .optionsContainerTop div div {
	/*background:url(top_right.gif) no-repeat 100% 0%;*/
	position:absolute;
	width:0;
	height:5px;
	display: none;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	/*background:url(bottom_center.gif) repeat-x 0% 0%;*/
	width:0;
	height:5px;
	display: none;
}
.elSelect .optionsContainerBottom div {
	/*background:url(bottom_left.gif) no-repeat 0% 0%;*/
	position:absolute;
	width:0;
	height:5px;
	display: none;
	
}
.elSelect .optionsContainerBottom div div {
	/*background:url(bottom_right.gif) no-repeat 100% 0%;*/
	border: 1px solid black;
	position:absolute;
	width:0;
	display: none;
}
.elSelect .optionsContainer {
	display: none;
	border-bottom: 3px solid #CCC;
	text-align: left;
	position: absolute;
	float: left;
	width: 553px;
	margin-top: -18px;
	margin-left: -3px;
	border-bottom: 3px solid #CCC;
}
.elSelect .option {
	float: left;
	text-align: left;
	line-height: 18px;
	width: 545px;
	padding-left: 5px;
	background-color:#FFFFFF;
	border-left:solid 3px #CCC;
	font-weight:bold;
	font-size:12px;
	color:#999999;
	height: 18px;
}
/*.elSelect .disabled {
	background-color:#C0CCCF;
	border-left:solid 1px #749490;
	border-right:solid 1px #749490;
	color:#CCCCCC;
}
.icon_1 {
	background:url(icon_1.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}
.icon_2 {
	background:url(icon_2.gif) no-repeat 4px 50%;
	padding-left:20px !important;
}

tr.selected {
	background-color: gold;
	color: #fff;
}

/* Nelvana Logo */

.nelvana {
	text-align: center;
	float: left;
	padding: 10px;
}

.blurb { width:550px; float: right; font-size: 14px; font-weight: bold; }
.blurb #head { background: #CCC url(../images/corners/CCC_top.png) top left no-repeat; padding-top: 10px;}
.blurb #main { background: #CCC; padding-left: 10px; padding-right: 10px; }
.blurb #foot { background: #CCC url(../images/corners/CCC_bottom.png) bottom left no-repeat; padding-top: 10px;}

/* News Slider */

.news { float: right; }

#news_table { background-color: #CCC; width: 550px;}

#news_title {
	padding: 10px 0px 0px 15px;
	color: #333;
	font-weight: bold;
	font-size: 9pt;
	background: #CCC url(../images/corners/CCC_top.png) top left no-repeat;	
}

#news_title_left, #news_title_right { background-color: #CCC; padding-bottom: 5px;  }

#news_title_right { margin-right: 15px; }

#news_footer { clear: both; background: #CCC url(../images/corners/CCC_bottom.png) bottom left no-repeat; }

#accordion { clear: both; }

.toggler {
	cursor: pointer;
	cursor: hand;
	padding: 5px 15px 5px 15px;
	color: #000000;
	margin: 0;
	background-color: #ebebeb;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px #CCC solid;
	border-left: 2px #CCC solid;
	border-right: 2px #CCC solid;
}

.element {
	line-height: 150%;
	padding: 10px 15px 0px 15px;
	color: #666666;
	background-color: #ebebeb;
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	border-left: 2px #CCC solid;
	border-right: 2px #CCC solid;
}

.element a { color: #000000; text-decoration: none; font-weight: bold; }

.toggler:hover { background-color: #FFFFFF; }
.onActive { background-color: #FFFFFF; }
.onBackground {background-color: #ebebeb; }
.onBackground:hover { background-color: #FFFFFF; }

#accordion  { background-color: #FFF; }

/* Content Header and Submenu */

div.moduletable-submenu {
	padding: 2px 15px 2px 15px;
	margin-top: 8px;
}

div.moduletable-submenu table {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: left;
}

div.moduletable-submenu table td { color: #FFF; }

div a.mainlevel-submenu {
	padding: 5px 5px 5px 5px;
	color: #FFFFFF;
	text-decoration: none;
	display: inline;
	list-style-type: none;
	text-transform: lowercase;
	font-weight: normal;
}

.submenuFloat {
	float: left;
	overflow: hidden;
}

/* Main Body */

.OIAFHeader { padding-bottom: 5px; }

.article_seperator { font-size: 0px; }

.blog, .contentItem, .contentOIAF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #555555;
	line-height: 140%;
	width: 684px;
}

.blog table.contentpaneopen td.contentheading, .contentItem table.contentpaneopen td.contentheading  {
	color: #000000;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 12pt;
	font-weight: bold;
	text-transform: uppercase;

}
.blog table.contentpaneopen div.podcasts td.contentheading { font-size: 11pt; text-transform: none;}

.blog table.contentpaneopen, .blog table.contentpaneopen tr, .contentItem table.contentpaneopen {
	border-collapse: collapse;
	line-height: 140%;
}

/* Tool Tips */
.tipz 			{ z-index: 999; text-align: left; border: 1px solid #666666;}
.tip			{ width:240px; background: #ccc;}
.tip-top		{ background:#ccc/*url(../images/corners/tooltip_top.jpg) top left no-repeat*/; height:20px; width:240px;}
.tip-title		{ margin:0 20px 0 20px; }
.tip-text		{ padding:0px 20px 10px 20px;}
.tip-bottom		{ background:#ccc/*url(../images/corners//tooltip_bottom.jpg) left bottom no-repeat*/; width:240px; height:10px;}

/* Tables */

.tableFilter {margin-bottom: 10px; }
.reservations tr, .reservations tr td, .selections tr, .selections tr td, .selections tr th {font-size: 11px;}
.content { width: 684px; margin-top: 6px; padding: 0px 18px 15px 18px;}
.contentItem { padding: 0px 18px 15px 18px;}
.contentOIAF { padding: 15px 18px 15px 18px;}
.chart { padding: 5px 0px 5px 0px; background-color: #ccc; width: 680px;}
.chart#presenting { width: 170px; }
.chart#presenting table { width: 166px }
.chart#presenting img { padding-bottom: 5px;}
.chart#partners { width: 500px; }
.chart#partners table { width: 496px;}
.chartSmall { padding: 5px 0px 5px 0px; background-color: #ccc; width: 350px;}
.chart table { width: 676px;}
.chartSmall table { width: 346px;}
.chart table td, .chartSmall table td { text-align: left; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 5px; }
.chart table tr, .chartSmall table tr { background-color: #FFF;}
.chart table tr.title, .chart table tr.footer, .chart table tr.footerLarge, .chart table tr.footerScreening table tr, 
.chartSmall table tr.title, .chartSmall table tr.footer, .chartSmall table tr.footerLarge {  min-height: 15px; font-weight: bold; color: #000; background-color: #ccc;}
.chart table tr.title td, .chartSmall table tr.title td { padding-bottom: 3px; padding-top: 2px; border-bottom: 0px; border-top: 0px; font-size: 12px;}
.chart table tr.footer td, .chart table tr.footerLarge td, .chartSmall table tr.footer td, .chartSmall table tr.footerLarge td { padding-top: 3px; border-bottom: 0px; border-top: 0px;}
.chart table tr.footer td, .chartSmall table tr.footer td { font-size: 0px; height: 2px; line-height: 0px;}
.chart table tr.footerLarge td a, .chartSmall table tr.footerLarge td a { margin-left: 45px; margin-right: 45px; }
.chart table tr.footerScreening table { width: 100%; }
.chart table tr.footerScreening table td { padding-top: 5px; padding-bottom: 0px; }
.chart table tr.footerScreening table td.previous { width: 33%; text-align: left; padding-left: 20px; }
.chart table tr.footerScreening table td.back { width: 33%;  text-align: center; }
.chart table tr.footerScreening table td.next { width: 33%;  text-align: right; padding-right: 20px; }
.chart table tr.footerScreening td { padding: 0px; }

.chart table tr.screening td, .chart table tr.screeningSpecial td { font-size: 11px; }
.chart table tr.screening, .chart table tr.screeningSpecial { background-color: #FFF; color: #555555; }
.chart table tr.screeningSpecial:hover { background-color: #cc0000; color: #FFF; cursor: hand; cursor: pointer;}


#sponsortable tr.footer td, #sponsortable tr.title td  { height: 2px;}
#sponsortable tr td  { height: 150px;}

.chart div, .chartSmall div { background-color: #FFF;}

.more, .more2, .more3 { padding: 10px; background-color: #ccc;}
.moreFloat, .more2Float, .more3Float { float: left; overflow: hidden; }
.moreTopLeft, .more2TopLeft { background: #ccc url(../images/corners/ccc_top_left.png) top left no-repeat; }
.moreTop, .more2Top, .more3Top, .more3TopLeft, .more3TopRight { background-color: #ccc; }
.moreTopRight,.more2TopRight { background: #ccc url(../images/corners/ccc_top_right.png) top left no-repeat; }
.moreMiddleLeft, .more2MiddleLeft, .more3MiddleLeft { background-color: #ccc; }
.moreMiddle, .more2Middle, .more3Middle { background-color: #ccc; }
.moreMiddleRight, .more2MiddleRight, .more3MiddleRight { background-color: #ccc; }
.moreBottomLeft, .more3BottomLeft { background: #ccc url(../images/corners/ccc_bottom_left.png) top left no-repeat; }
.moreBottom, .more2Bottom, .more2BottomLeft, .more2BottomRight, .more3Bottom { background-color: #ccc; }
.moreBottomRight, .more3BottomRight { background: #ccc url(../images/corners/ccc_bottom_right.png) top left no-repeat; }

.white { padding: 5px; background-color: #FFF;}
.whiteFloat { float: left; overflow: hidden; }
.whiteTopLeft { background: #FFF url(../images/corners/FFF_top_left.png) top left no-repeat; }
.whiteTop { background-color: #FFF; }
.whiteTopRight { background: #FFF url(../images/corners/FFF_top_right.png) top left no-repeat; }
.whiteMiddleLeft { background-color: #FFF; }
.whiteMiddle { background-color: #FFF; }
.whiteMiddleRight { background-color: #FFF; }
.whiteBottomLeft { background: #FFF url(../images/corners/FFF_bottom_left.png) top left no-repeat; }
.whiteBottom { background-color: #FFF; }
.whiteBottomRight { background: #FFF url(../images/corners/FFF_bottom_right.png) top left no-repeat; }

.contentFloat { float: left; overflow: hidden; }
.contentTopLeft { background: #ebebeb url(../images/corners/ebebeb_top_left.png) top left no-repeat; }
.contentTop { background-color: #ebebeb; }
.contentTopRight { background: #ebebeb url(../images/corners/ebebeb_top_right.png) top left no-repeat; }
.contentMiddleLeft { background-color: #ebebeb; }
.contentMiddle { background-color: #ebebeb; }
.contentMiddleRight { background-color: #ebebeb;  }
.contentBottomLeft { background: #ebebeb url(../images/corners/ebebeb_bottom_left.png) top left no-repeat; }
.contentBottom { background-color: #ebebeb; }
.contentBottomRight { background: #ebebeb url(../images/corners/ebebeb_bottom_right.png) top left no-repeat; }

/* Schedule */

.schedule { background-color: #FFF; }
.tacEvent { color: #0202b8; }

#faqTable tr { background-color: #f6f6f6; }
#faqTable tr:hover { background-color: #FFF; cursor: hand; cursor: pointer;}
#faqTable tr.active { background-color: #FFF; }
#faqTable tr.title, #faqTable tr.footer { background-color: #CCC; cursor: auto;}

div.rated18 { background: #FFF url(../images/rated18.jpg) top left no-repeat; width: 150px; height: 30px; margin: 10px;}
div.ratedg { background: #FFF url(../images/ratedg.jpg) top left no-repeat; width: 150px; height: 30px; margin: 10px;}

/* Sortable Table */
/*table#myTable {
	border: 1px solid #ccc;
	width: 100%;
}*/

table#myTable th {
	/*background-color: #eee;*/
	text-align: left;
	background: #ccc url(../images/tableSort.jpg) no-repeat 2px 2px;
	padding-left: 14px;
	font-weight: bold;
	color: #000;
}

/*table#myTable tr {
	background-color: #eee;
	padding: 4px;
}

table#myTable tr.altRow {
	background-color: #fff;
}

table#myTable td {
	padding: 0 2px;
}

table#myTable .rightAlign {
	text-align: right;
}


*/

table#myTable .tableHeaderOver { cursor: pointer; }

table#myTable tr.over { color: #fff; cursor: pointer; }

table#myTable tr.hide {	display: none; }

table#myTable td { border: none; padding: 2px; }

table#myTable tr.over td { color: #FFF; }

/***************************/
/*table#myTable .tableFilter {
	border: 1px solid #ccc;
	padding: 2px;
	margin: 5px 0 10px 0;
}

table#myTable .tableFilter input {
	border: 1px solid #ccc;
}

table#myTable .tableFilter select {
	border: 1px solid #ccc;
}*/


/* Footer */

div.footer {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	width: 980px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.footer div.moduletable-footer { width: 500px; }
.footer a, .footer .mainlevel-footer { color: #FFFFFF;}
.footer #footerLeft a {
	text-transform: lowercase;
	letter-spacing: 0;
	font-size: 11px;
	font-weight: lighter;
}

.footer #footerRight {
	padding-top: 2px;
	float: right;
	text-transform: uppercase;
	font-size: 12px;
	padding-right: 20px;
}
.footer #footerLeft {
	letter-spacing: 2px;
	float: left;
	padding-left: 20px;
}

/* Text Styles */

body, .contentpaneopen, .contentpane, #content, .contentOIAF, .mainBody, table, tr, td { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }
a { text-decoration: none; color: #000000; font-weight: bold; }
.normal { font-size: 12px; color: #555555; font-weight: normal; text-decoration: none; }
.bold, strong, b, tr.bold td, td.bold, tr.title td { font-weight: bold; color: #000; }
.light-bold { font-weight: bold; color: #999; }
.light-big {font-weight: bold; color: #999; text-decoration: none; font-size: 14px;}
.uppercase { text-transform: uppercase }
.italic { font-style: italic; }
.hr_dark { border-bottom: 2px solid #000; margin: 10px; }
.hr_medium { border-bottom: 2px solid #ccc; margin: 10px; }
.hr_light { border-bottom: 2px solid #FFF; margin: 10px; }
.normal2 { font-style: normal; }
.colour {}
.colour-bold { font-weight: bold; }
.colour-highlight { color: #FFF; }
.colour-highlight a, .colour-highlight-bold a {color: #FFF;}
body .colour-highlight a:hover, .colour-highlight-bold a:hover {color: #a2a2a2; }
.colour-highlight-bold { color: #FFF; font-weight: bold; }
.small { font-size: 11px; text-decoration: none; }
.smaller { font-size: 10px; text-decoration: none; }
.big { color: #000000; font-size: 14px; font-weight: bold; text-decoration: none;}
.bigger {color: #000000; font-size: 16px; font-weight: bold; text-transform: uppercase; text-decoration: none;}
.biggest { color: #000000; font-size: 24px; font-weight: bold; text-transform: uppercase; text-decoration: none; }
select, input, textarea { border: 1px solid #000000; padding: 2px; }
input.checkbox, input.radio { border: 0; padding: 0px; }
input.oiafTextField { width: 315px; }
input.oiafTextFieldDisabled { color: #666666; background-color: #f6f6f6; width: 315px;}
input.oiafCustomListTextFieldDisabled { color: #666666; background-color: #f6f6f6; }
input.oiafCustomListTextFieldDisabled #email { width: 200px; }

.backtotop { text-align: right; text-transform: lowercase; font-size: 10px; color: #555555; font-weight: normal; text-decoration: none; }
#error { font-weight: bold; }
#error a:hover { color: #000; }

#left { float: left; }
#right { float: right; }

/* OIAF TAB CONTROL */
.oiafTab { display:none }
.oiafTabFields { padding-top: 10px; }
.oiafTabDescription	{}

.progressBar { background-color: #FFF; border: 2px solid #FFF; font-weight: bold; font-size: 9px; line-height: 19px;}
.progressBar td {  text-align: left; padding-left: 5px; padding-right: 10px; font-size: 9px;}
.progressBar .selected, .progressBar .selectedFront { color: #FFF; }


/* OFFLINE DISPLAY */
table.moswarning {
	font-size: 100%;
	background-color: #999;
	color: #fff;
	border-bottom: 2px solid #999;
}

table.moswarning h2 {
	padding: 0;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}




/**************************************************************

	Lightbox
	v 1.5

**************************************************************/

#gallery img {
	/*padding: 6px;*/
}

#gallery { width: 680px; text-align: center; margin: auto; }

#gallery_precache1 {
	background: transparent url(../images/phatgallery/nextlabel.png) no-repeat right; height: 0px; width: 0px;
}

#gallery_precache2 {
	background: transparent url(../images/phatgallery/prevlabel.png) no-repeat right; height: 0px; width: 0px;
}

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 999;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 999;
}

.lbLoading {
	background: #fff url(../images/phatgallery/loader.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}


.photos {
	display: block;
	padding: 3px;
	border: 1px solid #fff;
}

a:hover .photos {
	border: 1px solid #999;
}

.lightboxDesc a {
	color: #999999;
	text-decoration: none;
}

.lightboxDesc a:hover {
	color: #000000;
	text-decoration: none;
}

/***************************

	styles for hidden next & previous buttons

***************************/
/*
#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	left: 0;
	
}

#lbPrevLink:hover {
	background: transparent url(../images/phatgallery/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(../images/phatgallery/nextlabel.gif) no-repeat 100% 15%;
}

/***************************

	styles for next & previous buttons as part of footer

***************************/

#lbPrevLink, #lbNextLink {
	display: block;
	width: 100px;
	height: 32px;
	outline: none;
}

#lbPrevLink {
	float: left;
	/*background: transparent url(../images/phatgallery/prevlabel.gif) no-repeat left;*/
	
}

#lbPrevLink:hover {
	background: transparent url(../images/phatgallery/prevlabel.png) no-repeat left;
}

#lbNextLink {
	float: right;
	/*background: transparent url(../images/phatgallery/nextlabel.png) no-repeat right;*/
}

#lbNextLink:hover {
	background: transparent url(../images/phatgallery/nextlabel.png) no-repeat right;
}

#lbControls {
	display: block;
	height: 32px;
}


/**********************************/


#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	clear: both;
	display: block;
	vertical-align: top;
	float: right;
	width: 20px;
	height: 20px;
	background: transparent url(../images/phatgallery/closelabel.jpg) no-repeat center;
	margin: 0px 0px 0px 0px;
	/*border: 1px solid #000;*/
}

#lbCloseLink:hover {
	/*background: transparent url(../images/phatgallery/closelabel_hov.gif) no-repeat center;*/
}

#lbCaption, #lbNumber, #lbDescription {
	margin-right: 30px;
	/*border: 1px solid #000;*/
}

#lbDescription { color: #000; }
#lbDescription a { color: #000; font-weight: bold; }

#lbCaption {
	font-weight: bold;
}

#lbNumber { padding-top: 5px; }


.lightboxDesc {
	display: none;
}

/*************************************************************/