/*====================================================================*/
/*========================== General ================================*/
/*====================================================================*/

  
* {
margin: 0;
padding: 0;
}

html {
background: #fff url(../images/body_bg.jpg) repeat-x;
}

body {
color: #000;
font-family: Futura, Arial, sans-serif; 
font-size:12px;
}

h1 {
margin: 0 0 18px 0;
font-size: 20px;
}

h2 {
margin: 6px 0 6px 0;
font-size: 16px;
border-bottom:#ccc 1px dashed;
padding-bottom:2px;
}

h3 {
margin: 0 0 3px 0;
font-size: 15px;
}

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

a:hover {
color:#000;
text-decoration: none;
}

p { 
font-size: 13px;
margin-bottom:5px;
display:block;
}

td {
vertical-align:top;
}

/*====================================================================*/
/*============================ Layout ================================*/
/*====================================================================*/

div#container {
position:relative;
margin:0 auto;
width:1000px;
}


div#contentContainer {
float:left;
position:relative;
width:100%;
background: url(../images/container_bg.jpg) repeat-y;
min-height:535px;
max-height:2250px;
overflow:hidden;
background: url(../images/sprite.jpg) 0 0;
}

div#claim {
float:left;
position:relative;
width:990px;
height:130px;
margin-top:10px;
text-align:right;
font-size:20px;
line-height:1.4;
color:#273039;
z-index:3;	
}

.menu {
float:left;
position:relative;
margin:22px 0 0 216px;
height:39px;
z-index:20;
}

div#content {
float:left;
position:static;
width:745px;
margin:15px 64px 0 222px;
z-index:3;	
}


div#footer {
float:left;
position:relative;
width:100%;
background: url(../images/sprite.jpg) no-repeat 0 -2812px;
text-align:center;
z-index:2;
padding:15px 0 0 50px;
}

/*====================================================================*/
/*=========================== Page types =============================*/
/*====================================================================*/

#homeLeft {
float:left;
width:490px;
}

#homeRight {
float:left;
width:210px;
margin:15px 0 0 40px;
}

#homeShows {
clear:both;
float:left;
width:217px;
height:59px;
background: url(../images/sprite.jpg) no-repeat -25px -2844px;
font-size:14px;
line-height:1.2;
padding:68px 15px 20px 64px;
margin-left:-50px;
}

#homeNewsticker {
float:left;
width:285px;
height:79px;
margin:17px 0 0 15px;
background: url(../images/sprite.jpg) no-repeat -343px -2852px;
font-size:14px;
line-height:1.3;
padding:51px 170px 10px 12px;
overflow:auto;
}

#MaGallery {
clear:both;
float:left;
width:100%;
border-top:#ccc 1px dashed;
padding-top:10px;
}

.gallery-layout {
margin:0;
padding:0;
list-style:none;
}

.gallery-layout li {
float:left;
margin:5px !important;
background:none !important;
padding:0 !important;
}

.small {
font-size:10px !important;
font-weight:normal !important;
}

.newsDate {
font-size:10px;
font-weight:bold;
padding-right:20px;
}

#homeRight h2 {
color: #000; 
margin: 0 0 6px 0;
font-size: 14px;
margin-bottom:3px;
border-bottom:#2849A2 1px dashed;
}

#content ul {
list-style:none;
margin:0 0 10px 0;
padding:0;
}

#content li {
background:url("../images/sprite.jpg") no-repeat -903px -2938px;
display:block;
margin-left:5px;
padding:2px 0 2px 25px;
}

/*====================================================================*/
/*============================ Menu ==================================*/
/*====================================================================*/

.menu ul{
height:39px;
list-style:none;
margin:0;
padding:0;
}

.menu li{
float:left;
padding:0;
}

.menu li.seperator{
float:left;
padding:0;
width:11px;
height:39px;
background:url("../images/sprite.jpg") no-repeat -900px -2870px;
}

.menu li a{
background:url("../images/menu.jpg") no-repeat 50%;
color:#ccc;
display:block;
font-weight:normal;
line-height:39px;
margin:0;
padding:0 5px 0 5px;
text-align:center;
text-decoration:none;
font-size:16px;
}

.menu li a:hover, .menu ul li:hover a{
background:url("../images/menu_hover.jpg") no-repeat 50%;
color:#fff;
text-decoration:none;
}

.menu li ul{
display:none;
height:auto;
padding:20px 0 10px 0;
margin:-8px 0 0 -4px;
border:0px;
position:absolute;
width:200px;
z-index:200;
}

.menu li:hover ul{
display:block;
background:url("../images/subMenu.png") no-repeat;
border-bottom:#fff 1px solid;
}

.menu li li {
display:block;
float:none;
margin:0px;
padding:0px;
}

.menu li:hover li a{
text-align:left;
line-height:normal;
background:none;
color:#ccc;
}

.menu li ul a{
display:block;
font-size:14px;
margin:0px;
padding:4px 8px 2px 8px;
color:#ccc;
}

.menu li ul a:hover, .menu li ul li:hover a{
color:#fff;
text-decoration:none;
}

.menu p{
clear:left;
}

/*====================================================================*/
/*=========================== Footer =================================*/
/*====================================================================*/

div#footer p,
div#footer a {
font-size: 10px;
color:#666;
}	

/*====================================================================*/
/*========================== SilverStripe ============================*/
/*====================================================================*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.clear{
	clear:both;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}



p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

	

/* WYSIWYG EDITOR ALIGNMENT CLASSES 
-------------------------------------------- */
 .left {
	text-align: left;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}

/* IMAGES 
-------------------------------------------- */
img {
	border: none;
}
	img.right {
		float: right;
		margin-left: 20px;
	}
	img.left {
	text-align: left;
	margin:3px;
	}
	img.leftAlone {
		float: left;
		margin-right: 100%;
	}
	img.center {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}