/* STYLESHEET TEMPLATE FOR CAPSULE 03022014 v1.0 */

/* 1 - Styles for body ie overall styling */

body { 
background-image: url(../images/aharnbackgroundelement.png);
background-position: center bottom;
background-repeat: no-repeat;
background-attachment: fixed;
background-color: #A9D7A8;
font: 18px/25px times new roman, serif;
color: #58585A; 
padding: 0px;
margin: 0px;
text-align: center;
}

body {
overflow-x: hidden;
}

.extendfull, .extendleft {
padding-left: 3000px;
margin-left: -3000px;
}

.extendfull, .extendright {
padding-right: 3000px;
margin-right: -3000px;
}

/* 1.1 - Styles for the container to position centrally */

div.container {
width: 1000px;
margin: auto;
text-align: left;
}

/* 1.2 - Styles for the left hand column */

div.leftcontainer {
float: left;
width: 320px;
margin: auto;
text-align: left;
}

/* 1.3 - Styles for the right hand column */

div.rightcontainer {
float: left;
width: 680px;
margin: auto;
text-align: left;
}

/* 2 - Styles for the header */

div.extendleft {
float: left;
position: absolute;
background: #fff; 
width: 320px;
height: 320px;
z-index: -1;
}

div.header1 {
background: #fff; 
width: 253px;
height: 180px;
margin: 0px 0px 0px 0px;
padding: 115px 0px 25px 67px;
}

/* 2.1 - Styles for the navigation */

.nav {
font-family: 'Archer A', 'Archer B'; 
font-weight: 500; 
font-style: normal;
color: #58585A;
text-decoration: none;
}

a.nav:hover {
font-family: 'Archer A', 'Archer B'; 
font-weight: 500; 
font-style: normal;
color: #58585A;
text-decoration: underline;
}

/* 4 - Styles for the content */

div.content1 {
float: left;
font-size: 18px/25px;
font-family: 'Archer A', 'Archer B'; 
font-weight: 500; 
font-style: normal; 
width: 320px;
margin: 0px;
text-align: right;
border-bottom: 2px solid #fff;
}

div.content1a {
font-size: 18px/25px;
font-family: 'Archer A', 'Archer B'; 
font-weight: 500; 
font-style: normal;
float: left;
width: 320px;
margin: 0px;
text-align: right;
border-bottom: 2px solid #fff;
}

div.content1aspace {
float: left;
width: 360px;
height: 100px;
margin: 0px;
}

div.content2 {
font-size: 18px/25px;
font-family: 'Archer A', 'Archer B'; 
font-weight: 500; 
font-style: normal;
float: left;
width: 320px;
margin: 0px;
text-align: right;
}

div.contentspace {
width: 320px;
height: 180px;
margin: 0px;
text-align: right;
}

div.content3 {
width: 680px;
height: 375px;
margin: 0px;
text-align: right;
padding: 172px 0px 0px 0px;
}

.display {
float: right;
position: relative;
height: 375px;
width: 555px;
margin: auto;
}

.display img {
padding: 0px 0px 0px 0px;
}

/* end styles */