/*~/System/CSS/CSSBase.css*/

/** Element Cross-Browser Refset **/

/* CSS Document */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
html {
	overflow:scroll;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
	font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
*font-size:108%;
	line-height:100%;
}
hr { display: none; }
div.hr { clear: both; width: 100%;}
div.hidden { border: solid 1px transparent; } 
strong { font-weight: bold; }
em { font-style: italic; }

/** Styles **/

body { color: #333;
	background: #fff;
	text-align: left;
	font-family: Lucida Sans, Lucida Grande;
}

p { padding-bottom: 10px; }
h1 { font-size: 155%; font-weight: bold; padding-bottom: 10px; }
h2 { font-size: 135%; font-weight: bold; padding-bottom: 10px; }
a {  color: #4d4d4d; text-decoration: underline; font-weight: normal; }
a:hover { text-decoration: underline; }

table { width: 100%; }
th { text-align: center; font-weight: bold; color: #000; padding-bottom: 10px; }

/** Form Reset **/

form {  }

fieldset { border: 0px; }
legend { font-size: 135%; font-weight: bold; color: #6cc631; padding-bottom: 20px; }
fieldset div { clear: both; line-height: 1.5em; margin-bottom: 10px; margin-left: 20px; }
fieldset div label { display: block; width: 150px; float: left; font-weight: bold; }
fieldset div input { }
fieldset div div { margin: 0px; clear: none; }
input.submit
{
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.25em;
background-color: #fcfcfc;
background-repeat: repeat-x;
color: #333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
input.submit:active
{
border: 3px double #ccc;
border-top-color: #999;
border-left-color: #999;
}
/** Page Formatting **/



/*~/System/CSS/Style.css*/

/* CSS Document */
body {
	background-color: #e9f4fa;
}
#Wrapper {
	width: 100%;
}
#Header {
	width: 100%;
	background: #00acd9 url('Images/HeaderGradient.png') repeat-x center top;
	height: 133px;
}
#Header h1 {
	display: block;
	width: 963px;
	padding: 0 13px;
	margin: 0 auto;
	height: 133px;
	background: transparent url('Images/HeaderBackground.jpg') no-repeat center top;
	text-indent: -6000px;
}
#BodyWrapper {
	width: 100%;
	overflow: hidden;
}
#Menu {
	width: 963px;
	padding: 0 13px;
	margin: 0 auto;
}
#Menu ul {
	width: 963px;
	height: 37px;
}
#Menu ul li {
	float: left;
	height: 37px;
}
#Menu ul li a {
	display: block;
	height: 37px;
	background: transparent url('Images/Menu.png') no-repeat left top;
	text-indent: -6000px;
}
#Menu ul li.Home a {
	width: 99px;
	background-position: left top;
}
#Menu ul li.Home a.Active {
	background-position: left -74px;
}
#Menu ul li.Home a:hover {
	background-position: left -37px;
}
#Menu ul li.About a {
	width: 93px;
	background-position: -99px top;
}
#Menu ul li.About a.Active {
	background-position: -99px -74px;
}
#Menu ul li.About a:hover {
	background-position: -99px -37px;
}
#Menu ul li.Programme a {
	width: 130px;
	background-position: -192px top;
}
#Menu ul li.Programme a.Active {
	background-position: -192px -74px;
}
#Menu ul li.Programme a:hover {
	background-position: -192px -37px;
}
#Menu ul li.Gallery a {
	width: 82px;
	background-position: -322px top;
}
#Menu ul li.Gallery a.Active {
	background-position: -322px -74px;
}
#Menu ul li.Gallery a:hover {
	background-position: -322px -37px;
}
#Menu ul li.News a {
	width: 75px;
	background-position: -404px top;
}
#Menu ul li.News a.Active {
	background-position: -404px -74px;
}
#Menu ul li.News a:hover {
	background-position: -404px -37px;
}
#Menu ul li.Functions a {
	width: 97px;
	background-position: -479px top;
}
#Menu ul li.Functions a.Active {
	background-position: -479px -74px;
}
#Menu ul li.Functions a:hover {
	background-position: -479px -37px;
}
#Menu ul li.Media a {
	width: 75px;
	background-position: -576px top;
}
#Menu ul li.Media a.Active {
	background-position: -576px -74px;
}
#Menu ul li.Media a:hover {
	background-position: -576px -37px;
}
#Menu ul li.FAQs a {
	width: 107px;
	background-position: -651px top;
}
#Menu ul li.FAQs a.Active {
	background-position: -651px -74px;
}
#Menu ul li.FAQs a:hover {
	background-position: -651px -37px;
}
#Menu ul li.FindUs a {
	width: 86px;
	background-position: -758px top;
}
#Menu ul li.FindUs a.Active {
	background-position: -758px -74px;
}
#Menu ul li.FindUs a:hover {
	background-position: -758px -37px;
}
#Menu ul li.Contact a {
	width: 119px;
	background-position: -844px top;
}
#Menu ul li.Contact a.Active {
	background-position: -844px -74px;
}
#Menu ul li.Contact a:hover {
	background-position: -844px -37px;
}
#BodyWrapper {
	width: 100%;
	background: #000 url('Images/PromoBackground.jpg') no-repeat center top;
	height: 346px;
}
#PromoWrapper {
	width: 989px;
	margin: 0 auto;
}

