html, body {
	background-color:white;
	background-image: url(noimages/bg_body.png);
	background-repeat:repeat-y;
	background-position:center center;
	margin-top:10px;
	margin-bottom:10px;
	}

legend {font-size:14px;top:5px;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}

#bodypage 
{
	margin:0px auto;
	width: 770px;
 	padding: 0;
	border-left: 1px solid red;
	border-right: 1px solid red;
	border-bottom: 1px solid red;
	background-color: white;	
	/*min-height: 100%;
	height: 100%;*/
	voice-family: "\"}\"";
	voice-family: inherit
}



html>body #bodypage {height: auto}

body
{
	font-family: "Arial", "Tahoma", sans-serif;
}
img
{
	border: 0px;
}
#container 
{ 	
	width: 500px; 
	padding-right: 20px; 
	padding-left: 20px; 
	min-height: 100%; 
	padding-bottom: 20px; 
	margin-left: auto; 
	margin-right: auto; 
	padding-top: 20px; 
	height: 100%; 
	background-color: white; 
	voice-family: inherit;
	border: 1px solid black;
}

h1 
{
    color:Red;
	font-weight:bold;	
	font-size:1.5em;
}

h2
{
	font-size: 0.9em;
	color:red;
	margin-bottom:0px;
}
h3
{
	font-size: 0.9em;
	margin-bottom: 0px;
}
a:link 
{
    color: red;
    background-color: transparent;
    font-family:Arial;
}
a:visited 
{
    color: red;
    background-color: transparent;
    font-family:Arial;
}
img 
{
    border:0
}
#topnav
{
	width: 500px;
	font-size: 0.7em;
	text-align: right;
}
#topnav li
{
	list-style-type: none;
	display: inline;
}
#content 
{

 
	font-size: 80%;
	line-height: 1.5;
	background:white;
	width:450px;
	top:45px;
	float: left;
	clear: left;
	padding: 48px 0px 0px 16px;
	margin:0
}
#content p img 
{
	float:left;
	padding: 0px 0px 10px 0px; 
}		
#content p 
{
    text-align:left;
	font-family:Arial;
	color:black;
	padding:0px 0px 0px 0px;
}

#content h1 
{
	color:Red;
	font-weight:bold;	
	font-family:Arial;
}
		
#content h2 
{
	color:red;

}
		
#content h3 
{
	color:red;
	font-family:Arial;
	font-size:80%;
}
		
#content h4 
{
    text-align:left;
	font-family:Arial;
	color:black;
 	font-size:60%;
	padding:0px 0px 0px 0px;
}
	

#header 
{
	color: #006;
	background-color: #fff;
	height:100px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-top:1px solid red;
}
#header img
{
    padding:10px;
    float:right;
}
#header h1 
{
	font-size:1.2em;
	color:#6666CC;
	margin:0;
}
		
#header h1 span {display:none}

#events
{
	margin: auto;
}
#events a
{
	font-size: 0.9em;
}
#events label,input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

#events label 
{
	text-align: left;
	width: 175px;
	padding-right: 20px;
}
#events br 
{
	clear: left;
}

#login br 
{
	clear: left;
}
#login label,input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

#login label 
{
	text-align: left;
	width: 205px;
	padding-right: 20px;
}

#validation
{
	font-size: 0.7em;
	color: crimson;
	font-weight: bold;
}
.submit
{
	margin-top: 10px;
	float: right;
	width:80px;
}

#rightpanel 
{

    position: relative;
    float:right;
    right: 10px;
	top: 50px;
    width: 260px;
	text-align:left;
    font-size:70%;
    line-height: 1.5;  
    list-style-type: none;
}
#rightpanel ul
{
    margin-left:4px;
}
#rightpanel h2 
{/*title */
    position: relative;
	text-align:center;
	background-color:Black;
	color:White;
 	font-size:120%;
}
#rightpanel h3 
{
	text-align:center;
 	background-color:Red;
	color:White;
 	font-size:90%;
 	line-height: 1.5;
	margin:0;
	list-style-type: none;
}

#rightpanel h4 
{
	text-align:center;
 	background-color:Red;
	font-weight:bold;	
	color:White;
 	font-size:90%;
	margin:0;
	list-style-type: none;
    
}
 		
#rightpanel p 
{
	text-align:left;
	font-size: 100%;
	margin:0px;
	margin:0;
	list-style-type:none;
}
		
#rightpanel p img 
{
	float:left;
	
	list-style-type: none;
}
		
#rightpanel li img 
{
	margin:2px;
	padding:0;
	list-style-type: none;
}
#rightpanel li
{
    list-style-type:none;
}
#rightpanel h5
{
    text-align:right;
	color: red;
 	font-size: 80%;
	margin:0px;
	margin:0;
	list-style-type:none;
}

#rightpanel h6
{
    text-align:right;
	color: black;
 	font-size: 80%;
	margin:0px;
	margin:0;
	list-style-type:none;
	}
	
#albumlist
{
    list-style-type:none;
    width:450px;
}
#albumlist li
{
    float:left;
    margin-left:20px;
    margin-right:15px;
    margin-bottom:10px;
    font-family:Arial,; 
    font-size:50%;
    colour:red;
}
#albumlist img 
{
    display: block;
}	

