/*STANDARD STUFF - this section defines body attributes and link text behviour*/
BODY {
	/*background-image: url(background.png);*/
}

/*A {
	color: #FFFFFF;
	text-decoration: none;
}

A:HOVER {
	color: #FFCC00;
	text-decoration: underline;
}*/
/*LAYOUT - this is the fluid layout itself, composed of 5 boxes, and uses ID selectors*/

/*BOX 1 - a container that wraps around the entire content and constrains content to 80% of the browser window*/

div#container {
	position: relative;
	margin: 0 auto;
	width: 650px;
	padding: 4px;
	height: 100%;
	background: #FFFFFF url(../images/left_nav_tile.gif) repeat;
	border: 4px solid #FFFFFF;
	/*border: thick solid #CCCCDD;*/
}

/*BOX 2 - the strap across the top of the page.  Defaults to 100% of the container size and is centred*/

div#banner {
	width: 650px;
	position: relative;
	background-image: url(../images/images/composition4_01_01.jpg);
	background-repeat: no-repeat;
	height: 99px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	
}
div#topnav {
	width: 635px;
	position: relative;
	background-image: url(../images/composition4_02.gif);
	background-repeat: no-repeat;
	height: 43px;
	line-height: 43px;
	margin-top: 0;
	margin-bottom: 0;
	text-align: right;
	padding-right: 15px;
}

/*BOX 4 - navigation sidebar.  Width is the remainder of the container box and clear:right forces the next element to the bottom of the page*/


div#sidenav {
	/*margin-top: 10px;*/
	
	float:left;
	background-image: url(../images/left_nav_tile.gif);
	width: 136px;
	height: auto;
}

/*BOX 3 - main content goes in here.  Width is 75% of the container box and it floats to the left*/

div#main {
	float:left;
	/*background-color:#003366;*/
	/*padding: 10px;*/
	/*background-image: url(catbox_bg_start.gif);*/
	
	width: 474px;
	clear: right;
	background-image: url(../images/content_tile.gif);
	background-repeat: repeat;
	background-position: left;	/*margin:10px;*/
	height: auto;
	padding: 15px 10px 10px 15px;
	margin: 0px;
    /*border: thick solid #CCCCDD;*/

}
#salamanca {
}




/*BOX 5 - bottom strap.  Width is full width of container box and the bar is centred*/

div#bottombar {
	position: relative;
	height:38px;
	clear: both;
	background-image: url(../images/composition4_05.gif);
	background-repeat: no-repeat;
	margin-top: 0;
	margin-bottom: 0;
	width: 650px;
}
	
/*FORMATTING - these selectors change font styles and colours and are all CLASS selectors*/

/*.sidehead {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}*/

/*.sidebody {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: right;
	vertical-align: middle;
}*/

/*.subhead {
font-family : "Trebuchet MS", Verdana, Helvetics, Arial, sans-serif;
font-weight: bold;
font-size: 12px;
text-transform : uppercase;
letter-spacing : 0.5em;
}*/

/*.bodytext {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;

}*/
.leftcolumn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #290100;
	text-decoration: none;
	padding-left: 0px;
	margin-left: 14px;
}
.maincontent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #341A00;
}
.maincontent  a:link {
	color: #0066CC;
	text-decoration: underline;
}
.contentmain a:visited {
	color: #0066D8;
	text-decoration: underline;
}
contentmain a:hover {
	color: #CC0000;
	text-decoration: underline;
}



.toprow {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.leftcolumn a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #341A00;
	text-decoration: none;
}
.leftcolumn a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration: none;
}
.leftcolumn a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #006600;
	text-decoration: underline;
}
.toprow a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
.toprow a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFF66;
	text-decoration: none;
}
.footerbar a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFCC33;
	text-decoration: underline;
}

.footerbar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-align: left;
	text-indent: 25px;
	line-height: 18px;
}
.footerbar a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFF66;
	text-decoration: underline;
}

.footerbar a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}


.toprow a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFCC33;
	text-decoration: underline;
}
.imageright {
	background-color: #FFFFFF;
	float: right;
	width: 130px;
	border: 1px dotted #FFFFFF;
}