#TV {
	float: left;
	height: 280px;
	width: 420px;
	margin: 15px 0 0 13px;
	background: transparent url('Images/TVBackground.png') no-repeat left top;
	overflow:hidden;
}

* html #TV
{
	margin-left:8px;
}

#News {
	float: right;
	width: 268px;
	margin: 0 13px 0 0;
	padding: 15px 16px 10px 16px; }
	/** background: transparent url('Images/NewsBackgroundAlt.png') no-repeat left top; **/

#News h2 {
	color: #4db1e3;
	padding-bottom: 11px;
	border-bottom: dotted 1px #fff;
	margin-bottom: 5px;
}
#News div.NewsItem {
	padding-bottom: 11px;
	border-bottom: dotted 1px #fff;
	font-size: 85%;
	margin-bottom: 5px;
}
#News div.NewsItem h5 {
	color: #fff;
	font-weight: bold;
}
#News div.NewsItem p {
	color: #fff;
	padding: 0;
	margin-bottom: 5px;
}
#News div.NewsItem p a {
	color: #F46A21;
	text-decoration: none;
}
#News div.NewsItem p a:hover {
	text-decoration: underline;
}


div.NewsPageItem
{
	padding:0 0 10px 0;
}
div.NewsPageItem h3
{
	font-size:1.1em;
}
div.NewsPageItem h3 a
{
	font-size:1.1em;
}


div.FeaturedSponsor {
	width: 182px;
	height: 61px;
	text-align: center;
	overflow: hidden;
	padding: 10px 10px 10px 84px;
	background: transparent url('Images/FeaturedSponsorBackground.png') no-repeat left top;
}
#ContentWrapper {
	width: 100%;
	background: #e8f4fa url('Images/ContentWrapperBackground.png') repeat-x center top;
	overflow: auto;
}
#ContentArea {
	width: 989px;
	margin: 0 auto;
	overflow: hidden;
}

#Content,
.WideContent
{
	padding: 16px;
	float: left;
}
#Content
{
	width: 432px;
}
#Content h2,
.WideContent h2
{
	color: #0f445f;
}
#Content p,
.WideContent p
{
	color: #0f445f;
}


#Sidebar {
	width: 490px;
	margin-top: 6px;
	padding: 12px 16px 16px 16px;
	float: right;
	background: transparent url('Images/SidebarGradient.png') no-repeat left top;
}

* html #Sidebar
{
	width:490px;
	padding-right:0px;
}

