/* The html rule set adds a disabled scrollbar in Firefox even if scrolling not required */
/* this is what happens in IE by default, and now ALL pages have the same positioning */
html{
  overflow-x: auto;
  overflow-y: scroll;
}

body,td,th {
	font-family: arial, "times new roman", verdana;
	color: #333333;
}

body{
	margin-top: 0px; /* Removes annoying gap at top */
	background: #A3A3A3 url(images/bg.jpg) repeat-x; /*background-color: #FFF;*/
	
	/*background-image: url(images/frontpage_3.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;*/
}

body#frontpage_background{
	background-color: #fff;
}

p{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	margin: 0;
	padding: 0.1em 0em 0.1em 0em;
}

.padded{
	padding-left: 10px;
	padding-right: 10px;
}

.padded20{
	padding-left: 20px;
	padding-right: 20px;
}

.bpadded{
	padding-bottom: 1em;
}

.tmargin{
	margin-top: 1em;
}

.title_margin{
	margin: 10px 0px 10px 0px;
}

.white{
	color: #fff;
}

.black{
	color: #000;
}

/* Winter colours */
/*.color_1{background-color: #E9EFEE;}
.color_2{background-color: #95AC9A;}
.color_3{background-color: #CFDDDB;}
.color_4{background-color: #BDD1D2;}*/

/* Spring colours */
/*.color_1{background-color: #C0C7D1;}
.color_2{background-color: #709072;}
.color_3{background-color: #BCC5C4;}
.color_4{background-color: #A3AAB0;}*/

/* Highland scene colours */
.color_1{background-color: #B8B8B8;}/* e.g. main background */
.color_2{background-color: #616362;}/* e.g. footer */
.color_3{background-color: #ABABAB;}/* e.g. home right panel background */
.color_4{background-color: #8F9384;}/* e.g. home right gallery panel background */

/* This makes the div AND ALL children transparent
.transparent{
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
}*/

h1{
	font-size: 24px;
	color: #fff;
	font-weight: normal;/* used to be bold be default */
	margin: 0px;
	/*padding-left: 10px;*/
}
h2{
	font-size: 18px;
	color: #fff;
	font-weight: normal;
	margin: 0px;
	/*padding-left: 10px;*/
}

.float_left{
	float: left;
}

.clear{
	clear: left;
}

.center_text{
	text-align: center;
}

.error{
	margin: 0px;
	color: red;
}

a {color:#fff;}
#selected_menu_item{color: #000;}

table{
	border-collapse: collapse;
}
/*tr.alternate{background: #002200;}*/
/*tr.alternate{background: yellow;}*/
td{
	padding: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

#main_home{
    width: 800px;
    height: 600px;
   
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
    padding: 0px 0px 0px 0px;
	
	border-width: 0px 1px 0px 1px; 
	border-style: solid; 
	border-color: #000;
	
	background-image: url(images/frontpage_main.jpg);
	background-repeat: no-repeat;
}

#main{
    width: 800px;
    height: 600px;
   
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
    padding: 0px 0px 0px 0px;
	
	border-width: 0px 1px 0px 1px; 
	border-style: solid; 
	border-color: #000;
}

#main_variable_height{
	width: 800px;
   
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
    padding: 0px 0px 0px 0px;
	
	border-width: 0px 1px 0px 1px; 
	border-style: solid; 
	border-color: #000;
}

.header_box{
    width: 800px;
    height: 100px;
    
	margin: 0;
    padding: 0;
	
	background-image: url(images/frontpage_top.jpg);
}

div#menu {
	font-size: 16px;
	padding: 10px 0px 10px 0px;
}
	
div#menu ul {
	list-style-type:none;
	padding: 0;
	margin: 0;
	}

div#menu li {
	float: left;
	/*margin: 0em 0.15em*/
	margin: 0; /* INTERNET EXPLORER BUG - Set margin to zero and set the padding, rather than other way around */
	padding: 0em 0em 0em 1.65em; 
}

/*
div#menu a{
	color: #000;
}*/

form{
	margin: 0;
	padding: 0;
}

/* footer */

#footer{
	clear: left;
	width: 802px;
	height: 30px;
	padding-top: 0px;
	padding-bottom: 0px;
	
	border-style: solid;
	border-color: #000;
    border-width: 1px 0px 1px 0px;
	margin-top: 3px;
	margin-bottom: 0px;
	margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
	
	text-align:center;
}

