@charset "UTF-8";
/* CSS Document */

/********************
STYLING - text and image
*********************/

body { 
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 100%;
	margin: 0;
	padding: 0;
	background-image: url(images/stripe.gif);
	background-position: 0 120px;
	background-repeat: repeat-x;
}

h1,h2,h3,h4,h5  {
	color: #d31145; 
	font-weight:normal;
}

h1 {
	font-size: 1.9em;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 1.5em;
	margin: 20px 0 10px 0;
}

h3 {
	font-size: 1.3em;
	margin: 10px 0 10px 0;
}

h4,h5 {
	font-size: 0.9em;
	margin: 0px 0px 10px 0px;
}

p {
	color: #002d62;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0px 0px 10px 0px;
}

ul, ol {
	color: #002d62;
	font-size: 0.9em;
	line-height: 1.4em;
	margin: 0;
	padding: 0 0 5px 15px;
	list-style: square;
}

li {
	padding: 0 0 6px 0; 
}

img {
	border: none;
	padding: 0px;
	margin: 0 0 10px 0;
}

blockquote {
	padding: 0;
	margin: 0 20px 10px 20px;
	font-size: 1em;
	font-style: italic;
	line-height: 1.4em;
	color: #d31145;
}



/********************
CONTAINER
*********************/

.contain
{
   width: 940px;
   padding: 0;
   margin: 0;
   margin-left: auto;
   margin-right: auto;
}


/********************
HEADER
*********************/

#header
{
	padding: 19px 0 19px 0;
	margin: 0;
	float: left;
	width: 100%;
	height: 120px;
	background-image: url(images/deptford-reach-logo.jpg); /* logo link */
    background-repeat: no-repeat;
    background-position: 0 20px;


}

div#header h1{
/* you can set your own image here */
   padding: 0;
   margin: 0;
   text-indent: -999em;       /* this hides the text */
   text-decoration: none;     /* old firefox would have shown underline for the link, this explicitly hides it */
}



/********************
NAV - left column
*********************/

* html div#nav {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}

#nav {
   padding: 0;
   margin: 0;
   width: 220px;
   float: left;
}

#nav ul {
   padding: 0;
   margin: 0;
}

#nav li  {
   padding: 0;
   margin: 0 0 10px 0;
   font-size: 20px;
   line-height: 20px;
   font-weight: normal;
   list-style: none;
   color: #FFFFFF;
}

#nav li.active {
   padding: 8px 10px 8px 10px;
   background-image: url(images/menu-stripe.gif);
   background-position: -220px 0px;
}

a.box {
   padding: 8px 10px 8px 10px;
   margin: 0;
   width: 200px;
   background-image: url(images/menu-stripe.gif);
   text-decoration: none;
   color: #FFFFFF;
   display: block;
}

a.box:link {
	background-position: 0px 0px;
}

a.box:visited {
	background-position: 0px 0px;
}

a.box:hover {
	background-position: -220px 0px;
}

a.box:active {
	background-position: -220px 0px;
}

#nav ul ul {
	margin: 0 0 20px 10px;
	padding: 0;
}

#nav li li {
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	color: #d31145;
}

a.sub:link, a.sub:visited {
	color: #f8981d; 
	text-decoration: none;
	outline: none;
}

a.sub:hover, a.sub:active, a.sub:focus  {
	color: #d31145;
	text-decoration: none;
}


/********************
CONTENT - centre column
*********************/

#content {
   padding: 0;
   margin: 0 0 0 20px;
   width: 460px;
   float: left;
}

/* links */
#content a:link {
	color: #e16300; 
	text-decoration: none;
	outline: none;
}

#content a:visited {
	color: #e16300;
	text-decoration: none;
}

#content a:hover, a:active, a:focus  {
	color: #d31145;
	text-decoration: none;
}

.boxline {
	padding: 10px 10px 0 10px;
	margin: 10px 0 20px 0;
	height: auto;
	min-height: 140px;
	border-width: 10px;
	border-style: solid;
	border-color: #f8981d;
}

.boxline h1,h2,h3,h4,h5 {
	padding: 0 0 10px 0;
	margin: 0;
}

.boxline blockquote {
	padding: 0;
}

.boxline img {
	padding: 0;
	margin: 0 10px 10px 0;
	float: left;
	clear: both;
}

#content a.box  {
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	list-style: none;
	color: #FFFFFF;
	text-align: center;
}


/********************
PICTURES - right column
*********************/

#pics ul {
   padding: 0;
   margin: 0;
}

#pics li  {
   padding: 0;
   margin: 0 0 10px 0;
   font-size: 20px;
   line-height: 20px;
   font-weight: normal;
   list-style: none;
   color: #FFFFFF;
}

#pics li.active {
   padding: 8px 10px 8px 10px;
   background-image: url(images/menu-stripe.gif);
   background-position: -220px 0px;
}

#pics {
   padding: 0;
   margin: 0;
   width: 220px;
   float: right;
}

div#pics img {
   padding: 0;
   margin: 0;
}

.boxred {
   padding: 10px 10px 1px 10px;
   margin: 10px 0 10px 0;
   background-color: #d31145;
}

.boxred p, .boxred h1, .boxred h2, .boxred h3, .boxred h4, .boxred h5, .boxred a {
	color: #FFFFFF;
}



/********************
FOOTER
*********************/

#foot
{
   padding: 5px 0 5px 0;
   margin: 10px 0 0 0;
   background-color: #f8981d;
   float: left;
   width: 100%;
}

#foot p
{
	padding: 0;
    margin: 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 0.8em;
}

#foot a
{
	color: #FFFFFF;
}