@charset "utf-8";
/* Style CSS */

/***************************************** Reset *****************************************/

* 
{
	margin:0;
	padding: 0;
	text-decoration: none;
}
  
 /***************************************** Container *****************************************/  
  
#container
{
	/*fixes width & centres content in browser window*/
	position:relative;
	margin: 0px auto 0px auto;
	width:784px;
	height: auto;
	text-align: left;
	
	/*Hack to stop the container collapsing*/
	border:1px solid hidden;
}

/***************************************** Header *****************************************/

#header
{
	position: relative;
    width: 784px;
    margin: 70px auto 0px auto;
    height: 272px;
    background-image: url(../images/scot_header.jpg);
}


/***************************************** Menu *****************************************/

.menu_div
{
    position:relative;
	margin: 0px auto 0px auto;
    width: 784px;
	height: 51px;
}

/***************************************** Border Below Menu *****************************************/

#border_below_menu
{
    position:relative;
	margin: 0px auto 0px auto;
    width: 784px;
	height: 13px;
	background-image:url(../images/border_below_menu.jpg);
}

/***************************************** Content *****************************************/

#content
{
	position: relative;
	width: 784px;
	height: auto;
	margin: 0px auto 0px auto;
	background-image: url(../images/content_bg2.jpg);
/*	border: yellow 1px solid;*/
	overflow: hidden;
}	

/***************************************** Content Footer *****************************************/

#content_footer
{
    position:relative;
	margin: 0px auto 0px auto;
    width: 784px;
	height: 20px;
	background-image:url(../images/content_footer.jpg);
	clear: both;
/*	border: blue 1px solid;*/
}

/***************************************** Main Text *****************************************/

.text
{
	position: relative;
	float: left;
	margin: 0 auto 0 auto;
	width: 483px;
	height: auto;
	padding: 20px;
	background-image: url(../images/text_bg.jpg);
/*	border: lime 1px solid;*/
}

/***************************************** Recent Update Div *****************************************/

.recent_update_div
{
	position: relative;
	float: right;
	width: 226px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	margin-right: 25px;
}

/***************************************** Recent Update Header *****************************************/

.recent_update_header
{
	position: relative;
	width: 226px;
	height: 17px;
	margin: 0 auto 0 auto;
	background-image: url(../images/recent_update_header.jpg);
}

/***************************************** Recent Update Middle *****************************************/

.recent_update
{
	position: relative;
	width: 226px;
	height: auto;
	background-image: url(../images/recent_update_bg.jpg);
	margin: 0 auto 0 auto;
}

/***************************************** Recent Pics *****************************************/

.recent_pics
{
	position: relative;
	width: 176px;
	height: 176px;
	margin: 0 auto 0 auto;
	border: solid 2px white;
}

/***************************************** Recent Update Text *****************************************/

.recent_update_text
{
	position: relative;
	font-size: 10px;
	width: 185px;
	height: auto;
	padding-bottom: 20px;
	margin: 20px auto 0 auto;
}


/***************************************** Recent Update Footer *****************************************/

.recent_update_footer
{
	position: relative;
	width: 226px;
	height: 17px;
	margin: 0 auto 0 auto;
	background-image: url(../images/recent_update_footer.jpg);
}

/***************************************** Footer *****************************************/

#footer
{
    position:relative;
	margin: 10px auto 50px auto;
    width: 784px;
	height: 10px;
	clear: both;
/*	border: red 1px solid;*/
}

/***************************************** Clear *****************************************/
.clr
{
	clear: both;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}

/***************************************** Gallery Thumbnails *****************************************/
.gallery_thumbs
{
	position: relative;
	float: left;
	height: auto;
	width: 510px;
	margin-bottom: 80px;
	margin-left: 50px;
}

/***************************************** Gallery Text *****************************************/
.gallery_text
{
	position: relative;
	float: left;
	height: 50px;
	width: 150px;
	margin-left: 30px;
	margin-top: 25px;
}