/* Start of CMSMS style sheet 'main' */
/* layout */
html {
	overflow-y: scroll;
}

body {
	background: #ccd7e0;
	font-family:"trebuchet ms",arial,sans-serif;
	line-height: 17px;
	font-size: 13px;
	color: #000;
}

#wrapper {
	width: 990px;
	margin: 0 auto;
}

#top {
	width: 990px;
	height: 240px;
	position: relative;
	overflow: hidden;	
}

#headerleft {
	height: 200px;
	width: 730px;
	background: url(uploads/images/layout/layout__header_left.png) top no-repeat #ccd7e0;
	float: left;
	cursor: pointer;
}

#headerright {
	height: 200px;
	width: 260px;
	background: url(uploads/images/layout/layout__header_right.png) top no-repeat #ccd7e0;
	float: left;
}

#language {
	font-size: 11px;
	text-align: center;
	width: 90px;
	height: 40px;
	margin: 22px 0 0 118px;
	color: #aaa;
}

#language a {
	color: #aaa;
	text-decoration: none;
	text-transform: uppercase;
}

#language a:hover {
	color: #003664;
}

#language a.active {
	font-weight: bold;
	color: #003664;
}

#selector p {
	margin: 0 0 0 10px;
	color: #003664;
}

#selector h1 {
	margin: 0 10px 0 10px;
	font-size: 24px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	color: #003664;
	line-height: 36px;
}

#selector a {
	color: #003664;
}

div.rule {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	height: 1px;
	margin: 0 50px 5px 10px;
}

#selector select {
	margin: 5px 10px 0 10px;
	width: 80px;
	font-size: 11px;
}

#selector input {
	margin: 5px 10px 0 10px;
	width: 200px;
	font-size: 11px;
}

#menu {
	height: 40px;
	width: 990px;
	background: url(uploads/images/layout/layout__menu.png) top no-repeat #ccd7e0;
	clear: left;
}

#menuitems, #program {
	font-size: 12px;
	color: #fff;
	line-height: 32px;
	float:left;
	display: inline;
}

#menuitems {
	margin-left: 50px;
	width: 690px;
}

#menuitems a, #program a {
	color: #fff;
}

#contentwrapper {
	background: url(uploads/images/layout/layout__content.png) top repeat-y #ccd7e0;
	position: relative;
	overflow: hidden; 
}

#content {
	width: 910px;
	margin: 0 0 0 40px;
	overflow: hidden;
	background: #E6E6E6;
}

#footer {
	height: 79px;
	clear: both;
	background: url(uploads/images/layout/layout__bottom.png) bottom no-repeat #ccd7e0;
	padding-top: 10px;
}

#footer p.left{
	color: #999;
	margin: 0 0 0 40px;
	font-size: 11px;
	border-top: 1px solid #ddd;
	width: 680px;
	float: left;
	display: inline;
}
#footer p.right{
	color: #999;
	float: left;
	margin: 0 0 0 10px;
	font-size: 11px;
	border-top: 1px solid #ddd;
	width: 220px;
	display: inline;
}

#footer p a {
	color: #999;
}

a.dos {
	font-family: Georgia, Times, Times New Roman, serif;
	text-decoration: none;
	font-size: 10px;
	font-weight: bold;
}

/* Content Elements */
#film {
	width: 910px;
	height: 360px;
	background: #000;
	margin: 0;
}

#squares {
background: #FFF;
overflow: hidden;
width: 920px;
}

div.item {
	width: 220px;
	height: 240px;
	float: left;
	margin: 10px 10px 0 0;
	background: #E6E6E6;
	overflow: hidden;
	display: inline;
	position: relative;
}

div.item p.more {
position: absolute;
bottom: 0px;
}

div.item label {
	margin: 5px 0 0 10px;
	font-size: 11px;
	width: 40px;
	display: block;
	float: left;
}

input#m613a6username, input#m613a6email, 
input#me60a1username, input#me60a1email,
input#mff244username, input#mff244email  {
	margin: 5px 10px 0 10px;
	width: 130px;
	font-size: 11px;
}

input#m613a6submit, input#me60a1submit, input#mff244submit {
	margin: 10px 10px 0 10px;
	width: 200px;
	font-size: 11px;
}