img.frame 
{
	float:left;
	clear:both;
	background:#fff;
	border:1px solid #EEEEF8;
	padding:5px;
	margin-right:6px;
	margin-bottom:4px;
}
	

 #footer
 {

    clear:both;
    text-align:left;
    font-size:72%;
    padding:50px 0px 5px 10px;
 }
	
  #footer a:link
{
color:black;
text-decoration: none;
 
     
}
	
#footer a 
{
	color:#4d4d80;
	font-weight:bold
}
	
#footer p 
{
	margin:0
}


/* Navigation bar */

#mainnav
{
	position:absolute;
	top:105px;
	width:780px;  
 	font-family:Arial;
	font-size:78%;
	padding: 10px;
	background-repeat:repeat-y;
	background-position:top left;
	text-align:left
}
		
#mainnav ul 
{ 
	list-style: none;
	padding:0;
	margin:0;
}
#mainnav li
{
    	display:inline;
        color:#FF0000;
}	
#mainnav a:link, #mainnav a:visited 
{
	color:black; 
	padding:0 6px 0 6px;
	text-decoration:none
}
			
#mainnav a:hover 
{
	border-top:4px solid red;
	color:solid Red;
}	
			
#mainnav #currentpage a 
{
	border-top:4px solid red;
	border-bottom:4px solid red;
}

strong {font-size:110%}

code {color:#000; font-weight:bold; margin:10px 5px; padding:5px 3px; line-height:2em}


ul.inline li {display: inline}

ul.inline li img {display:inline}
		
/* buttons list on the right events bar */
ul.buttons { 
	padding:0;
	margin:0;
	list-style-type:none;
	text-align:center}

#whatson
{
    width:100%;
}
#whatson h3
{
    font-size:1.2em;
    color:Black;
}
#whatson ul
{
    list-style-type:none;
    margin-left:12px;
}
	


/* Admin Styles from Toby */

#events
{
	margin: auto;
}
#events a
{
	font-size: 0.9em;
}
#events label,input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

#events label 
{
	text-align: left;
	width: 175px;
	padding-right: 20px;
}
#events br 
{
	clear: left;
}
#login br 
{
	clear: left;
}
#login label,input 
{
	display: block;
	float: left;
	margin-bottom: 10px;
}

#login label 
{
	text-align: left;
	width: 105px;
	padding-right: 20px;
}

#validation
{
	font-size: 0.7em;
	color: crimson;
	font-weight: bold;
}
.submit
{
	margin-top: 10px;
	float: right;
	width:80px;

/* Contact Forms */
	
}

label,input {
	display: inline;
	width: 300px;
	float: left;



	 
}

label 
{
	font-family:Arial;
	text-align: right;
	width: 85px;
	padding-right: 5px;
	font-size: 12px;
	color:red;
	font-weight:bold;
}

input.submit
{
	font-family:Arial;
	margin-top: 10px;
	font-weight:bold;
	background-color:Red;
	color:White;
	float:left;
	width:100px;
}

.optout
 
 {
	font-family:Arial;
	text-align: left;
	width: 500px;
	font-size: 12px;
	 

}
contactform
{
	display:inline;
}

br {
	clear: left;
}








#gallerymainnav
{
	position:absolute;
	top:260px;
	width:400px;  
 	font-family:Arial;
	font-size:80%;
	padding: 10px;
	background-repeat:repeat-y;
	background-position:top left;
	text-align:left;
	right: 345px;
}
		
#gallerymainnav ul 
{ 
	list-style: none;
	padding:0;
	margin:0
}
#gallerymainnav a:link, #gallerymainnav a:visited 
{
	color:black; 
	padding:0 6px 0 6px;
	text-decoration:none
}
			
#gallerymainnav a:hover 
{
	border-top:4px solid red;
	color:solid Red;
}	
#gallerymainnav #currentpage a 
{
	border-top:4px solid red;
	border-bottom:4px solid red;
}
.pagetitle6
{
    font:bold 80% Arial, Verdana, Helvetica, Sans-Serif;
    color:red;
}
.pagetitle7
{
    font:normal 85% Arial, Verdana, Helvetica, Sans-Serif;
    color:#0073C6;
}
#gallerycontent 
{
color:black;
 
	font-style:italic;
	font-size: 80%;
	line-height: 1.5;
	background:white;
	width:450px;
	top:80px;
	float: left;
	clear: left;
	padding: 48px 0px 0px 50px;
	margin:0
}
#gallerycontent h1
{
 color:Red;
	font-weight:bold;	
	font-family:Arial;
	font-style:normal;
	font-size:100%; 
}

	

	
#whyalbumlist
	{
	    list-style-type:none;
	    width:200px;
	    margin-top:200px;
}
	#whyalbumlist li
	{
	    float:right;
	    margin-left:40px;
	    margin-right:15px;
	    margin-bottom:40px;
	   font-family:Arial,; 
	    font-size:80%;
	    colour:red;
	
	}
	#galleryrightpanel img 
	{
	    display: block;
	}
		#galleryrightpanel 
{
    position: relative;
    list-style-type:none;
    float:left;
    left: -35px;
	top: 200px;
    width: 260px;
  
	
}
#galleryrightpanel li 

{
	    float:right;
	    margin-right:1px;
	    margin-bottom:45px;
	   font-family:Arial,; 
	    font-size:80%;
	    colour:red;
}
#galleryrightpanel img

{
	    border: 1px solid red;
}
.caption
{
	font-size:0.8em;
	padding-bottom:6px;
}