#Sidebar h2 {
	color: #0f445f;
}
#Sidebar p {
	color: #0f445f;
}
#UpcomingFilms div.Film {
	float: left;
	
	margin-right: 20px;
	margin-bottom: 20px;
	
	width: 102px;
	height: 200px;
	overflow:hidden;
}
#UpcomingFilms div.Film div.FilmImage img {
	width: 102px;
	height: 49px;
}
#UpcomingFilms div.Film h4 {
	height: 45px;
	color: #fff;
	background: transparent url('Images/SidebarH4Background.png') no-repeat left bottom;
	padding: 3px 3px 0 3px;
	font-size: 78%;
	margin-bottom: 5px;
	border-top: solid 1px #fff;
}
#UpcomingFilms div.Film p {
	font-size: 78%;
	line-height: 1.2em;
}
#UpcomingFilms div.Film p.Desc 
{
	height:45px;
	overflow:hidden;
}
#UpcomingFilms div.Film p.Date {
	padding: 3px 0;
	border-top: solid 1px #b9b3b0;
	border-bottom: solid 1px #b9b3b0;
	margin-bottom: 5px;
}
#UpcomingFilms div.Film p a {
	text-decoration: none;
}
#UpcomingFilms div.Film p a:hover {
	color: #4cd2ff;
	text-decoration: none;
}
* html #UpcomingFilms div.Film 
{
	position:relative;
}
* html #UpcomingFilms div.Film p.Book {
	display:block;
	position:relative;
}
#Footer {
	width: 100%;
	background: #e9f4fa url('Images/FooterBackground.png') repeat-x center top;
	height: 112px;
	text-align: center;
	margin: 0 auto 10px auto;
	padding-top:1px;
}
#Footer p {
	display: block;
	text-indent: -6000px;
	width: 963px;
	height: 96px;
	background: transparent url('Images/FooterSponsors.png') no-repeat center top;
	margin: 6px auto 0 auto;
}
#SubFooter {
	margin-bottom: 20px;
	text-align: center;
	font-size: 78%;
	background-color: #e9f4fa;
}
.Last {
	margin-right: 0!important;
}


div.FilmPageItem
{
	padding:20px 0;
	border-bottom:1px solid #B9B3B0;
}