#footer a{text-decoration:none;}

#footer p{
	line-height: 100%;
	padding:0;
	margin-top: 7px;
}

/* Login */
#login{
	clear: left;
	width: 800px;
	
	padding: 0px 0px 0px 0px;
	margin-top: 2px;
	margin-bottom: 0px;
	margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
	
	border-style: solid;
	border-color: #000;
    border-width: 1px 0px 1px 0px;
	
	background-color: #C0CCA2;
	text-align:center;
}

/* Home page */

div#home_left{
	float: left;
	width: 362px;
	
	padding: 0px 5px 10px 5px;
	margin: 0px 10px 0px 20px;
	
	/*border-style: solid;
	border-color: #D3DFDD;
    border-width: 1px 1px 1px 1px;*/
}

div#home_right{
	float: left;
	width: 362px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 20px 0px 10px;
	
	border-style: solid;
	border-color: #61817B;
    border-width: 1px 1px 1px 1px;
}

div#home_left_ie6{
	float: left;
	width: 362px; /* was 400, take off 5 to make IE6 behave */
	
	padding: 0px 5px 10px 5px;
	margin: 0px 10px 0px 10px;
	
	/*border-style: solid;
	border-color: #D3DFDD;
    border-width: 1px 1px 1px 1px;*/
}

div#home_right_ie6{
	float: left;
	width: 362px;
	
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	
	border-style: solid;
	border-color: #61817B;
    border-width: 1px 1px 1px 1px;
}

.home_right_panel{
	height: 80px;
	
	margin: 5px 5px 5px 5px;
	padding: 5px 0px 5px 0px;
}

.home_right_panel  img{
	float: left;
	
	width: 100px;
	height: 75px;
	
	margin: 0px 5px 0px 5px;
	border: 1px #000 solid;
}

#home_random{
	margin: 5px 5px 5px 5px;
	padding: 5px 0px 0px 0px;
}

#home_random img{
	width: 100px;
	margin: 0px 0px 5px 11px;
	border: 1px #000 solid;
}

/* Gallery page */

div#thumbnail_container{
	width: 636px; 
	height: 420px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5px; /* width of 636 needs to be increased for IE 6 */
	padding-right: 5px; /* width of 636 needs to be increased for IE 6 */
}

div.gallerythumbnail{
	float: left;
	width: 202px; 
	height: 192px;/* CRITICAL - less than 192 causes problems in IE6 */
	
	margin: 8px 5px 8px 5px;
	padding: 0;
	/*margin: 1em;*/
	background-color: #616161;
}

div.gallerythumbnail img{
	width: 200px; 
	height: 150px;
	border: 1px solid #000;
}

div.gallerythumbnail p{
	text-align: center;
	margin-top:5px;
}

#gallery_page{
	position:relative; /* This is needed so that the absolute title position (below) knows to be relative to this */
	width: 800px;
	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	
	border-style: solid;
	border-color: #fff;
    border-width: 0px 1px 0px 1px;
	
}

.gallery_panel{
	width: 800px;
	height: 160px;
	
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0;
	border-style: solid;
	border-color: #fff;
    border-width: 1px 0px 1px 0px;
}

.gallery_panel_image{
	float:left;
	width: 202px;
	height: 150px;
	
	padding: 0;
	
	margin: 4px 0px 4px 10px; /* 5 - 1 image border */
}

.gallery_panel_image img{
	padding: 0;
	border: 1px #fff solid;
}

.gallery_panel_text{
	float:left;
	width: 575px;  /* 600 - 5 image border AND minus another 2 to keep IE 6 happy */
	height: 150px;
	
	padding: 0;
	margin: 4px 0px 4px 0px; /* 5 - 1 image border */
	
}

.gallery_panel_text p{
	margin-top: 5px;
	margin-bottom: 5px;
}

/* Image page layout */

p.imagepage{
	margin: 2px 5px 2px 5px;
	padding: 0;
}

div#imagepage{
	margin: 0;
	padding: 0px 0px 2px 0px;
}

#full_sized_image{
	width: 800px;
	margin: 0;
	padding: 0;
}