div#side {
	width: 220px;
	float: left;
	display: inline;
}


div#text {
	width: 680px;
	float: left;
	display: inline;
	border-right: 10px solid #fff;
	background: none;
	padding-bottom: 30px;
}




/* Typography */

p {
	margin: 0 90px 18px 50px;
text-align: justify;
}

div.event p {
	margin: 10px 10px 10px 10px;
text-align: left;
}

h1 {
	margin: 36px 90px 16px 50px;
	font-size: 26px;
	font-family: Georgia, Times, Times New Roman, serif;
	font-weight: normal;
	color: #003664;
	line-height: 36px;
}

h1.discovery {
	color: #96AB00;

}

h3 {
	margin: 0 90px 8px 50px;
	font-size: 16px;
	font-weight: normal;
	color: #003664;
	line-height: 36px;
}

#side h3, div.item h3 {
	margin: 10px 10px 8px 10px;
	line-height: 18px;
}

#side p, div.item p {
	margin: 0 10px 18px 10px;
	text-align: left;
}

em, i {
	font-style: italic;
}

b, strong {
	font-weight: bold;
}

ul {
	margin: 10px 10px 10px 15px;
	list-style: square;
}

ul li {
	margin: 5px 10px;
}

.line {
	line-height:7px;
	border-bottom: 1px dotted;
}

.linesolid {
	line-height:7px;
	border-bottom: 1px solid;
}

.artistname {
	text-transform: uppercase;
	font-weight: bold;
}

/* Links */

a {
	color: #000;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Basic table */

table {
	margin: 0 75px 18px 45px;
	width: 535px;
}

table tr td {
	padding: 5px;
}

table tr td.alt {
	background: #F6F6F6;
}

table.plain {
 color: #333;
}

table.plain tr td.alt {
background: none;
}

/* Scrollable Events */



div.items div.event {
	width: 220px;
	height: 460px;
	float: left;
	margin: 0 10px 0 0;
	background: #E6E6E6;
	overflow: hidden;
	font-size: 12px;
}

div.items div.music, div.items div.academy {
	border-top: 5px solid #003664;
}

div.items div.film {
	border-top: 5px solid #DE7906;
}

div.items div.arts {
	border-top: 5px solid #C62C7E;
}

div.items div.discovery {
	border-top: 5px solid #96AB00;
}

div.event div.buy {
	position: absolute;
	bottom: 0px;
	width: 220px;
}


a.prevPage {
	width: 30px;
	height: 80px;
	clear:left;
	float: left;
	margin: 190px -30px 0 0;
	background:url(uploads/images/layout/nav_button_left.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

a.nextPage {
	width: 30px;
	height: 80px;
	float: right;
	margin: 190px 0 0 0;
	background:url(uploads/images/layout/nav_button_right.png) no-repeat;
	overflow: hidden;
	cursor: pointer;
}

a.prevPage:hover, a.nextPage:hover {
	background-position: -30px 0;		
}


/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;	 	
	width: 910px;	
	height:465px;	
	float:left;	/*this makes it possible to add next button beside scrollable */
	margin: 10px 0 0 40px;
	display: inline;
	
				
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background: #FFF;
	
	/* dimensions after the growing animation finishes  */
	width:450px;
	height:510px;		
	
	/* initially overlay is hidden */
	display:none;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background:url(uploads/images/layout/close.png) no-repeat;
	position:absolute;
	left: 0px;
	top: -10px;
	cursor:pointer;
	height:25px;
	width:450px;
}

div.overlay p {
	margin: 10px 20px;
}

div.overlay p.overlayhead {
font-size: 16px;border-bottom: 1px solid;margin-bottom: 0px;margin-top: 30px;
}

div.overlay div.buy {
	position: absolute;
	bottom: 0;
	width: 450px;
}

table#tableform {
	margin: 10px;
}

table#tableform tr.tdline{
	border-bottom: 1px solid #96AB00;
	background: #CDD785;
}

table#tableform tr.tdback{
	border-bottom: 1px solid #96AB00;
	background: #D9E1A3;
}

table#tableform td {
	padding: 10px;
}

table#tableform label {
	margin-left: 10px;
}



/* Image */

img.topimage {
display: block;
border-bottom: 10px solid #fff;
}

/* End of 'main' */