div.FilmPageItem h3 a
{
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

div.FilmPageItem div.FilmImage
{
	float:left;
	margin: 0 10px 5px 0;
}

div.FilmPageItem div.Description
{
	clear:both;
}

div.FilmPageFilm
{
}

div.FilmPageFilm div.FilmImage
{
	float:left;
	margin: 0 10px 5px 0;
}

div.FilmPageFilm div.Description
{
	clear:both;
}

#HomepageVideo
{
	margin:0px;
}

#PromoBox
{
	float:left;
	width:220px;
	padding:16px 0 0 10px;
	overflow:hidden;
}

#PromoBox .Promo
{
	padding-bottom:15px;
}

div#Moshtix { width: 200px!important; background-color: #000033; height: 30px; border: 2px solid #fff; }

div.Subscribe
{
	width: 241px; 
	height: 135px; 
	display: block; 
	background: transparent url('Images/JoinBackground.png') no-repeat left top; 
	font-size: 85%;
	/**position:absolute;
	left: 50%; top: 185px;*//
	margin:0px 0 0 -52px;
}

div.Subscribe>div
{
	display:none;
}

div.Subscribe form
{
	/**position:absolute;**/
	position: relative;
	top:92px;
	left:10px;
}

div.Subscribe font
{
	position:absolute;
	top:0; size: 0.01%;
}

div.Subscribe input
{
	position:relative;
	top:11px;
	width:45%;
}


/*~/System/CSS/Gallery.css*/

/* Gallery style elements */

/*General Gallery Styles*/
#GalleryContent #Content
{
	width:auto;
}

#GalleryContent .GallerySidebar
{
	float:right;
	width:200px;
	padding:15px;
	background: transparent url('Images/SidebarGradient.png') no-repeat left top;
}

#GalleryContent .Gallery
{
	float:left;
	clear:both;
	position:relative;
	text-align:center;
	padding:0 16px;
}

#GalleryContent .Gallery a
{
	text-decoration:none;
}

#GalleryContent div.Gallery_FolderLinks,
#GalleryContent div.Gallery_Image,
#GalleryContent div.Gallery_Images,
#GalleryContent div.Gallery_BottomLinks_Image,
#GalleryContent div.Gallery_Links_Folders
{
	overflow:hidden;
	padding:10px 10px 0 10px;
}

/*Folder Links Section*/
#GalleryContent div.Gallery_FolderLinks
{
	float:left;
}

#GalleryContent div.Gallery_FolderLinks li
{
	display:block;
	float:left;
	margin: 0 5px 0 0;
}

#GalleryContent div.Gallery_FolderLinks li a:hover
{
	text-decoration:underline;
}

/*Image Viewing*/
#GalleryContent div.Gallery_Image
{
	clear:both;
	padding: 15px 0;
	text-align:center;
	
	width:700px;
}

#GalleryContent div.Gallery_Image img
{
	margin-bottom:5px;
}

#GalleryContent div.Gallery_Image a
{
	display:block;
	clear:both;
}

#GalleryContent div.Gallery_Image a:hover
{
	text-decoration:underline;
}

/*Image/Folder Listing*/
#GalleryContent div.Gallery_Images
{
	clear:both;
}

#GalleryContent div.Gallery_Images li
{
	display:block;
	float:left;

	margin: 0 7px 10px 0;
	
	width:148px;
	height:223px;
	background:transparent url(Images/AOA_frame_image.png) no-repeat;
}

#GalleryContent div.Gallery_Images li.directory
{
	background:transparent url(Images/AOA_frame_folder.png) no-repeat;
}

#GalleryContent div.Gallery_Images li a
{
	display:block;
	width:130px;
	height:200px;
	
	padding:10px 5px 0 6px;
	text-decoration:none;
	
	text-align:center;
	
	overflow:hidden;
}

#GalleryContent div.Gallery_Images li a img
{
	border: none;
	margin-bottom:5px;
	border: solid 1px #3B709F;
}

#GalleryContent div.Gallery_Images li.directory a img
{
	border: solid 1px #AF752B;
}

#GalleryContent div.Gallery_Images li a span
{
	clear:both;
	display:block;
	color:#000;
}

#GalleryContent div.Gallery_Images li a:hover span
{
	text-decoration:underline;
}

/*Bottom Links/Status Section - Folder View*/
#GalleryContent div.Gallery_Links_Folders
{
	height:25px;
	width:300px;
	float:right;
}

#GalleryContent div.Gallery_Links_Folders p
{
	font-weight:bold;
	padding-top:5px;
}

#GalleryContent div.Gallery_Links_Folders a:hover
{
	text-decoration:underline;
}

#GalleryContent div.Gallery_Links_Folders a.Prev,
#GalleryContent div.Gallery_Links_Folders a.Next
{
	display:block;
	float:right;
}

#GalleryContent div.Gallery_Links_Folders a.Next
{
	float:right;
}

#GalleryContent div.Gallery_Links_Folders p.Status
{
	display:block;
	text-align:center;
	float:right;
	padding:0;
	margin: 0 20px 0 15px;
	
	font-size:0.9em;
}

/*Bottom Links/Status Section - Image View*/
#GalleryContent div.Gallery_Links_Image
{
	padding-bottom:20px;
}

#GalleryContent div.Gallery_Links_Image h3
{
	font-weight:bold;
	padding-bottom:10px;
	font-size:1.2em;
}

#GalleryContent div.Gallery_Links_Image p
{
	font-weight:bold;
	padding-top:5px;
}

#GalleryContent div.Gallery_Links_Image a:hover
{
	text-decoration:none;
}

#GalleryContent div.Gallery_Links_Image a:hover span
{
	text-decoration:underline;
}

#GalleryContent div.Gallery_Links_Image a.Prev,
#GalleryContent div.Gallery_Links_Image a.Next
{
	display:block;
	text-align:center;
	float:none !important;
}

#GalleryContent div.Gallery_Links_Image a span
{
	display:block;
	clear:left;
	margin-top:5px;
	font-size:1.1em;
}

#GalleryContent div.Gallery_Links_Image a img
{
	border:solid 1px #fff;
}

#GalleryContent div.Gallery_Links_Image p.Status
{
	text-align:center;
	padding-top:30px;
}