#full_sized_image img{
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #E0E0E0;
	
	display: block;/*centres the image*/
	margin-left: auto; /*centres the image*/
   	margin-right: auto; /*centres the image*/
}

#image_page_navigation{
	width: 780px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	padding-top: 5px;
	padding-bottom: 5px;
	
	padding-left: 10px;
	text-align: right;
}

#image_page_navigation_left{
	float: left;
	text-align: left;
}

input.submit{
	width: 55px;
	/*height: 25px;*/
	margin: 0px 5px 0px 5px;
	padding: 0;
}

input.search{
	width: 60px;
	/*height: 25px;*/
	margin: 0px 5px 0px 5px;
	padding: 0;
}

textarea.imagepage{
	width: 780px;
	height: 100px;
	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

div#copyright_image{
	float:left;
	margin: 3px 30px 0px 5px;
	padding: 0;
}

p#dates{
	margin: 0px 0px 0px 5px;
	padding: 0;
}

span.dates{
	margin: 0px 30px 0px 0px;
	padding: 0;
	color: #303030;
}

input.textfield{
	width: 130px;
	margin: 0;
	padding:0;
}

/* Syllabus page */

div.syllabus_page_layout{
	width: 780px;
	padding-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

div.syllabus_page_left{
	float:left;
	width: 425px; /* 450 - 20 padding*/
	/*margin-top: 10px;*/
	padding-right: 20px;
}

div.syllabus_page_image{
	float:left;
	width: 300px;
}

div.syllabus_page_image img{
	width: 300px;
	border: 1px solid black;
}

/* About page */

div#about_page_left{
	float:left;
	width: 400px;
	margin: 10px 0px 0px 10px;
}

div#about_page_right{
	float:left;
	width: 365px;
	margin: 10px 0px 0px 10px;
}

td.members_table{
	width: 175px;
	padding: 2px 0px 2px 0px;
	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

/* Contact page */

/*
div#contact_page_left{
	float:left;
	width: 365px;
	margin: 10px 0px 0px 10px;
}*/

div#name_and_email{
	width: 375px;
	height: 40px;
	
	margin: 20px 0px 0px 0px;
}

div.name_and_email_item{
	float: left;
	width: 180px;
}

input.name_and_email{
	width: 175px;
}

input.name{
	width: 175px;
}

div#message{
	width: 375px;
	
	margin: 20px 0px 0px 0px;
}

textarea#message{
	width: 375px;
	height: 100px;
	
	margin:0;
	padding: 0;
}

p.contact_intro_string{
	margin: 0px 0px 0px 0px;
}

div#contact_page_right{
	float:left;
	width: 375px; /* 450 - 20 padding*/
	/*height: 350px;*/
	margin: 10px 0px 0px 10px;
	padding: 10px 10px 10px 10px;
	
	border-style: solid;
	border-color: #61817B;
    border-width: 1px 1px 1px 1px;
	
}

/*
p#contact_page_lower{
	margin: 10px 0px 0px 0px;
}*/

#submit_button{
	padding: 20px 0px 0px 0px;
}

#sign_up_email{
	height: 30px;
	width: 375px;
}

#submit_button_email{
	margin: 10px 0px 0px 0px;
}

/* Links page rule sets */

#links_container{
	margin: 20px 20px 20px 20px;
}

td.links_table{
	/*width: 550px;*/
	padding: 2px 0px 2px 0px;
	
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
}

/* Workshops */

div.workshops_headings{
	margin-top: 5px;
	
	border-style: solid;
	border-color: #61817B;
    border-width: 1px 0px 1px 0px;
}

.workshops_item{
	width: 800px;
	/*height: 145px;*/
	
	margin-top: 10px;
	padding: 0px 0px 0px 0px;
	
	border-style: solid;
	border-color: #61817B;
    border-width: 1px 0px 1px 0px;
}

td.workshops{
	border: 0;
}

/* syllabus */
p.syllabus_extra{
	margin: 0px 0px 0px 86px;
}

p.news_frontpage_extra{
	margin: 0px 0px 0px 76px;
}

td.syllabus{
	border: 0;
}

/* pat-chis */
div#pat-chis{
	width: 600px;
	margin-left: auto; /*centres the block*/
   	margin-right: auto; /*centres the block*/
	
	text-align: center;
}

div#pat-chis img{
	padding: 10px 0px 10px 0px;
}