html{
	height:100%;
}

body {
background:#fff scroll;
color:#000000;
font-family:verdana,arial,helvetica,sans-serif;
font-size:90%;
padding:0pt;
margin:0px;
height:100%; /* needed for container min-height */
}

img{
	border-style:none;
}
img.portfolio{
	border-style:none;
	margin:4px;
}

h1{
font-size:1.4em;
text-align:center;
color:#101090;
}

.compin{
margin-bottom:8px;
border-color:#e0d0d;
font-size:0.8em;
width:40%;
}

p.form_text{
padding-left:10px;
padding-right:10px;
}

.form_header{
background-image:url("pngs/form_header.png");
background-repeat:no-repeat;
height:83px;
}
.form_repeat{
background-image:url("pngs/form_repeat.png");
background-repeat:repeat-y;
padding:16px;
}
.form_footer{
background-image:url("pngs/form_footer.png");
background-repeat:no-repeat;
height:30px;
}

.competition-button{
float:right;
background-image:url("jpegs/eatoutbutton.jpg");
background-repeat:no-repeat;
font-size:0.9em;
font-family:arial;
font-weight:700;
padding-top:4px;
padding-bottom:8px;
margin-right:10px;
color:white;
width:160px;
text-indent:5px;
}

p.thanks{
font-size:1.2em;
color:black;
padding:30px;
}

p.colours{
font-size:0.9em;
padding-left : 60px;
padding-right:60px;
color:white;
}

p.note{
font-size:0.7em;
padding-left : 0px;
padding-right:0px;
margin-top:0px;
color:white;
background-color:#98a0b4;
}

p.tags{
font-size:0.9em;
padding-left : 60px;
padding-right:60px;
color:white;
}

.main-top {
background-color:#666666;
width:100%;
height:20px;
position:absolute;
left:0px;
top:0px;
}

.main-footer {
width:100%;
padding:0px;
line-height:1.3em;
background-image:url('jpegs/bottom_fade.jpg');
}

#main-bottom {
color:white;
background-color:#666666;
width:100%;
height:20px;
position:relative;
left:0px;
top:0px;
font-size:0.8em;

}

td.redstripe {
background-color:#f01010;
height:3px;
padding:0px;
}

td.blustripe {
background-color:#622b40;
height:3px;
padding:0px;
}

td.content {
background-image:url('jpegs/bottom_fade.jpg');
background-repeat:repeat-x;
background-position:0px 3px;

font-size:0.9em;
color:black;
padding:20px;
}

td.footer {
background-image:url('jpegs/bottom_fade.jpg');
background-repeat:repeat-x;
background-position:0px 3px;
}

td.logo_top{
width:518px;
padding:0px;
padding-top:400px;
background-repeat:no-repeat;

}

.main_text{
padding:22px;
font-size:0.9em;
text-align:justify;
}


#times {
color:black;
width:100%;
position:relative;
left:0px;
top:0px;
font-size:1.0em;
text-align:center;
}

#space {
padding-top:30px;
padding-bottom:30px;
color:#3262ae;
width:100%;
position:relative;
left:0px;
top:0px;
font-size:0.9em;
font-weight:700;
text-align:center;
}

.explore{
vertical-align:bottom;
}

#footer {
padding-top:10px;
padding-bottom:10px;
color:black;
width:100%;
left:0px;
top:0px;
font-size:0.6em;
text-align:center;
}


.bluespan{
color:#622b40;
}
.greyspan{
color:#909999;
}

td.main-toolbar {
background-image:url('jpegs/bg_left.jpg');
background-repeat:no-repeat;
background-color:#858e96;
height:100%;
width:99px;
padding:0px;
vertical-align:top;
}


#main-toolbar-buttons{
	padding-top:200px;
	padding-left:4px;
	padding-right:4px;
}

#left_content{
	background-color:#858e96;
	width:99px;
	height:100%;
	vertical-align:top;
}

table.table_container{
	border-style:none;
	border-width:none;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	border-collapse: collapse;
	table-layout:fixed;

 }

td.container_left{
	background-image:url('jpegs/left_fade.jpg');
	background-repeat:repeat-y;
	background-position:100% 0%;
}

td.container_right{
	background-image:url('jpegs/right_fade.jpg');
	background-repeat:repeat-y;
	background-position:0% 0%;
}

.centre-body{
	background-image:url('jpegs/bg_main.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	position:relative;
	left:0px;
	top:0px;
	height:auto;
	width:auto;
	vertical-align:top;

	padding-left:10px;
	padding-right:10px;
	padding-top:20px;
}

#top_logo{
	height:140px;
}




.login_card_container {
padding:10px;
background-color:#e6f0ff;
float:center;
font-size:0.8em;
color:#3262ae;
}
.login_card_left{
width:70%;
text-align:right;
float:left;
}
.login_card_right{
padding-top:10px;
width:30%;
text-align:center;
float:right;
}

.login_card_title{
font-size:1.2em;
font-weight:700;
color:#000;
}


.inputbox{
background-image:url('pngs/inputbox.png');
border-style:solid;
border-width:1px;
border-color:#fff;
border-top-color:#404040;
border-left-color:#404040;
margin:1px;
padding:2px;
}



img.main-logo{
	float:right;
	padding:10px;
}

a.navbutton_locked{
	font-family: arial, helvetica, sans-serif;
	font-size:1.0em;
 	text-align:center;
 	color:black;
 	text-decoration:none;
}

a.navbutton_locked:link, a.navbutton_locked:visited, a.navbutton_locked:hover{
	display: block;	
	background-image:url('pngs/nav_on.png');
	background-repeat:no-repeat;
	padding:0px;padding-top:2px;
	width:91px;
	height:27px;
	}


a.navbutton{
	font-family: arial, helvetica, sans-serif;
	font-size:1.0em;
 	text-align:center;
 	color:black;
 	text-decoration:none;
}

a.navbutton:link, a.navbutton:visited{
	display: block;	
	background-image:url('pngs/nav_off.png');
	background-repeat:no-repeat;
	padding:0px;padding-top:2px;
	width:91px;
	height:27px;
	}
	

a.navbutton:hover{
	display: block;
	background-image:url('pngs/nav_on.png');
	background-repeat:no-repeat;
	padding:0px;padding-top:2px;
	width:91px;
	height:27px;
	}
	
a.competition{
	font-family: arial, helvetica, sans-serif;
	font-size:1.0em;
 	text-align:center;
 	color:#c8c0c0;
 	text-decoration:none;
}

a.competition:link, a.navbutton:visited{
	padding:0px;padding-top:2px;
	width:91px;
	height:27px;
	}
	

a.competition:hover{
	padding:0px;padding-top:2px;
	width:91px;
	height:27px;
	color:white;
	}
	
